@agnos-ui/angular-bootstrap 0.7.1 → 0.8.0-next.1

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

@@ -1,7 +1,7 @@
 import { widgetsConfigFactory, SlotDirective, UseDirective, ComponentTemplate, BaseWidgetDirective, auBooleanAttribute, UseMultiDirective, auNumberAttribute, useDirectiveForHost, callWidgetFactory as callWidgetFactory$1 } from '@agnos-ui/angular-headless';
 export * from '@agnos-ui/angular-headless';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, TemplateRef, Directive, viewChild, Component, ChangeDetectionStrategy, input, contentChild, output, ViewEncapsulation, forwardRef, signal, afterRenderEffect, NgModule, Injector, ApplicationRef, createComponent, EnvironmentInjector, OutputEmitterRef, Injectable } from '@angular/core';
+import { InjectionToken, inject, TemplateRef, Directive, viewChild, ChangeDetectionStrategy, Component, input, contentChild, output, ViewEncapsulation, forwardRef, Injector, runInInjectionContext, NgModule, ApplicationRef, createComponent, EnvironmentInjector, OutputEmitterRef, Injectable } from '@angular/core';
 import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from '@agnos-ui/core-bootstrap/components/modal';
 import { getPaginationDefaultConfig, createPagination } from '@agnos-ui/core-bootstrap/components/pagination';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -168,7 +168,7 @@ class ModalStructureDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalStructureDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auModalStructure]', standalone: true }]
+        args: [{ selector: 'ng-template[auModalStructure]' }]
     }], null, null); })();
 /**
  * Directive to provide the slot header for the modal widget.
@@ -186,7 +186,7 @@ class ModalHeaderDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalHeaderDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auModalHeader]', standalone: true }]
+        args: [{ selector: 'ng-template[auModalHeader]' }]
     }], null, null); })();
 /**
  * Directive to provide the slot title for the modal widget.
@@ -204,7 +204,7 @@ class ModalTitleDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalTitleDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auModalTitle]', standalone: true }]
+        args: [{ selector: 'ng-template[auModalTitle]' }]
     }], null, null); })();
 /**
  * Directive to provide the default slot for the modal widget.
@@ -222,7 +222,7 @@ class ModalBodyDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalBodyDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auModalBody]', standalone: true }]
+        args: [{ selector: 'ng-template[auModalBody]' }]
     }], null, null); })();
 /**
  * Directive to provide the slot footer for the modal widget.
@@ -240,7 +240,7 @@ class ModalFooterDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalFooterDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auModalFooter]', standalone: true }]
+        args: [{ selector: 'ng-template[auModalFooter]' }]
     }], null, null); })();
 /**
  * Component containing the default slots for the modal.
@@ -713,7 +713,7 @@ class PaginationEllipsisDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationEllipsisDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auPaginationEllipsis]', standalone: true }]
+        args: [{ selector: 'ng-template[auPaginationEllipsis]' }]
     }], null, null); })();
 /**
  * A directive to use to give the 'first' link template to the pagination component
@@ -731,7 +731,7 @@ class PaginationFirstDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationFirstDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auPaginationFirst]', standalone: true }]
+        args: [{ selector: 'ng-template[auPaginationFirst]' }]
     }], null, null); })();
 /**
  * A directive to use to give the 'last' link template to the pagination component
@@ -749,7 +749,7 @@ class PaginationLastDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationLastDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auPaginationLast]', standalone: true }]
+        args: [{ selector: 'ng-template[auPaginationLast]' }]
     }], null, null); })();
 /**
  * A directive to use to give the 'next' link template to the pagination component
@@ -767,7 +767,7 @@ class PaginationNextDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationNextDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auPaginationNext]', standalone: true }]
+        args: [{ selector: 'ng-template[auPaginationNext]' }]
     }], null, null); })();
 /**
  * A directive to use to give the page 'number' template to the pagination component
@@ -785,7 +785,7 @@ class PaginationNumberDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationNumberDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auPaginationNumber]', standalone: true }]
+        args: [{ selector: 'ng-template[auPaginationNumber]' }]
     }], null, null); })();
 /**
  * A directive to use to give the 'previous' link template to the pagination component
@@ -803,7 +803,7 @@ class PaginationPreviousDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationPreviousDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auPaginationPrevious]', standalone: true }]
+        args: [{ selector: 'ng-template[auPaginationPrevious]' }]
     }], null, null); })();
 /**
  * A directive to use to give the 'Pages' template for the Pages slot
@@ -821,7 +821,7 @@ class PaginationPagesDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationPagesDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auPaginationPages]', standalone: true }]
+        args: [{ selector: 'ng-template[auPaginationPages]' }]
     }], null, null); })();
 /**
  * Directive to provide the slot structure for the pagination widget.
@@ -839,7 +839,7 @@ class PaginationStructureDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationStructureDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auPaginationStructure]', standalone: true }]
+        args: [{ selector: 'ng-template[auPaginationStructure]' }]
     }], null, null); })();
 class PaginationDefaultSlotsComponent {
     constructor() {
@@ -1325,7 +1325,7 @@ class RatingStarDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RatingStarDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auRatingStar]', standalone: true }]
+        args: [{ selector: 'ng-template[auRatingStar]' }]
     }], null, null); })();
 /**
  * The `RatingComponent` is an Angular component that allows users to provide a rating.
@@ -1592,7 +1592,7 @@ class SelectBadgeLabelDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectBadgeLabelDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auSelectBadgeLabel]', standalone: true }]
+        args: [{ selector: 'ng-template[auSelectBadgeLabel]' }]
     }], null, null); })();
 /**
  * Directive to provide a custom label template for select items.
@@ -1616,7 +1616,7 @@ class SelectItemLabelDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectItemLabelDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auSelectItemLabel]', standalone: true }]
+        args: [{ selector: 'ng-template[auSelectItemLabel]' }]
     }], null, null); })();
 /**
  * A component that represents a customizable select dropdown widget.
@@ -1933,7 +1933,7 @@ class AlertBodyDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertBodyDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auAlertBody]', standalone: true }]
+        args: [{ selector: 'ng-template[auAlertBody]' }]
     }], null, null); })();
 /**
  * Directive to define the structure of an alert component.
@@ -1952,7 +1952,7 @@ class AlertStructureDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertStructureDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auAlertStructure]', standalone: true }]
+        args: [{ selector: 'ng-template[auAlertStructure]' }]
     }], null, null); })();
 class AlertDefaultSlotsComponent {
     constructor() {
@@ -2366,7 +2366,7 @@ class AccordionBodyDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionBodyDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auAccordionItemBody]', standalone: true }]
+        args: [{ selector: 'ng-template[auAccordionItemBody]' }]
     }], null, null); })();
 /**
  * Directive to be used as an accordion header.
@@ -2385,7 +2385,7 @@ class AccordionHeaderDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionHeaderDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auAccordionItemHeader]', standalone: true }]
+        args: [{ selector: 'ng-template[auAccordionItemHeader]' }]
     }], null, null); })();
 /**
  * Directive that represents the structure of an accordion item.
@@ -2405,7 +2405,7 @@ class AccordionItemStructureDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionItemStructureDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auAccordionItemStructure]', standalone: true }]
+        args: [{ selector: 'ng-template[auAccordionItemStructure]' }]
     }], null, null); })();
 class AccordionItemDefaultSlotsComponent {
     constructor() {
@@ -2793,7 +2793,6 @@ class AccordionDirective extends BaseWidgetDirective {
         args: [{
                 selector: '[auAccordion]',
                 exportAs: 'auAccordion',
-                standalone: true,
                 host: {
                     class: 'accordion',
                 },
@@ -2826,18 +2825,58 @@ function SliderDefaultHandleSlotComponent_ng_template_0_Template(rf, ctx) { if (
     const item_r4 = ctx.item;
     i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$3, directives_r3.handleDirective, i0.ɵɵpureFunction1(1, _c1$3, item_r4)));
 } }
-const _c3$3 = ["structure"];
+const _c3$3 = ["tick"];
+const _c4$3 = a0 => ({ tick: a0 });
+function SliderDefaultTickSlotComponent_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    const directives_r2 = ctx_r0.directives;
+    const tick_r3 = ctx_r0.tick;
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(4, _c2$3, directives_r2.tickLabelDirective, i0.ɵɵpureFunction1(2, _c4$3, tick_r3)));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", tick_r3.value, " ");
+} }
+function SliderDefaultTickSlotComponent_ng_template_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelement(0, "circle", 5);
+} }
+function SliderDefaultTickSlotComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SliderDefaultTickSlotComponent_ng_template_0_Conditional_0_Template, 2, 7, "span", 2);
+    i0.ɵɵelementStart(1, "span", 2);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg", 3);
+    i0.ɵɵelement(3, "circle", 4);
+    i0.ɵɵtemplate(4, SliderDefaultTickSlotComponent_ng_template_0_Conditional_4_Template, 1, 0, ":svg:circle", 5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const state_r4 = ctx.state;
+    const directives_r2 = ctx.directives;
+    const tick_r3 = ctx.tick;
+    i0.ɵɵconditional(tick_r3.displayLabel ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(9, _c2$3, directives_r2.tickDirective, i0.ɵɵpureFunction1(7, _c4$3, tick_r3)));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("au-slider-tick-disabled", state_r4.disabled())("au-slider-tick-selected", tick_r3.selected);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(tick_r3.selected ? 4 : -1);
+} }
+const _c5$2 = ["structure"];
+const _c6$1 = a0 => ({ option: a0 });
+const _c7$1 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, value: a3 });
+const _c8$1 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, tick: a3 });
+const _c9 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, item: a3 });
+const _c10 = a0 => ({ index: a0 });
 const _forTrack0 = ($index, $item) => $item.id;
-const _c4$3 = a0 => ({ option: a0 });
-const _c5$2 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, value: a3 });
-const _c6$1 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, item: a3 });
-const _c7$1 = a0 => ({ index: a0 });
+const _forTrack1 = ($index, $item) => $item.position;
 function SliderDefaultStructureSlotComponent_ng_template_0_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 2);
 } if (rf & 2) {
     const option_r1 = ctx.$implicit;
     const directives_r2 = i0.ɵɵnextContext().directives;
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$3, directives_r2.progressDisplayDirective, i0.ɵɵpureFunction1(1, _c4$3, option_r1)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$3, directives_r2.progressDisplayDirective, i0.ɵɵpureFunction1(1, _c6$1, option_r1)));
 } }
 function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_3_ng_template_1_Template(rf, ctx) { }
 function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_3_ng_template_3_Template(rf, ctx) { }
@@ -2855,11 +2894,11 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_3_Templat
     const api_r5 = ctx_r2.api;
     i0.ɵɵproperty("auUse", directives_r2.minLabelDirective);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(6, _c5$2, state_r4, api_r5, directives_r2, state_r4.min()));
+    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(6, _c7$1, state_r4, api_r5, directives_r2, state_r4.min()));
     i0.ɵɵadvance();
     i0.ɵɵproperty("auUse", directives_r2.maxLabelDirective);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(11, _c5$2, state_r4, api_r5, directives_r2, state_r4.max()));
+    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(11, _c7$1, state_r4, api_r5, directives_r2, state_r4.max()));
 } }
 function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditional_1_ng_template_0_Template(rf, ctx) { }
 function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditional_1_ng_template_2_Template(rf, ctx) { }
@@ -2872,9 +2911,9 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditi
     const state_r4 = ctx_r2.state;
     const directives_r2 = ctx_r2.directives;
     const api_r5 = ctx_r2.api;
-    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(4, _c5$2, state_r4, api_r5, directives_r2, state_r4.sortedValues()[1]));
+    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(4, _c7$1, state_r4, api_r5, directives_r2, state_r4.sortedValues()[1]));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(9, _c5$2, state_r4, api_r5, directives_r2, state_r4.sortedValues()[0]));
+    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(9, _c7$1, state_r4, api_r5, directives_r2, state_r4.sortedValues()[0]));
 } }
 function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditional_2_ng_template_0_Template(rf, ctx) { }
 function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditional_2_ng_template_2_Template(rf, ctx) { }
@@ -2887,9 +2926,9 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Conditi
     const state_r4 = ctx_r2.state;
     const directives_r2 = ctx_r2.directives;
     const api_r5 = ctx_r2.api;
-    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(4, _c5$2, state_r4, api_r5, directives_r2, state_r4.sortedValues()[0]));
+    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(4, _c7$1, state_r4, api_r5, directives_r2, state_r4.sortedValues()[0]));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(9, _c5$2, state_r4, api_r5, directives_r2, state_r4.sortedValues()[1]));
+    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(9, _c7$1, state_r4, api_r5, directives_r2, state_r4.sortedValues()[1]));
 } }
 function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
@@ -2904,30 +2943,41 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Templat
     i0.ɵɵconditional(state_r4.rtl() ? 1 : 2);
 } }
 function SliderDefaultStructureSlotComponent_ng_template_0_For_6_ng_template_0_Template(rf, ctx) { }
-function SliderDefaultStructureSlotComponent_ng_template_0_For_6_Conditional_1_ng_template_1_Template(rf, ctx) { }
-function SliderDefaultStructureSlotComponent_ng_template_0_For_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function SliderDefaultStructureSlotComponent_ng_template_0_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SliderDefaultStructureSlotComponent_ng_template_0_For_6_ng_template_0_Template, 0, 0, "ng-template", 3);
+} if (rf & 2) {
+    const tick_r6 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    const state_r4 = ctx_r2.state;
+    const directives_r2 = ctx_r2.directives;
+    const api_r5 = ctx_r2.api;
+    i0.ɵɵproperty("auSlot", state_r4.tick())("auSlotProps", i0.ɵɵpureFunction4(2, _c8$1, state_r4, api_r5, directives_r2, tick_r6));
+} }
+function SliderDefaultStructureSlotComponent_ng_template_0_For_8_ng_template_0_Template(rf, ctx) { }
+function SliderDefaultStructureSlotComponent_ng_template_0_For_8_Conditional_1_ng_template_1_Template(rf, ctx) { }
+function SliderDefaultStructureSlotComponent_ng_template_0_For_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtemplate(1, SliderDefaultStructureSlotComponent_ng_template_0_For_6_Conditional_1_ng_template_1_Template, 0, 0, "ng-template", 3);
+    i0.ɵɵtemplate(1, SliderDefaultStructureSlotComponent_ng_template_0_For_8_Conditional_1_ng_template_1_Template, 0, 0, "ng-template", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_32_r6 = i0.ɵɵnextContext().$index;
+    const ɵ$index_35_r7 = i0.ɵɵnextContext().$index;
     const ctx_r2 = i0.ɵɵnextContext();
     const state_r4 = ctx_r2.state;
     const directives_r2 = ctx_r2.directives;
     const api_r5 = ctx_r2.api;
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c2$3, directives_r2.handleLabelDisplayDirective, i0.ɵɵpureFunction1(3, _c7$1, ɵ$index_32_r6)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c2$3, directives_r2.handleLabelDisplayDirective, i0.ɵɵpureFunction1(3, _c10, ɵ$index_35_r7)));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(8, _c5$2, state_r4, api_r5, directives_r2, state_r4.values()[ɵ$index_32_r6]));
+    i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(8, _c7$1, state_r4, api_r5, directives_r2, state_r4.values()[ɵ$index_35_r7]));
 } }
-function SliderDefaultStructureSlotComponent_ng_template_0_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SliderDefaultStructureSlotComponent_ng_template_0_For_6_ng_template_0_Template, 0, 0, "ng-template", 3)(1, SliderDefaultStructureSlotComponent_ng_template_0_For_6_Conditional_1_Template, 2, 13, "div", 2);
+function SliderDefaultStructureSlotComponent_ng_template_0_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SliderDefaultStructureSlotComponent_ng_template_0_For_8_ng_template_0_Template, 0, 0, "ng-template", 3)(1, SliderDefaultStructureSlotComponent_ng_template_0_For_8_Conditional_1_Template, 2, 13, "div", 2);
 } if (rf & 2) {
-    const item_r7 = ctx.$implicit;
+    const item_r8 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
     const state_r4 = ctx_r2.state;
     const directives_r2 = ctx_r2.directives;
     const api_r5 = ctx_r2.api;
-    i0.ɵɵproperty("auSlot", state_r4.handle())("auSlotProps", i0.ɵɵpureFunction4(3, _c6$1, state_r4, api_r5, directives_r2, item_r7));
+    i0.ɵɵproperty("auSlot", state_r4.handle())("auSlotProps", i0.ɵɵpureFunction4(3, _c9, state_r4, api_r5, directives_r2, item_r8));
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r4.showValueLabels() && !state_r4.combinedLabelDisplay() ? 1 : -1);
 } }
@@ -2935,7 +2985,8 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Template(rf, ctx) { i
     i0.ɵɵrepeaterCreate(0, SliderDefaultStructureSlotComponent_ng_template_0_For_1_Template, 1, 6, "div", 2, _forTrack0);
     i0.ɵɵelement(2, "div", 2);
     i0.ɵɵtemplate(3, SliderDefaultStructureSlotComponent_ng_template_0_Conditional_3_Template, 4, 16)(4, SliderDefaultStructureSlotComponent_ng_template_0_Conditional_4_Template, 3, 2, "div", 2);
-    i0.ɵɵrepeaterCreate(5, SliderDefaultStructureSlotComponent_ng_template_0_For_6_Template, 2, 8, null, null, _forTrack0);
+    i0.ɵɵrepeaterCreate(5, SliderDefaultStructureSlotComponent_ng_template_0_For_6_Template, 1, 7, null, 3, _forTrack1);
+    i0.ɵɵrepeaterCreate(7, SliderDefaultStructureSlotComponent_ng_template_0_For_8_Template, 2, 8, null, null, _forTrack0);
 } if (rf & 2) {
     const state_r4 = ctx.state;
     const directives_r2 = ctx.directives;
@@ -2947,10 +2998,12 @@ function SliderDefaultStructureSlotComponent_ng_template_0_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r4.showValueLabels() && state_r4.combinedLabelDisplay() ? 4 : -1);
     i0.ɵɵadvance();
+    i0.ɵɵrepeater(state_r4.ticks());
+    i0.ɵɵadvance(2);
     i0.ɵɵrepeater(state_r4.sortedHandles());
 } }
-const _c8$1 = ["auSlider", ""];
-const _c9 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
+const _c11 = ["auSlider", ""];
+const _c12 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
 function SliderComponent_ng_template_0_Template(rf, ctx) { }
 /**
  * Directive to provide a template reference for slider labels.
@@ -2969,12 +3022,12 @@ class SliderLabelDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderLabelDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auSliderLabel]', standalone: true }]
+        args: [{ selector: 'ng-template[auSliderLabel]' }]
     }], null, null); })();
 /**
  * Directive representing a handle for a slider component.
  *
- * This directive uses a template reference to render the {@link SliderSlotLabelContext}.
+ * This directive uses a template reference to render the {@link SliderSlotHandleContext}.
  */
 class SliderHandleDirective {
     constructor() {
@@ -2988,23 +3041,11 @@ class SliderHandleDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderHandleDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auSliderHandle]', standalone: true }]
+        args: [{ selector: 'ng-template[auSliderHandle]' }]
     }], null, null); })();
 class SliderDefaultHandleSlotComponent {
     constructor() {
         this.handle = viewChild.required('handle');
-        /**
-         * When the element moves up the DOM Angluar removes the focus
-         * To avoid this we need to manually focus the element by calling the HTMLElement.focus
-         * after the change, afterRenderEffect is executed after each render of the component
-         * and when the signal inside is changed. On each key stroke we set the `refocus` signal
-         * to the element that needs to be focused and we put the `equal` function to always return
-         * `false` in order to trigger the change even when the element is the same
-         */
-        this.refocus = signal(undefined, { equal: () => false });
-        afterRenderEffect(() => {
-            this.refocus()?.focus();
-        });
     }
     /**
      * Key handler that sets the refocus element only on the key strokes that move
@@ -3019,12 +3060,18 @@ class SliderDefaultHandleSlotComponent {
             case 'ArrowUp':
             case 'ArrowRight':
             case 'End':
-                this.refocus.set(event.target);
+                clearTimeout(this.updateTimeout);
+                this.updateTimeout = setTimeout(() => {
+                    event.target?.focus();
+                });
                 break;
             default:
                 break;
         }
     }
+    ngOnDestroy() {
+        clearTimeout(this.updateTimeout);
+    }
     static { this.ɵfac = function SliderDefaultHandleSlotComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderDefaultHandleSlotComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderDefaultHandleSlotComponent, selectors: [["ng-component"]], viewQuery: function SliderDefaultHandleSlotComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuerySignal(ctx.handle, _c0$3, 5);
@@ -3045,12 +3092,73 @@ class SliderDefaultHandleSlotComponent {
 		</ng-template>
 	`,
             }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultHandleSlotComponent, { className: "SliderDefaultHandleSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 65 }); })();
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultHandleSlotComponent, { className: "SliderDefaultHandleSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 64 }); })();
 /**
  * A constant representing the default slot handle for the slider component.
  */
 const sliderDefaultSlotHandle = new ComponentTemplate(SliderDefaultHandleSlotComponent, 'handle');
+/**
+ * Directive representing a tick for a slider component.
+ *
+ * This directive uses a template reference to render the {@link SliderSlotTickContext}.
+ */
+class SliderTickDirective {
+    constructor() {
+        this.templateRef = inject((TemplateRef));
+    }
+    static ngTemplateContextGuard(_dir, context) {
+        return true;
+    }
+    static { this.ɵfac = function SliderTickDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderTickDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SliderTickDirective, selectors: [["ng-template", "auSliderTick", ""]] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderTickDirective, [{
+        type: Directive,
+        args: [{ selector: 'ng-template[auSliderTick]' }]
+    }], null, null); })();
+class SliderDefaultTickSlotComponent {
+    constructor() {
+        this.tick = viewChild.required('tick');
+    }
+    static { this.ɵfac = function SliderDefaultTickSlotComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderDefaultTickSlotComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderDefaultTickSlotComponent, selectors: [["ng-component"]], viewQuery: function SliderDefaultTickSlotComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.tick, _c3$3, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, decls: 2, vars: 0, consts: [["tick", ""], ["auSliderTick", ""], [3, "auUse"], ["xmlns", "http://www.w3.org/2000/svg"], [1, "au-slider-tick-outer"], [1, "au-slider-tick-inner", "au-slider-tick-selected"]], template: function SliderDefaultTickSlotComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SliderDefaultTickSlotComponent_ng_template_0_Template, 5, 12, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
+        } }, dependencies: [UseDirective, SliderTickDirective], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderDefaultTickSlotComponent, [{
+        type: Component,
+        args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                imports: [UseDirective, SliderTickDirective],
+                template: `
+		<ng-template auSliderTick #tick let-state="state" let-directives="directives" let-tick="tick">
+			@if (tick.displayLabel) {
+				<span [auUse]="[directives.tickLabelDirective, {tick}]">
+					{{ tick.value }}
+				</span>
+			}
+			<span [auUse]="[directives.tickDirective, {tick}]">
+				<svg xmlns="http://www.w3.org/2000/svg">
+					<circle class="au-slider-tick-outer" [class.au-slider-tick-disabled]="state.disabled()" [class.au-slider-tick-selected]="tick.selected" />
+					@if (tick.selected) {
+						<circle class="au-slider-tick-inner au-slider-tick-selected" />
+					}
+				</svg>
+			</span>
+		</ng-template>
+	`,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultTickSlotComponent, { className: "SliderDefaultTickSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 136 }); })();
+/**
+ * A constant representing the default slot tick for the slider component.
+ */
+const sliderDefaultSlotTick = new ComponentTemplate(SliderDefaultTickSlotComponent, 'tick');
 /**
  * Directive that provides structure for the slider component.
  *
@@ -3068,7 +3176,7 @@ class SliderStructureDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderStructureDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auSliderStructure]', standalone: true }]
+        args: [{ selector: 'ng-template[auSliderStructure]' }]
     }], null, null); })();
 class SliderDefaultStructureSlotComponent {
     constructor() {
@@ -3076,11 +3184,11 @@ class SliderDefaultStructureSlotComponent {
     }
     static { this.ɵfac = function SliderDefaultStructureSlotComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderDefaultStructureSlotComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderDefaultStructureSlotComponent, selectors: [["ng-component"]], viewQuery: function SliderDefaultStructureSlotComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.structure, _c3$3, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c5$2, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, decls: 2, vars: 0, consts: [["structure", ""], ["auSliderStructure", ""], [3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function SliderDefaultStructureSlotComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, SliderDefaultStructureSlotComponent_ng_template_0_Template, 7, 3, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(0, SliderDefaultStructureSlotComponent_ng_template_0_Template, 9, 3, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
         } }, dependencies: [SlotDirective, SliderStructureDirective, UseDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderDefaultStructureSlotComponent, [{
@@ -3113,6 +3221,9 @@ class SliderDefaultStructureSlotComponent {
 					}
 				</div>
 			}
+			@for (tick of state.ticks(); track tick.position) {
+				<ng-template [auSlot]="state.tick()" [auSlotProps]="{state, api, directives, tick}" />
+			}
 			@for (item of state.sortedHandles(); track item.id; let i = $index) {
 				<ng-template [auSlot]="state.handle()" [auSlotProps]="{state, api, directives, item}" />
 				@if (state.showValueLabels() && !state.combinedLabelDisplay()) {
@@ -3125,7 +3236,7 @@ class SliderDefaultStructureSlotComponent {
 	`,
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultStructureSlotComponent, { className: "SliderDefaultStructureSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 162 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultStructureSlotComponent, { className: "SliderDefaultStructureSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 200 }); })();
 /**
  * Represents the default slot structure for the slider component.
  */
@@ -3143,6 +3254,7 @@ class SliderComponent extends BaseWidgetDirective {
             defaultConfig: {
                 structure: sliderDefaultSlotStructure,
                 handle: sliderDefaultSlotHandle,
+                tick: sliderDefaultSlotTick,
             },
             events: {
                 onValuesChange: (event) => {
@@ -3158,6 +3270,7 @@ class SliderComponent extends BaseWidgetDirective {
                 structure: this.slotStructureFromContent()?.templateRef,
                 handle: this.slotHandleFromContent()?.templateRef,
                 label: this.slotLabelFromContent()?.templateRef,
+                tick: this.slotTickFromContent()?.templateRef,
             }),
         }));
         /**
@@ -3257,6 +3370,25 @@ class SliderComponent extends BaseWidgetDirective {
          * @defaultValue `false`
          */
         this.vertical = input(undefined, { alias: 'auVertical', transform: auBooleanAttribute });
+        /**
+         * If `true` the ticks are displayed on the slider
+         *
+         * @defaultValue `false`
+         */
+        this.showTicks = input(undefined, { alias: 'auShowTicks', transform: auBooleanAttribute });
+        /**
+         * Unit value between the ticks
+         * If value is set to `0` the {@link stepSize} is used to space the ticks
+         *
+         * @defaultValue `0`
+         */
+        this.tickInterval = input(undefined, { alias: 'auTickInterval', transform: auNumberAttribute });
+        /**
+         * If `true` the tick values are displayed on the slider
+         *
+         * @defaultValue `true`
+         */
+        this.showTickValues = input(undefined, { alias: 'auShowTickValues', transform: auBooleanAttribute });
         /**
          * An event emitted when slider values are changed
          *
@@ -3288,6 +3420,11 @@ class SliderComponent extends BaseWidgetDirective {
          */
         this.handle = input(undefined, { alias: 'auHandle' });
         this.slotHandleFromContent = contentChild(SliderHandleDirective);
+        /**
+         * Slot to change the ticks
+         */
+        this.tick = input(undefined, { alias: 'auTick' });
+        this.slotTickFromContent = contentChild(SliderTickDirective);
         /**
          * Control value accessor methods
          */
@@ -3325,14 +3462,15 @@ class SliderComponent extends BaseWidgetDirective {
             i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotLabelFromContent, SliderLabelDirective, 5);
             i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, SliderStructureDirective, 5);
             i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotHandleFromContent, SliderHandleDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotTickFromContent, SliderTickDirective, 5);
         } if (rf & 2) {
-            i0.ɵɵqueryAdvance(3);
+            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"], label: [1, "auLabel", "label"], structure: [1, "auStructure", "structure"], handle: [1, "auHandle", "handle"] }, outputs: { valuesChange: "auValuesChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SliderComponent), multi: true }]), i0.ɵɵInheritDefinitionFeature], attrs: _c8$1, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, 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);
         } if (rf & 2) {
-            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c9, ctx.state, ctx.api, ctx.directives));
+            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c12, ctx.state, ctx.api, ctx.directives));
         } }, dependencies: [SlotDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderComponent, [{
@@ -3349,7 +3487,7 @@ class SliderComponent extends BaseWidgetDirective {
                 template: ` <ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" /> `,
             }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "components/slider/slider.component.ts", lineNumber: 187 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "components/slider/slider.component.ts", lineNumber: 225 }); })();
 
 /**
  * Retrieve a shallow copy of the default Progressbar config
@@ -3405,7 +3543,7 @@ class ProgressbarBodyDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProgressbarBodyDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auProgressbarBody]', standalone: true }]
+        args: [{ selector: 'ng-template[auProgressbarBody]' }]
     }], null, null); })();
 /**
  * Directive to define the structure of a progress bar.
@@ -3424,7 +3562,7 @@ class ProgressbarStructureDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProgressbarStructureDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auProgressbarStructure]', standalone: true }]
+        args: [{ selector: 'ng-template[auProgressbarStructure]' }]
     }], null, null); })();
 class ProgressbarDefaultSlotsComponent {
     constructor() {
@@ -3694,7 +3832,7 @@ class ToastBodyDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastBodyDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auToastBody]', standalone: true }]
+        args: [{ selector: 'ng-template[auToastBody]' }]
     }], null, null); })();
 /**
  * Directive to define the structure of a toast component.
@@ -3712,7 +3850,7 @@ class ToastStructureDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastStructureDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auToastStructure]', standalone: true }]
+        args: [{ selector: 'ng-template[auToastStructure]' }]
     }], null, null); })();
 /**
  * Directive representing the header of a toast component.
@@ -3730,7 +3868,7 @@ class ToastHeaderDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastHeaderDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auToastHeader]', standalone: true }]
+        args: [{ selector: 'ng-template[auToastHeader]' }]
     }], null, null); })();
 class ToastDefaultSlotsComponent {
     constructor() {
@@ -4035,10 +4173,29 @@ class CollapseDirective extends BaseWidgetDirective {
         type: Directive,
         args: [{
                 selector: '[auCollapse]',
-                standalone: true,
                 exportAs: 'auCollapse',
             }]
     }], () => [], null); })();
+class CollapseTriggerDirective {
+    constructor() {
+        this.auCollapseTrigger = input.required();
+        this.injector = inject(Injector);
+    }
+    async ngOnInit() {
+        await this.auCollapseTrigger()['_widget'].initialized;
+        runInInjectionContext(this.injector, () => {
+            useDirectiveForHost(this.auCollapseTrigger().directives.triggerDirective);
+        });
+    }
+    static { this.ɵfac = function CollapseTriggerDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapseTriggerDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CollapseTriggerDirective, selectors: [["", "auCollapseTrigger", ""]], inputs: { auCollapseTrigger: [1, "auCollapseTrigger"] } }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollapseTriggerDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[auCollapseTrigger]',
+            }]
+    }], null, null); })();
 
 /**
  * Retrieve a shallow copy of the default collapse config
@@ -4185,7 +4342,7 @@ class TreeStructureDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeStructureDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auTreeStructure]', standalone: true }]
+        args: [{ selector: 'ng-template[auTreeStructure]' }]
     }], null, null); })();
 class TreeDefaultStructureSlotComponent {
     constructor() {
@@ -4206,7 +4363,6 @@ class TreeDefaultStructureSlotComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeDefaultStructureSlotComponent, [{
         type: Component,
         args: [{
-                standalone: true,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 imports: [UseDirective, TreeStructureDirective, SlotDirective],
                 template: `
@@ -4220,7 +4376,7 @@ class TreeDefaultStructureSlotComponent {
 	`,
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultStructureSlotComponent, { className: "TreeDefaultStructureSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 34 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultStructureSlotComponent, { className: "TreeDefaultStructureSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 33 }); })();
 /**
  * A constant representing the default slot for tree structure.
  */
@@ -4242,7 +4398,7 @@ class TreeItemToggleDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeItemToggleDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auTreeItemToggle]', standalone: true }]
+        args: [{ selector: 'ng-template[auTreeItemToggle]' }]
     }], null, null); })();
 class TreeDefaultItemToggleSlotComponent {
     constructor() {
@@ -4260,7 +4416,6 @@ class TreeDefaultItemToggleSlotComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeDefaultItemToggleSlotComponent, [{
         type: Component,
         args: [{
-                standalone: true,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 imports: [UseDirective, TreeItemToggleDirective],
                 template: `
@@ -4276,7 +4431,7 @@ class TreeDefaultItemToggleSlotComponent {
 	`,
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemToggleSlotComponent, { className: "TreeDefaultItemToggleSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 76 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemToggleSlotComponent, { className: "TreeDefaultItemToggleSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 74 }); })();
 /**
  * A constant representing the default slot for tree item toggle.
  */
@@ -4298,7 +4453,7 @@ class TreeItemContentDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeItemContentDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auTreeItemContent]', standalone: true }]
+        args: [{ selector: 'ng-template[auTreeItemContent]' }]
     }], null, null); })();
 class TreeDefaultItemContentSlotComponent {
     constructor() {
@@ -4316,7 +4471,6 @@ class TreeDefaultItemContentSlotComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeDefaultItemContentSlotComponent, [{
         type: Component,
         args: [{
-                standalone: true,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 imports: [SlotDirective, TreeItemContentDirective],
                 template: `
@@ -4329,7 +4483,7 @@ class TreeDefaultItemContentSlotComponent {
 	`,
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemContentSlotComponent, { className: "TreeDefaultItemContentSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 111 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemContentSlotComponent, { className: "TreeDefaultItemContentSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 108 }); })();
 /**
  * A constant representing the default slot for tree item.
  */
@@ -4351,7 +4505,7 @@ class TreeItemDirective {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeItemDirective, [{
         type: Directive,
-        args: [{ selector: 'ng-template[auTreeItem]', standalone: true }]
+        args: [{ selector: 'ng-template[auTreeItem]' }]
     }], null, null); })();
 class TreeDefaultItemSlotComponent {
     constructor() {
@@ -4372,7 +4526,6 @@ class TreeDefaultItemSlotComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeDefaultItemSlotComponent, [{
         type: Component,
         args: [{
-                standalone: true,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 imports: [UseDirective, SlotDirective, TreeItemDirective],
                 template: `
@@ -4391,7 +4544,7 @@ class TreeDefaultItemSlotComponent {
 	`,
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemSlotComponent, { className: "TreeDefaultItemSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 155 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemSlotComponent, { className: "TreeDefaultItemSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 151 }); })();
 /**
  * A constant representing the default slot for tree item.
  */
@@ -4512,12 +4665,11 @@ class TreeComponent extends BaseWidgetDirective {
         args: [{
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 selector: '[auTree]',
-                standalone: true,
                 imports: [SlotDirective],
                 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: 180 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeComponent, { className: "TreeComponent", filePath: "components/tree/tree.component.ts", lineNumber: 176 }); })();
 
 /* istanbul ignore next */
 const components = [
@@ -4556,6 +4708,7 @@ const components = [
     SliderHandleDirective,
     SliderLabelDirective,
     SliderStructureDirective,
+    SliderTickDirective,
     ProgressbarComponent,
     ProgressbarStructureDirective,
     ProgressbarBodyDirective,
@@ -4564,6 +4717,7 @@ const components = [
     ToastBodyDirective,
     ToastHeaderDirective,
     CollapseDirective,
+    CollapseTriggerDirective,
     TreeComponent,
     TreeStructureDirective,
     TreeItemToggleDirective,
@@ -4618,6 +4772,7 @@ class AgnosUIAngularModule {
         SliderHandleDirective,
         SliderLabelDirective,
         SliderStructureDirective,
+        SliderTickDirective,
         ProgressbarComponent,
         ProgressbarStructureDirective,
         ProgressbarBodyDirective,
@@ -4626,6 +4781,7 @@ class AgnosUIAngularModule {
         ToastBodyDirective,
         ToastHeaderDirective,
         CollapseDirective,
+        CollapseTriggerDirective,
         TreeComponent,
         TreeStructureDirective,
         TreeItemToggleDirective,
@@ -4665,6 +4821,7 @@ class AgnosUIAngularModule {
         SliderHandleDirective,
         SliderLabelDirective,
         SliderStructureDirective,
+        SliderTickDirective,
         ProgressbarComponent,
         ProgressbarStructureDirective,
         ProgressbarBodyDirective,
@@ -4673,6 +4830,7 @@ class AgnosUIAngularModule {
         ToastBodyDirective,
         ToastHeaderDirective,
         CollapseDirective,
+        CollapseTriggerDirective,
         TreeComponent,
         TreeStructureDirective,
         TreeItemToggleDirective,
@@ -4741,5 +4899,5 @@ class ModalService {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionBodyDirective, AccordionDirective, AccordionHeaderDirective, AccordionItemComponent, AccordionItemStructureDirective, AgnosUIAngularModule, AlertBodyDirective, AlertComponent, AlertStructureDirective, CollapseDirective, ModalBodyDirective, ModalComponent, ModalFooterDirective, ModalHeaderDirective, ModalService, ModalStructureDirective, ModalTitleDirective, PaginationComponent, PaginationEllipsisDirective, PaginationFirstDirective, PaginationLastDirective, PaginationNextDirective, PaginationNumberDirective, PaginationPagesDirective, PaginationPreviousDirective, PaginationStructureDirective, ProgressbarBodyDirective, ProgressbarComponent, ProgressbarStructureDirective, RatingComponent, RatingStarDirective, SelectBadgeLabelDirective, SelectComponent, SelectItemLabelDirective, SliderComponent, SliderHandleDirective, SliderLabelDirective, SliderStructureDirective, ToastBodyDirective, ToastComponent, ToastHeaderDirective, ToastStructureDirective, TreeComponent, TreeItemContentDirective, TreeItemDirective, TreeItemToggleDirective, TreeStructureDirective, accordionItemDefaultSlotStructure, alertDefaultSlotStructure, callWidgetFactory, export_createAccordion as createAccordion, export_createAccordionItem as createAccordionItem, export_createAlert as createAlert, export_createCollapse as createCollapse, export_createModal as createModal, export_createPagination as createPagination, export_createProgressbar as createProgressbar, export_createRating as createRating, export_createSelect as createSelect, export_createSlider as createSlider, export_createToast as createToast, export_createTree as createTree, export_factoryCreateAccordion as factoryCreateAccordion, export_getAccordionDefaultConfig as getAccordionDefaultConfig, export_getAlertDefaultConfig as getAlertDefaultConfig, export_getCollapseDefaultConfig as getCollapseDefaultConfig, export_getModalDefaultConfig as getModalDefaultConfig, export_getPaginationDefaultConfig as getPaginationDefaultConfig, export_getProgressbarDefaultConfig as getProgressbarDefaultConfig, export_getRatingDefaultConfig as getRatingDefaultConfig, export_getSelectDefaultConfig as getSelectDefaultConfig, export_getSliderDefaultConfig as getSliderDefaultConfig, export_getToastDefaultConfig as getToastDefaultConfig, export_getTreeDefaultConfig as getTreeDefaultConfig, injectWidgetConfig, injectWidgetsConfig, export_modalCloseButtonClick as modalCloseButtonClick, modalDefaultSlotHeader, modalDefaultSlotStructure, export_modalOutsideClick as modalOutsideClick, paginationDefaultSlotPages, paginationDefaultSlotStructure, progressbarDefaultSlotStructure, provideWidgetsConfig, sliderDefaultSlotHandle, sliderDefaultSlotStructure, toastDefaultSlotStructure, treeDefaultItemToggle, treeDefaultSlotItem, treeDefaultSlotItemContent, treeDefaultSlotStructure, widgetsConfigInjectionToken };
+export { AccordionBodyDirective, AccordionDirective, AccordionHeaderDirective, AccordionItemComponent, AccordionItemStructureDirective, AgnosUIAngularModule, AlertBodyDirective, AlertComponent, AlertStructureDirective, CollapseDirective, CollapseTriggerDirective, ModalBodyDirective, ModalComponent, ModalFooterDirective, ModalHeaderDirective, ModalService, ModalStructureDirective, ModalTitleDirective, PaginationComponent, PaginationEllipsisDirective, PaginationFirstDirective, PaginationLastDirective, PaginationNextDirective, PaginationNumberDirective, PaginationPagesDirective, PaginationPreviousDirective, PaginationStructureDirective, ProgressbarBodyDirective, ProgressbarComponent, ProgressbarStructureDirective, RatingComponent, RatingStarDirective, SelectBadgeLabelDirective, SelectComponent, SelectItemLabelDirective, SliderComponent, SliderHandleDirective, SliderLabelDirective, SliderStructureDirective, SliderTickDirective, ToastBodyDirective, ToastComponent, ToastHeaderDirective, ToastStructureDirective, TreeComponent, TreeItemContentDirective, TreeItemDirective, TreeItemToggleDirective, TreeStructureDirective, accordionItemDefaultSlotStructure, alertDefaultSlotStructure, callWidgetFactory, export_createAccordion as createAccordion, export_createAccordionItem as createAccordionItem, export_createAlert as createAlert, export_createCollapse as createCollapse, export_createModal as createModal, export_createPagination as createPagination, export_createProgressbar as createProgressbar, export_createRating as createRating, export_createSelect as createSelect, export_createSlider as createSlider, export_createToast as createToast, export_createTree as createTree, export_factoryCreateAccordion as factoryCreateAccordion, export_getAccordionDefaultConfig as getAccordionDefaultConfig, export_getAlertDefaultConfig as getAlertDefaultConfig, export_getCollapseDefaultConfig as getCollapseDefaultConfig, export_getModalDefaultConfig as getModalDefaultConfig, export_getPaginationDefaultConfig as getPaginationDefaultConfig, export_getProgressbarDefaultConfig as getProgressbarDefaultConfig, export_getRatingDefaultConfig as getRatingDefaultConfig, export_getSelectDefaultConfig as getSelectDefaultConfig, export_getSliderDefaultConfig as getSliderDefaultConfig, export_getToastDefaultConfig as getToastDefaultConfig, export_getTreeDefaultConfig as getTreeDefaultConfig, injectWidgetConfig, injectWidgetsConfig, export_modalCloseButtonClick as modalCloseButtonClick, modalDefaultSlotHeader, modalDefaultSlotStructure, export_modalOutsideClick as modalOutsideClick, paginationDefaultSlotPages, paginationDefaultSlotStructure, progressbarDefaultSlotStructure, provideWidgetsConfig, sliderDefaultSlotHandle, sliderDefaultSlotStructure, sliderDefaultSlotTick, toastDefaultSlotStructure, treeDefaultItemToggle, treeDefaultSlotItem, treeDefaultSlotItemContent, treeDefaultSlotStructure, widgetsConfigInjectionToken };
 //# sourceMappingURL=agnos-ui-angular-bootstrap.mjs.map