@agnos-ui/svelte-bootstrap 0.9.0 → 0.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -24,7 +24,7 @@ import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
24
24
  },
25
25
  });
26
26
  const {
27
- directives: {sliderDirective},
27
+ directives: {sliderDirective, containerDirective},
28
28
  state,
29
29
  } = widget;
30
30
  </script>
@@ -43,6 +43,8 @@ import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
43
43
  {/snippet}
44
44
 
45
45
  <!-- on:blur={onTouched} ?? -->
46
- <div use:sliderDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(sliderDirective)}>
47
- <Slot content={state.structure} props={widget} />
46
+ <div use:containerDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(containerDirective)}>
47
+ <div use:sliderDirective {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes(sliderDirective)}>
48
+ <Slot content={state.structure} props={widget} />
49
+ </div>
48
50
  </div>
@@ -241,6 +241,27 @@ export interface SliderProps {
241
241
  * @defaultValue `true`
242
242
  */
243
243
  showTickValues: boolean;
244
+ /**
245
+ * Minimum distance between two values.
246
+ * When set to 0, no minimum distance constraint is applied.
247
+ *
248
+ * @defaultValue 0
249
+ */
250
+ minRange: number;
251
+ /**
252
+ * Maximum distance between two values
253
+ * When set to 0, no maximum distance constraint is applied.
254
+ *
255
+ * @defaultValue 0
256
+ */
257
+ maxRange: number;
258
+ /**
259
+ * When true, if moving a value would break the minRange or maxRange constraint,
260
+ * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
261
+ *
262
+ * @defaultValue false
263
+ */
264
+ pushRange: boolean;
244
265
  /**
245
266
  * Minimum value that can be assigned to the slider
246
267
  *
@@ -454,6 +475,10 @@ export interface SliderDirectives {
454
475
  * Directive to get the slider component elementRef
455
476
  */
456
477
  sliderDirective: Directive;
478
+ /**
479
+ * Directive to apply to the slider container wrapping the slider content
480
+ */
481
+ containerDirective: Directive;
457
482
  /**
458
483
  * Directive used to style the progress display for each handle
459
484
  */
@@ -10,7 +10,9 @@ import {BROWSER as __AgnosUISveltePreprocess__BROWSER} from 'esm-env';
10
10
  {#if item.children.length > 0}
11
11
  <!-- svelte-ignore a11y_consider_explicit_label -->
12
12
  <button use:directives.itemToggleDirective={{item: item}} {...__AgnosUISveltePreprocess__BROWSER ? {} : __AgnosUISveltePreprocess__ssrAttributes([directives.itemToggleDirective, {item: item}])}>
13
- <span class="au-tree-expand-icon-svg"></span>
13
+ <svg class="au-tree-expand-icon-svg" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10">
14
+ <path d="M3 1 L7 5 L3 9" class="au-tree-expand-icon-svg-fill" stroke-width="1" fill="none" />
15
+ </svg>
14
16
  </button>
15
17
  {:else}
16
18
  <span class="au-tree-expand-icon-placeholder"></span>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@agnos-ui/svelte-bootstrap",
3
3
  "description": "Bootstrap-based component library for Svelte.",
4
- "version": "0.9.0",
4
+ "version": "0.9.2",
5
5
  "type": "module",
6
6
  "main": "./index.js",
7
7
  "module": "./index.js",
@@ -49,8 +49,8 @@
49
49
  }
50
50
  },
51
51
  "dependencies": {
52
- "@agnos-ui/core-bootstrap": "0.9.0",
53
- "@agnos-ui/svelte-headless": "0.9.0"
52
+ "@agnos-ui/core-bootstrap": "0.9.2",
53
+ "@agnos-ui/svelte-headless": "0.9.2"
54
54
  },
55
55
  "peerDependencies": {
56
56
  "@amadeus-it-group/tansu": "^2.0.0",