Merge branch 'master' of https://github.com/mProjectsCode/obsidian-meta-bind-plugin

Author: mProjectsCode

exampleVault/Input Fields/Progress Bar.md

@@ -3,6 +3,8 @@ progress1: -6
 progress2: 0.7
 progress3: 2
 progress4: 2.6
+progress5: 60
+progress6: 75
 ---
 
 ```meta-bind
@@ -21,8 +23,13 @@ INPUT[progressBar(showcase, minValue(0), maxValue(10), stepSize(-1)):progress3]
 INPUT[progressBar(showcase, minValue(0), maxValue(10), stepSize(0.1)):progress4]
 ```
 
-With some snippets we can change the color of the progress bar.
+The labels can be hidden if they are not required.
 
 ```meta-bind
-INPUT[progressBar(defaultValue(53), class(red-progress-bar))]
-```
+INPUT[progressBar(defaultValue(53), addLabels(false)):progress5]
+```
+With some css-snippets we can change the color of the progress bar.
+
+```meta-bind
+INPUT[progressBar(defaultValue(53), class(red-progress-bar)):progress6]
+```

packages/core/src/fields/inputFields/fields/ProgressBar/ProgressBarComponent.svelte

@@ -125,9 +125,12 @@
 		aria-valuemin={props.minValue}
 		aria-valuemax={props.maxValue}
 		aria-valuenow={value}
+		aria-label={value}
 		tabindex="0"
 	></div>
+{#if props.addLabels}
 	<span class="mb-progress-bar-value">{value}</span>
 	<span class="mb-progress-bar-label-left">{props.minValue}</span>
 	<span class="mb-progress-bar-label-right">{props.maxValue}</span>
+{/if}
 </div>

packages/core/src/fields/inputFields/fields/ProgressBar/ProgressBarIPF.ts

@@ -54,6 +54,7 @@ export class ProgressBarIPF extends AbstractInputField<number, number> {
 			minValue: this.minValue,
 			maxValue: this.maxValue,
 			stepSize: this.stepSize,
+			addLabels: (this.mountable.getArgument(InputFieldArgumentType.ADD_LABELS)?.value ?? true) === true ,
 		};
 	}
 }