@agnos-ui/angular-bootstrap 0.9.0 → 0.9.1

package/fesm2022/agnos-ui-angular-bootstrap.mjs

@@ -3078,7 +3078,7 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Template(rf, ctx) { i
 } }
 const _c11 = ["auSlider", ""];
 const _c12 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
-function SliderComponent_ng_template_0_Template(rf, ctx) { }
+function SliderComponent_ng_template_1_Template(rf, ctx) { }
 /**
  * Directive to provide a template reference for slider labels.
  *
@@ -3336,7 +3336,7 @@ class SliderComponent extends BaseWidgetDirective {
                 },
             },
             afterInit: (widget) => {
-                useDirectiveForHost(widget.directives.sliderDirective);
+                useDirectiveForHost(widget.directives.containerDirective);
             },
             slotTemplates: () => ({
                 structure: this.slotStructureFromContent()?.templateRef,
@@ -3363,6 +3363,27 @@ class SliderComponent extends BaseWidgetDirective {
          * @defaultValue `100`
          */
         this.max = input(undefined, { alias: 'auMax', transform: auNumberAttribute });
+        /**
+         * Minimum distance between two values.
+         * When set to 0, no minimum distance constraint is applied.
+         *
+         * @defaultValue 0
+         */
+        this.minRange = input(undefined, { alias: 'auMinRange', transform: auNumberAttribute });
+        /**
+         * Maximum distance between two values
+         * When set to 0, no maximum distance constraint is applied.
+         *
+         * @defaultValue 0
+         */
+        this.maxRange = input(undefined, { alias: 'auMaxRange', transform: auNumberAttribute });
+        /**
+         * When true, if moving a value would break the minRange or maxRange constraint,
+         * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
+         *
+         * @defaultValue false
+         */
+        this.pushRange = input(undefined, { alias: 'auPushRange', transform: auBooleanAttribute });
         /**
          * Unit value between slider steps
          *
@@ -3539,11 +3560,15 @@ class SliderComponent extends BaseWidgetDirective {
             i0.ɵɵqueryAdvance(4);
         } }, hostBindings: function SliderComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("blur", function SliderComponent_blur_HostBindingHandler() { return ctx.handleBlur(); });
-        } }, inputs: { className: [1, "auClassName", "className"], min: [1, "auMin", "min"], max: [1, "auMax", "max"], stepSize: [1, "auStepSize", "stepSize"], values: [1, "auValues", "values"], rtl: [1, "auRtl", "rtl"], showValueLabels: [1, "auShowValueLabels", "showValueLabels"], showMinMaxLabels: [1, "auShowMinMaxLabels", "showMinMaxLabels"], ariaLabel: [1, "auAriaLabel", "ariaLabel"], ariaLabelledBy: [1, "auAriaLabelledBy", "ariaLabelledBy"], ariaValueText: [1, "auAriaValueText", "ariaValueText"], readonly: [1, "auReadonly", "readonly"], disabled: [1, "auDisabled", "disabled"], vertical: [1, "auVertical", "vertical"], showTicks: [1, "auShowTicks", "showTicks"], tickInterval: [1, "auTickInterval", "tickInterval"], showTickValues: [1, "auShowTickValues", "showTickValues"], label: [1, "auLabel", "label"], structure: [1, "auStructure", "structure"], handle: [1, "auHandle", "handle"], tick: [1, "auTick", "tick"] }, outputs: { valuesChange: "auValuesChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent), multi: true }]), i0.ɵɵInheritDefinitionFeature], attrs: _c11, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, SliderComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
+        } }, inputs: { className: [1, "auClassName", "className"], min: [1, "auMin", "min"], max: [1, "auMax", "max"], minRange: [1, "auMinRange", "minRange"], maxRange: [1, "auMaxRange", "maxRange"], pushRange: [1, "auPushRange", "pushRange"], stepSize: [1, "auStepSize", "stepSize"], values: [1, "auValues", "values"], rtl: [1, "auRtl", "rtl"], showValueLabels: [1, "auShowValueLabels", "showValueLabels"], showMinMaxLabels: [1, "auShowMinMaxLabels", "showMinMaxLabels"], ariaLabel: [1, "auAriaLabel", "ariaLabel"], ariaLabelledBy: [1, "auAriaLabelledBy", "ariaLabelledBy"], ariaValueText: [1, "auAriaValueText", "ariaValueText"], readonly: [1, "auReadonly", "readonly"], disabled: [1, "auDisabled", "disabled"], vertical: [1, "auVertical", "vertical"], showTicks: [1, "auShowTicks", "showTicks"], tickInterval: [1, "auTickInterval", "tickInterval"], showTickValues: [1, "auShowTickValues", "showTickValues"], label: [1, "auLabel", "label"], structure: [1, "auStructure", "structure"], handle: [1, "auHandle", "handle"], tick: [1, "auTick", "tick"] }, outputs: { valuesChange: "auValuesChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent), multi: true }]), i0.ɵɵInheritDefinitionFeature], attrs: _c11, decls: 2, vars: 7, consts: [[3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, SliderComponent_ng_template_1_Template, 0, 0, "ng-template", 1);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c12, ctx.state, ctx.api, ctx.directives));
-        } }, dependencies: [SlotDirective], encapsulation: 2, changeDetection: 0 }); }
+            i0.ɵɵproperty("auUse", ctx.directives.sliderDirective);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(3, _c12, ctx.state, ctx.api, ctx.directives));
+        } }, dependencies: [SlotDirective, UseDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderComponent, [{
         type: Component,
@@ -3552,14 +3577,18 @@ class SliderComponent extends BaseWidgetDirective {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent), multi: true }],
-                imports: [SlotDirective],
+                imports: [SlotDirective, UseDirective],
                 host: {
                     '(blur)': 'handleBlur()',
                 },
-                template: ` <ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" /> `,
+                template: `
+		<div [auUse]="directives.sliderDirective">
+			<ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" />
+		</div>
+	`,
             }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "components/slider/slider.component.ts", lineNumber: 225 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "components/slider/slider.component.ts", lineNumber: 229 }); })();
 
 /**
  * Retrieve a shallow copy of the default Progressbar config