@agnos-ui/angular-bootstrap 0.9.0 → 0.9.2

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
@@ -4334,8 +4363,10 @@ const _c3$1 = a0 => ({ item: a0 });
 const _c4$1 = (a0, a1) => [a0, a1];
 function TreeDefaultItemToggleSlotComponent_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 2);
-    i0.ɵɵelement(1, "span", 4);
-    i0.ɵɵelementEnd();
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg", 4);
+    i0.ɵɵelement(2, "path", 5);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     const directives_r2 = ctx_r0.directives;
@@ -4346,7 +4377,7 @@ function TreeDefaultItemToggleSlotComponent_ng_template_0_Conditional_1_Template
     i0.ɵɵelement(0, "span", 3);
 } }
 function TreeDefaultItemToggleSlotComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TreeDefaultItemToggleSlotComponent_ng_template_0_Conditional_0_Template, 2, 6, "button", 2)(1, TreeDefaultItemToggleSlotComponent_ng_template_0_Conditional_1_Template, 1, 0, "span", 3);
+    i0.ɵɵconditionalCreate(0, TreeDefaultItemToggleSlotComponent_ng_template_0_Conditional_0_Template, 3, 6, "button", 2)(1, TreeDefaultItemToggleSlotComponent_ng_template_0_Conditional_1_Template, 1, 0, "span", 3);
 } if (rf & 2) {
     const item_r3 = ctx.item;
     i0.ɵɵconditional(item_r3.children.length > 0 ? 0 : 1);
@@ -4493,7 +4524,7 @@ class TreeDefaultItemToggleSlotComponent {
             i0.ɵɵviewQuerySignal(ctx.toggle, _c2$1, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, decls: 2, vars: 0, consts: [["toggle", ""], ["auTreeItemToggle", ""], [3, "auUse"], [1, "au-tree-expand-icon-placeholder"], [1, "au-tree-expand-icon-svg"]], template: function TreeDefaultItemToggleSlotComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, decls: 2, vars: 0, consts: [["toggle", ""], ["auTreeItemToggle", ""], [3, "auUse"], [1, "au-tree-expand-icon-placeholder"], ["xmlns", "http://www.w3.org/2000/svg", "width", "14", "height", "14", "viewBox", "0 0 10 10", 1, "au-tree-expand-icon-svg"], ["d", "M3 1 L7 5 L3 9", "stroke-width", "1", "fill", "none", 1, "au-tree-expand-icon-svg-fill"]], template: function TreeDefaultItemToggleSlotComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, TreeDefaultItemToggleSlotComponent_ng_template_0_Template, 2, 1, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
         } }, dependencies: [UseDirective, TreeItemToggleDirective], encapsulation: 2, changeDetection: 0 }); }
 }
@@ -4506,7 +4537,9 @@ class TreeDefaultItemToggleSlotComponent {
 		<ng-template auTreeItemToggle #toggle let-directives="directives" let-item="item">
 			@if (item.children.length > 0) {
 				<button [auUse]="[directives.itemToggleDirective, {item}]">
-					<span class="au-tree-expand-icon-svg"></span>
+					<svg class="au-tree-expand-icon-svg" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10">
+						<path d="M3 1 L7 5 L3 9" class="au-tree-expand-icon-svg-fill" stroke-width="1" fill="none" />
+					</svg>
 				</button>
 			} @else {
 				<span class="au-tree-expand-icon-placeholder"></span>
@@ -4515,7 +4548,7 @@ class TreeDefaultItemToggleSlotComponent {
 	`,
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemToggleSlotComponent, { className: "TreeDefaultItemToggleSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 74 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemToggleSlotComponent, { className: "TreeDefaultItemToggleSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 76 }); })();
 /**
  * A constant representing the default slot for tree item toggle.
  */
@@ -4567,7 +4600,7 @@ class TreeDefaultItemContentSlotComponent {
 	`,
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemContentSlotComponent, { className: "TreeDefaultItemContentSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 108 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemContentSlotComponent, { className: "TreeDefaultItemContentSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 110 }); })();
 /**
  * A constant representing the default slot for tree item.
  */
@@ -4628,7 +4661,7 @@ class TreeDefaultItemSlotComponent {
 	`,
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemSlotComponent, { className: "TreeDefaultItemSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 151 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemSlotComponent, { className: "TreeDefaultItemSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 153 }); })();
 /**
  * A constant representing the default slot for tree item.
  */
@@ -4711,29 +4744,29 @@ class TreeComponent extends BaseWidgetDirective {
          * Slot to change the default tree item content
          */
         this.itemContent = input(undefined, { alias: 'auItemContent' });
-        this.slotItemContentFromContent = viewChild(TreeItemContentDirective);
+        this.slotItemContentFromContent = contentChild(TreeItemContentDirective);
         /**
          * Slot to change the default display of the tree
          */
         this.structure = input(undefined, { alias: 'auStructure' });
-        this.slotStructureFromContent = viewChild(TreeStructureDirective);
+        this.slotStructureFromContent = contentChild(TreeStructureDirective);
         /**
          * Slot to change the default tree item toggle
          */
         this.itemToggle = input(undefined, { alias: 'auItemToggle' });
-        this.slotItemToggleFromContent = viewChild(TreeItemToggleDirective);
+        this.slotItemToggleFromContent = contentChild(TreeItemToggleDirective);
         /**
          * Slot to change the default tree item
          */
         this.item = input(undefined, { alias: 'auItem' });
-        this.slotItemFromContent = viewChild(TreeItemDirective);
+        this.slotItemFromContent = contentChild(TreeItemDirective);
     }
     static { this.ɵfac = function TreeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TreeComponent, selectors: [["", "auTree", ""]], viewQuery: function TreeComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.slotItemContentFromContent, TreeItemContentDirective, 5);
-            i0.ɵɵviewQuerySignal(ctx.slotStructureFromContent, TreeStructureDirective, 5);
-            i0.ɵɵviewQuerySignal(ctx.slotItemToggleFromContent, TreeItemToggleDirective, 5);
-            i0.ɵɵviewQuerySignal(ctx.slotItemFromContent, TreeItemDirective, 5);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TreeComponent, selectors: [["", "auTree", ""]], contentQueries: function TreeComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotItemContentFromContent, TreeItemContentDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, TreeStructureDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotItemToggleFromContent, TreeItemToggleDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotItemFromContent, TreeItemDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(4);
         } }, inputs: { ariaLabel: [1, "auAriaLabel", "ariaLabel"], nodes: [1, "auNodes", "nodes"], className: [1, "auClassName", "className"], navSelector: [1, "auNavSelector", "navSelector"], ariaLabelToggleFn: [1, "auAriaLabelToggleFn", "ariaLabelToggleFn"], itemContent: [1, "auItemContent", "itemContent"], structure: [1, "auStructure", "structure"], itemToggle: [1, "auItemToggle", "itemToggle"], item: [1, "auItem", "item"] }, outputs: { expandToggle: "auExpandToggle" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c7, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function TreeComponent_Template(rf, ctx) { if (rf & 1) {
@@ -4751,7 +4784,7 @@ class TreeComponent extends BaseWidgetDirective {
                 template: ` <ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" /> `,
             }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeComponent, { className: "TreeComponent", filePath: "components/tree/tree.component.ts", lineNumber: 176 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeComponent, { className: "TreeComponent", filePath: "components/tree/tree.component.ts", lineNumber: 178 }); })();
 
 /**
  * Retrieve a shallow copy of the default Carousel config