@agnos-ui/angular-bootstrap 0.9.3 → 0.10.0-next.0

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

@@ -2,7 +2,7 @@ import { widgetsConfigFactory, SlotDirective, UseDirective, ComponentTemplate, B
 export * from '@agnos-ui/angular-headless';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, TemplateRef, Directive, viewChild, ChangeDetectionStrategy, Component, input, contentChild, output, ViewEncapsulation, forwardRef, Injector, runInInjectionContext, Injectable, computed, effect, NgModule, ApplicationRef, createComponent, outputBinding, inputBinding, EnvironmentInjector } from '@angular/core';
-import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from '@agnos-ui/core-bootstrap/components/modal';
+import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick, modalCloseEscape } from '@agnos-ui/core-bootstrap/components/modal';
 import { getPaginationDefaultConfig, createPagination } from '@agnos-ui/core-bootstrap/components/pagination';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { getRatingDefaultConfig, createRating } from '@agnos-ui/core-bootstrap/components/rating';
@@ -16,6 +16,7 @@ import { getToastDefaultConfig, createToast, toastPositions, defaultToasterProps
 import { createCollapse, getCollapseDefaultConfig } from '@agnos-ui/core-bootstrap/components/collapse';
 import { getTreeDefaultConfig, createTree } from '@agnos-ui/core-bootstrap/components/tree';
 import { getCarouselDefaultConfig, createCarousel } from '@agnos-ui/core-bootstrap/components/carousel';
+import { getDrawerDefaultConfig, createDrawer } from '@agnos-ui/core-bootstrap/components/drawer';
 export * from '@agnos-ui/core-bootstrap/services/transitions';
 export * from '@agnos-ui/core-bootstrap/types';
 
@@ -40,6 +41,11 @@ const export_modalOutsideClick = modalOutsideClick;
  * and returned by the {@link ModalApi.open|open} method, when the modal is closed by a click on the close button.
  */
 const export_modalCloseButtonClick = modalCloseButtonClick;
+/**
+ * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
+ * and returned by the {@link ModalApi.open|open} method, when the modal is closed by pressing the Escape key.
+ */
+const export_modalCloseEscape = modalCloseEscape;
 
 const widgetFactories = widgetsConfigFactory(new InjectionToken('bootstrapWidgetsConfig'));
 /**
@@ -135,9 +141,9 @@ const injectWidgetConfig = widgetFactories.injectWidgetConfig;
  */
 const callWidgetFactory = widgetFactories.callWidgetFactory;
 
-const _c0$b = ["header"];
-const _c1$b = ["structure"];
-const _c2$a = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
+const _c0$c = ["header"];
+const _c1$c = ["structure"];
+const _c2$b = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
 function ModalDefaultSlotsComponent_ng_template_0_ng_template_1_Template(rf, ctx) { }
 function ModalDefaultSlotsComponent_ng_template_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "button", 6);
@@ -155,7 +161,7 @@ function ModalDefaultSlotsComponent_ng_template_0_Template(rf, ctx) { if (rf & 1
     const api_r3 = ctx.api;
     const directives_r1 = ctx.directives;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r2.title())("auSlotProps", i0.ɵɵpureFunction3(3, _c2$a, state_r2, api_r3, directives_r1));
+    i0.ɵɵproperty("auSlot", state_r2.title())("auSlotProps", i0.ɵɵpureFunction3(3, _c2$b, state_r2, api_r3, directives_r1));
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r2.closeButton() ? 2 : -1);
 } }
@@ -170,7 +176,7 @@ function ModalDefaultSlotsComponent_ng_template_2_Conditional_0_Template(rf, ctx
     const api_r6 = ctx_r3.api;
     const directives_r7 = ctx_r3.directives;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r5.header())("auSlotProps", i0.ɵɵpureFunction3(2, _c2$a, state_r5, api_r6, directives_r7));
+    i0.ɵɵproperty("auSlot", state_r5.header())("auSlotProps", i0.ɵɵpureFunction3(2, _c2$b, state_r5, api_r6, directives_r7));
 } }
 function ModalDefaultSlotsComponent_ng_template_2_ng_template_2_Template(rf, ctx) { }
 function ModalDefaultSlotsComponent_ng_template_2_Conditional_3_ng_template_1_Template(rf, ctx) { }
@@ -184,7 +190,7 @@ function ModalDefaultSlotsComponent_ng_template_2_Conditional_3_Template(rf, ctx
     const api_r6 = ctx_r3.api;
     const directives_r7 = ctx_r3.directives;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r5.footer())("auSlotProps", i0.ɵɵpureFunction3(2, _c2$a, state_r5, api_r6, directives_r7));
+    i0.ɵɵproperty("auSlot", state_r5.footer())("auSlotProps", i0.ɵɵpureFunction3(2, _c2$b, state_r5, api_r6, directives_r7));
 } }
 function ModalDefaultSlotsComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, ModalDefaultSlotsComponent_ng_template_2_Conditional_0_Template, 2, 6, "div", 7);
@@ -198,13 +204,13 @@ function ModalDefaultSlotsComponent_ng_template_2_Template(rf, ctx) { if (rf & 1
     const directives_r7 = ctx.directives;
     i0.ɵɵconditional(state_r5.title() ? 0 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("auSlot", state_r5.children())("auSlotProps", i0.ɵɵpureFunction3(4, _c2$a, state_r5, api_r6, directives_r7));
+    i0.ɵɵproperty("auSlot", state_r5.children())("auSlotProps", i0.ɵɵpureFunction3(4, _c2$b, state_r5, api_r6, directives_r7));
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r5.footer() ? 3 : -1);
 } }
-const _c3$9 = ["content"];
-const _c4$8 = ["auModal", ""];
-const _c5$6 = ["*"];
+const _c3$a = ["content"];
+const _c4$9 = ["auModal", ""];
+const _c5$7 = ["*"];
 const _c6$3 = (a0, a1) => [a0, a1];
 function ModalComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
@@ -226,7 +232,7 @@ function ModalComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵclassMap(i0.ɵɵinterpolate1("modal-dialog ", ctx_r0.state.fullscreen() ? "modal-fullscreen" : ""));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("auSlot", ctx_r0.state.structure())("auSlotProps", i0.ɵɵpureFunction3(9, _c2$a, ctx_r0.state, ctx_r0.api, ctx_r0.directives));
+    i0.ɵɵproperty("auSlot", ctx_r0.state.structure())("auSlotProps", i0.ɵɵpureFunction3(9, _c2$b, ctx_r0.state, ctx_r0.api, ctx_r0.directives));
 } }
 /**
  * Directive to provide the slot structure for the modal widget.
@@ -328,8 +334,8 @@ class ModalDefaultSlotsComponent {
     }
     static { this.ɵfac = function ModalDefaultSlotsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalDefaultSlotsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalDefaultSlotsComponent, selectors: [["ng-component"]], viewQuery: function ModalDefaultSlotsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.header, _c0$b, 5);
-            i0.ɵɵviewQuerySignal(ctx.structure, _c1$b, 5);
+            i0.ɵɵviewQuerySignal(ctx.header, _c0$c, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c1$c, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, decls: 4, vars: 0, consts: [["header", ""], ["structure", ""], ["auModalHeader", ""], ["auModalStructure", ""], [1, "modal-title"], [3, "auSlot", "auSlotProps"], [1, "btn-close", 3, "auUse"], [1, "modal-header"], [1, "modal-body"], [1, "modal-footer"]], template: function ModalDefaultSlotsComponent_Template(rf, ctx) { if (rf & 1) {
@@ -407,37 +413,37 @@ class ModalComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.animated = input(undefined, { alias: 'auAnimated', transform: auBooleanAttribute });
+        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
         /**
          * The transition to use for the backdrop behind the modal (if present).
          *
          * @defaultValue `fadeTransition`
          */
-        this.backdropTransition = input(undefined, { alias: 'auBackdropTransition' });
+        this.backdropTransition = input(undefined, ...(ngDevMode ? [{ debugName: "backdropTransition", alias: 'auBackdropTransition' }] : [{ alias: 'auBackdropTransition' }]));
         /**
          * The transition to use for the modal.
          *
          * @defaultValue `fadeTransition`
          */
-        this.modalTransition = input(undefined, { alias: 'auModalTransition' });
+        this.modalTransition = input(undefined, ...(ngDevMode ? [{ debugName: "modalTransition", alias: 'auModalTransition' }] : [{ alias: 'auModalTransition' }]));
         /**
          * Whether the modal should be visible when the transition is completed.
          *
          * @defaultValue `false`
          */
-        this.visible = input(undefined, { alias: 'auVisible', transform: auBooleanAttribute });
+        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
         /**
          * Whether a backdrop should be created behind the modal.
          *
          * @defaultValue `true`
          */
-        this.backdrop = input(undefined, { alias: 'auBackdrop', transform: auBooleanAttribute });
+        this.backdrop = input(undefined, ...(ngDevMode ? [{ debugName: "backdrop", alias: 'auBackdrop', transform: auBooleanAttribute }] : [{ alias: 'auBackdrop', transform: auBooleanAttribute }]));
         /**
          * Whether the modal should be closed when clicking on the viewport outside the modal.
          *
          * @defaultValue `true`
          */
-        this.closeOnOutsideClick = input(undefined, { alias: 'auCloseOnOutsideClick', transform: auBooleanAttribute });
+        this.closeOnOutsideClick = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnOutsideClick", alias: 'auCloseOnOutsideClick', transform: auBooleanAttribute }] : [{ alias: 'auCloseOnOutsideClick', transform: auBooleanAttribute }]));
         /**
          * Which element should contain the modal and backdrop DOM elements.
          * If it is not null, the modal and backdrop DOM elements are moved to the specified container.
@@ -448,67 +454,67 @@ class ModalComponent extends BaseWidgetDirective {
          * typeof window !== 'undefined' ? document.body : null
          * ```
          */
-        this.container = input(undefined, { alias: 'auContainer' });
+        this.container = input(undefined, ...(ngDevMode ? [{ debugName: "container", alias: 'auContainer' }] : [{ alias: 'auContainer' }]));
         /**
          * Value of the aria-label attribute to put on the close button.
          *
          * @defaultValue `'Close'`
          */
-        this.ariaCloseButtonLabel = input(undefined, { alias: 'auAriaCloseButtonLabel' });
+        this.ariaCloseButtonLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaCloseButtonLabel", alias: 'auAriaCloseButtonLabel' }] : [{ alias: 'auAriaCloseButtonLabel' }]));
         /**
          * Classes to add on the backdrop DOM element.
          *
          * @defaultValue `''`
          */
-        this.backdropClass = input(undefined, { alias: 'auBackdropClass' });
+        this.backdropClass = input(undefined, ...(ngDevMode ? [{ debugName: "backdropClass", alias: 'auBackdropClass' }] : [{ alias: 'auBackdropClass' }]));
         /**
          * Whether to display the close button.
          *
          * @defaultValue `true`
          */
-        this.closeButton = input(undefined, { alias: 'auCloseButton', transform: auBooleanAttribute });
+        this.closeButton = input(undefined, ...(ngDevMode ? [{ debugName: "closeButton", alias: 'auCloseButton', transform: auBooleanAttribute }] : [{ alias: 'auCloseButton', transform: auBooleanAttribute }]));
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * Option to create a fullscreen modal, according to the bootstrap documentation.
          *
          * @defaultValue `false`
          */
-        this.fullscreen = input(undefined, { alias: 'auFullscreen', transform: auBooleanAttribute });
+        this.fullscreen = input(undefined, ...(ngDevMode ? [{ debugName: "fullscreen", alias: 'auFullscreen', transform: auBooleanAttribute }] : [{ alias: 'auFullscreen', transform: auBooleanAttribute }]));
         /**
          * Structure of the modal.
          * The default structure uses {@link ModalProps.header|header}, {@link ModalProps.children|children} and {@link ModalProps.footer|footer}.
          */
-        this.structure = input(undefined, { alias: 'auStructure' });
-        this.slotStructureFromContent = contentChild(ModalStructureDirective);
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.slotStructureFromContent = contentChild(ModalStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Header of the modal. The default header includes {@link ModalProps.title|title}.
          */
-        this.header = input(undefined, { alias: 'auHeader' });
-        this.slotHeaderFromContent = contentChild(ModalHeaderDirective);
+        this.header = input(undefined, ...(ngDevMode ? [{ debugName: "header", alias: 'auHeader' }] : [{ alias: 'auHeader' }]));
+        this.slotHeaderFromContent = contentChild(ModalHeaderDirective, ...(ngDevMode ? [{ debugName: "slotHeaderFromContent" }] : []));
         /**
          * Title of the modal.
          */
-        this.title = input(undefined, { alias: 'auTitle' });
-        this.slotTitleFromContent = contentChild(ModalTitleDirective);
+        this.title = input(undefined, ...(ngDevMode ? [{ debugName: "title", alias: 'auTitle' }] : [{ alias: 'auTitle' }]));
+        this.slotTitleFromContent = contentChild(ModalTitleDirective, ...(ngDevMode ? [{ debugName: "slotTitleFromContent" }] : []));
         /**
          * Body of the modal.
          */
-        this.children = input(undefined, { alias: 'auChildren' });
-        this.slotDefaultFromContent = contentChild(ModalBodyDirective);
+        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.slotDefaultFromContent = contentChild(ModalBodyDirective, ...(ngDevMode ? [{ debugName: "slotDefaultFromContent" }] : []));
         /**
          * Footer of the modal.
          */
-        this.footer = input(undefined, { alias: 'auFooter' });
-        this.slotFooterFromContent = contentChild(ModalFooterDirective);
+        this.footer = input(undefined, ...(ngDevMode ? [{ debugName: "footer", alias: 'auFooter' }] : [{ alias: 'auFooter' }]));
+        this.slotFooterFromContent = contentChild(ModalFooterDirective, ...(ngDevMode ? [{ debugName: "slotFooterFromContent" }] : []));
         /**
          * Data to use in content slots
          */
-        this.contentData = input(undefined, { alias: 'auContentData' });
+        this.contentData = input(undefined, ...(ngDevMode ? [{ debugName: "contentData", alias: 'auContentData' }] : [{ alias: 'auContentData' }]));
         /**
          * Event to be triggered when the visible property changes.
          *
@@ -550,7 +556,7 @@ class ModalComponent extends BaseWidgetDirective {
          * ```
          */
         this.shown = output({ alias: 'auShown' });
-        this.slotChildren = viewChild('content');
+        this.slotChildren = viewChild('content', ...(ngDevMode ? [{ debugName: "slotChildren" }] : []));
     }
     static { this.ɵfac = function ModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModalComponent, selectors: [["", "auModal", ""]], contentQueries: function ModalComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
@@ -562,10 +568,10 @@ class ModalComponent extends BaseWidgetDirective {
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(5);
         } }, viewQuery: function ModalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c3$9, 5);
+            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c3$a, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, inputs: { animated: [1, "auAnimated", "animated"], backdropTransition: [1, "auBackdropTransition", "backdropTransition"], modalTransition: [1, "auModalTransition", "modalTransition"], visible: [1, "auVisible", "visible"], backdrop: [1, "auBackdrop", "backdrop"], closeOnOutsideClick: [1, "auCloseOnOutsideClick", "closeOnOutsideClick"], container: [1, "auContainer", "container"], ariaCloseButtonLabel: [1, "auAriaCloseButtonLabel", "ariaCloseButtonLabel"], backdropClass: [1, "auBackdropClass", "backdropClass"], closeButton: [1, "auCloseButton", "closeButton"], className: [1, "auClassName", "className"], fullscreen: [1, "auFullscreen", "fullscreen"], structure: [1, "auStructure", "structure"], header: [1, "auHeader", "header"], title: [1, "auTitle", "title"], children: [1, "auChildren", "children"], footer: [1, "auFooter", "footer"], contentData: [1, "auContentData", "contentData"] }, outputs: { visibleChange: "auVisibleChange", beforeClose: "auBeforeClose", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c4$8, ngContentSelectors: _c5$6, decls: 4, vars: 2, consts: [["content", ""], [1, "modal-backdrop", 3, "auUseMulti"], [1, "modal", "d-block", 3, "auUseMulti"], [1, "modal-content"], [3, "auSlot", "auSlotProps"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { animated: [1, "auAnimated", "animated"], backdropTransition: [1, "auBackdropTransition", "backdropTransition"], modalTransition: [1, "auModalTransition", "modalTransition"], visible: [1, "auVisible", "visible"], backdrop: [1, "auBackdrop", "backdrop"], closeOnOutsideClick: [1, "auCloseOnOutsideClick", "closeOnOutsideClick"], container: [1, "auContainer", "container"], ariaCloseButtonLabel: [1, "auAriaCloseButtonLabel", "ariaCloseButtonLabel"], backdropClass: [1, "auBackdropClass", "backdropClass"], closeButton: [1, "auCloseButton", "closeButton"], className: [1, "auClassName", "className"], fullscreen: [1, "auFullscreen", "fullscreen"], structure: [1, "auStructure", "structure"], header: [1, "auHeader", "header"], title: [1, "auTitle", "title"], children: [1, "auChildren", "children"], footer: [1, "auFooter", "footer"], contentData: [1, "auContentData", "contentData"] }, outputs: { visibleChange: "auVisibleChange", beforeClose: "auBeforeClose", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c4$9, ngContentSelectors: _c5$7, decls: 4, vars: 2, consts: [["content", ""], [1, "modal-backdrop", 3, "auUseMulti"], [1, "modal", "d-block", 3, "auUseMulti"], [1, "modal-content"], [3, "auSlot", "auSlotProps"]], template: function ModalComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, ModalComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵconditionalCreate(2, ModalComponent_Conditional_2_Template, 1, 4, "div", 1);
@@ -614,12 +620,12 @@ const export_getPaginationDefaultConfig = getPaginationDefaultConfig;
  */
 const export_createPagination = createPagination;
 
-const _c0$a = ["pages"];
-const _c1$a = ["structure"];
-const _c2$9 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
-const _c3$8 = a0 => ({ page: a0 });
-const _c4$7 = (a0, a1) => [a0, a1];
-const _c5$5 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, displayedPage: a3 });
+const _c0$b = ["pages"];
+const _c1$b = ["structure"];
+const _c2$a = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
+const _c3$9 = a0 => ({ page: a0 });
+const _c4$8 = (a0, a1) => [a0, a1];
+const _c5$6 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, displayedPage: a3 });
 function PaginationDefaultSlotsComponent_ng_template_0_For_1_Conditional_1_ng_template_1_Template(rf, ctx) { }
 function PaginationDefaultSlotsComponent_ng_template_0_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
@@ -634,7 +640,7 @@ function PaginationDefaultSlotsComponent_ng_template_0_For_1_Conditional_1_Templ
     const api_r3 = ctx_r0.api;
     const directives_r4 = ctx_r0.directives;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r2.ellipsisLabel())("auSlotProps", i0.ɵɵpureFunction3(3, _c2$9, state_r2, api_r3, directives_r4));
+    i0.ɵɵproperty("auSlot", state_r2.ellipsisLabel())("auSlotProps", i0.ɵɵpureFunction3(3, _c2$a, state_r2, api_r3, directives_r4));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(state_r2.ariaEllipsisLabel());
 } }
@@ -659,9 +665,9 @@ function PaginationDefaultSlotsComponent_ng_template_0_For_1_Conditional_2_Templ
     const state_r2 = ctx_r0.state;
     const api_r3 = ctx_r0.api;
     const directives_r4 = ctx_r0.directives;
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(6, _c4$7, directives_r4.pageLink, i0.ɵɵpureFunction1(4, _c3$8, page_r5)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(6, _c4$8, directives_r4.pageLink, i0.ɵɵpureFunction1(4, _c3$9, page_r5)));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r2.numberLabel())("auSlotProps", i0.ɵɵpureFunction4(9, _c5$5, state_r2, api_r3, directives_r4, page_r5));
+    i0.ɵɵproperty("auSlot", state_r2.numberLabel())("auSlotProps", i0.ɵɵpureFunction4(9, _c5$6, state_r2, api_r3, directives_r4, page_r5));
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r2.page() === page_r5 ? 2 : -1);
 } }
@@ -696,7 +702,7 @@ function PaginationDefaultSlotsComponent_ng_template_2_Conditional_1_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("auUse", directives_r9.pageFirst);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("auSlot", state_r7.firstPageLabel())("auSlotProps", i0.ɵɵpureFunction3(5, _c2$9, state_r7, api_r8, directives_r9));
+    i0.ɵɵproperty("auSlot", state_r7.firstPageLabel())("auSlotProps", i0.ɵɵpureFunction3(5, _c2$a, state_r7, api_r8, directives_r9));
 } }
 function PaginationDefaultSlotsComponent_ng_template_2_Conditional_2_ng_template_3_Template(rf, ctx) { }
 function PaginationDefaultSlotsComponent_ng_template_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
@@ -712,7 +718,7 @@ function PaginationDefaultSlotsComponent_ng_template_2_Conditional_2_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("auUse", directives_r9.pagePrev);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("auSlot", state_r7.previousPageLabel())("auSlotProps", i0.ɵɵpureFunction3(5, _c2$9, state_r7, api_r8, directives_r9));
+    i0.ɵɵproperty("auSlot", state_r7.previousPageLabel())("auSlotProps", i0.ɵɵpureFunction3(5, _c2$a, state_r7, api_r8, directives_r9));
 } }
 function PaginationDefaultSlotsComponent_ng_template_2_ng_template_3_Template(rf, ctx) { }
 function PaginationDefaultSlotsComponent_ng_template_2_Conditional_4_ng_template_3_Template(rf, ctx) { }
@@ -729,7 +735,7 @@ function PaginationDefaultSlotsComponent_ng_template_2_Conditional_4_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("auUse", directives_r9.pageNext);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("auSlot", state_r7.nextPageLabel())("auSlotProps", i0.ɵɵpureFunction3(5, _c2$9, state_r7, api_r8, directives_r9));
+    i0.ɵɵproperty("auSlot", state_r7.nextPageLabel())("auSlotProps", i0.ɵɵpureFunction3(5, _c2$a, state_r7, api_r8, directives_r9));
 } }
 function PaginationDefaultSlotsComponent_ng_template_2_Conditional_5_ng_template_3_Template(rf, ctx) { }
 function PaginationDefaultSlotsComponent_ng_template_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
@@ -745,7 +751,7 @@ function PaginationDefaultSlotsComponent_ng_template_2_Conditional_5_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵproperty("auUse", directives_r9.pageLast);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("auSlot", state_r7.lastPageLabel())("auSlotProps", i0.ɵɵpureFunction3(5, _c2$9, state_r7, api_r8, directives_r9));
+    i0.ɵɵproperty("auSlot", state_r7.lastPageLabel())("auSlotProps", i0.ɵɵpureFunction3(5, _c2$a, state_r7, api_r8, directives_r9));
 } }
 function PaginationDefaultSlotsComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ul");
@@ -768,7 +774,7 @@ function PaginationDefaultSlotsComponent_ng_template_2_Template(rf, ctx) { if (r
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r7.directionLinks() ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r7.pagesDisplay())("auSlotProps", i0.ɵɵpureFunction3(9, _c2$9, state_r7, api_r8, directives_r9));
+    i0.ɵɵproperty("auSlot", state_r7.pagesDisplay())("auSlotProps", i0.ɵɵpureFunction3(9, _c2$a, state_r7, api_r8, directives_r9));
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r7.directionLinks() ? 4 : -1);
     i0.ɵɵadvance();
@@ -929,8 +935,8 @@ class PaginationDefaultSlotsComponent {
     }
     static { this.ɵfac = function PaginationDefaultSlotsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaginationDefaultSlotsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationDefaultSlotsComponent, selectors: [["ng-component"]], viewQuery: function PaginationDefaultSlotsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.pages, _c0$a, 5);
-            i0.ɵɵviewQuerySignal(ctx.structure, _c1$a, 5);
+            i0.ɵɵviewQuerySignal(ctx.pages, _c0$b, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c1$b, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, decls: 4, vars: 0, consts: [["pages", ""], ["structure", ""], ["auPaginationPages", ""], ["auPaginationStructure", ""], [1, "page-item", 3, "active", "disabled"], [1, "page-item"], [1, "page-link", 3, "auUse"], ["aria-hidden", "true", 1, "page-link", "au-ellipsis"], [3, "auSlot", "auSlotProps"], [1, "visually-hidden"], [1, "page-item", 3, "disabled"], ["aria-live", "polite", 1, "visually-hidden"], ["aria-hidden", "true"]], template: function PaginationDefaultSlotsComponent_Template(rf, ctx) { if (rf & 1) {
@@ -1055,7 +1061,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * (processPage: number, pageCount: number) => `Page ${processPage} of ${pageCount}`
          * ```
          */
-        this.ariaPageLabel = input(undefined, { alias: 'auAriaPageLabel' });
+        this.ariaPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaPageLabel", alias: 'auAriaPageLabel' }] : [{ alias: 'auAriaPageLabel' }]));
         /**
          * Provide the label for the aria-live element
          * This is used for accessibility purposes.
@@ -1069,7 +1075,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * (currentPage: number) => `Current page is ${currentPage}`
          * ```
          */
-        this.ariaLiveLabel = input(undefined, { alias: 'auAriaLiveLabel' });
+        this.ariaLiveLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLiveLabel", alias: 'auAriaLiveLabel' }] : [{ alias: 'auAriaLiveLabel' }]));
         /**
          * The label for the nav element.
          *
@@ -1078,7 +1084,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'Page navigation'`
          */
-        this.ariaLabel = input(undefined, { alias: 'auAriaLabel' });
+        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
         /**
          * The label for the "active" page.
          * for I18n, we suggest to use the global configuration
@@ -1089,7 +1095,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * '(current)'
          * ```
          */
-        this.activeLabel = input(undefined, { alias: 'auActiveLabel' });
+        this.activeLabel = input(undefined, ...(ngDevMode ? [{ debugName: "activeLabel", alias: 'auActiveLabel' }] : [{ alias: 'auActiveLabel' }]));
         /**
          * The label for the "First" page button.
          * for I18n, we suggest to use the global configuration
@@ -1100,7 +1106,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 'Action link for first page'
          * ```
          */
-        this.ariaFirstLabel = input(undefined, { alias: 'auAriaFirstLabel' });
+        this.ariaFirstLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaFirstLabel", alias: 'auAriaFirstLabel' }] : [{ alias: 'auAriaFirstLabel' }]));
         /**
          * The label for the "Previous" page button.
          * for I18n, we suggest to use the global configuration
@@ -1111,7 +1117,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 'Action link for previous page'
          * ```
          */
-        this.ariaPreviousLabel = input(undefined, { alias: 'auAriaPreviousLabel' });
+        this.ariaPreviousLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaPreviousLabel", alias: 'auAriaPreviousLabel' }] : [{ alias: 'auAriaPreviousLabel' }]));
         /**
          * The label for the "Next" page button.
          * for I18n, we suggest to use the global configuration
@@ -1122,7 +1128,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 'Action link for next page'
          * ```
          */
-        this.ariaNextLabel = input(undefined, { alias: 'auAriaNextLabel' });
+        this.ariaNextLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaNextLabel", alias: 'auAriaNextLabel' }] : [{ alias: 'auAriaNextLabel' }]));
         /**
          * The label for the "Last" page button.
          * for I18n, we suggest to use the global configuration
@@ -1133,7 +1139,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 'Action link for last page'
          * ```
          */
-        this.ariaLastLabel = input(undefined, { alias: 'auAriaLastLabel' });
+        this.ariaLastLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLastLabel", alias: 'auAriaLastLabel' }] : [{ alias: 'auAriaLastLabel' }]));
         /**
          * The label for the "Ellipsis" page.
          * for I18n, we suggest to use the global configuration
@@ -1141,7 +1147,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'Ellipsis page element'`
          */
-        this.ariaEllipsisLabel = input(undefined, { alias: 'auAriaEllipsisLabel' });
+        this.ariaEllipsisLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaEllipsisLabel", alias: 'auAriaEllipsisLabel' }] : [{ alias: 'auAriaEllipsisLabel' }]));
         /**
          * Factory function providing the href for a "Page" page anchor,
          * based on the current page number
@@ -1152,7 +1158,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * (_page: number) => PAGE_LINK_DEFAULT
          * ```
          */
-        this.pageLink = input(undefined, { alias: 'auPageLink' });
+        this.pageLink = input(undefined, ...(ngDevMode ? [{ debugName: "pageLink", alias: 'auPageLink' }] : [{ alias: 'auPageLink' }]));
         /**
          * The template to use for the ellipsis slot
          * for I18n, we suggest to use the global configuration
@@ -1160,8 +1166,8 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'…'`
          */
-        this.ellipsisLabel = input(undefined, { alias: 'auEllipsisLabel' });
-        this.slotEllipsisFromContent = contentChild(PaginationEllipsisDirective);
+        this.ellipsisLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ellipsisLabel", alias: 'auEllipsisLabel' }] : [{ alias: 'auEllipsisLabel' }]));
+        this.slotEllipsisFromContent = contentChild(PaginationEllipsisDirective, ...(ngDevMode ? [{ debugName: "slotEllipsisFromContent" }] : []));
         /**
          * The template to use for the first slot
          * for I18n, we suggest to use the global configuration
@@ -1169,8 +1175,8 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'«'`
          */
-        this.firstPageLabel = input(undefined, { alias: 'auFirstPageLabel' });
-        this.slotFirstFromContent = contentChild(PaginationFirstDirective);
+        this.firstPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "firstPageLabel", alias: 'auFirstPageLabel' }] : [{ alias: 'auFirstPageLabel' }]));
+        this.slotFirstFromContent = contentChild(PaginationFirstDirective, ...(ngDevMode ? [{ debugName: "slotFirstFromContent" }] : []));
         /**
          * The template to use for the previous slot
          * for I18n, we suggest to use the global configuration
@@ -1178,8 +1184,8 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'‹'`
          */
-        this.previousPageLabel = input(undefined, { alias: 'auPreviousPageLabel' });
-        this.slotPreviousFromContent = contentChild(PaginationPreviousDirective);
+        this.previousPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "previousPageLabel", alias: 'auPreviousPageLabel' }] : [{ alias: 'auPreviousPageLabel' }]));
+        this.slotPreviousFromContent = contentChild(PaginationPreviousDirective, ...(ngDevMode ? [{ debugName: "slotPreviousFromContent" }] : []));
         /**
          * The template to use for the next slot
          * for I18n, we suggest to use the global configuration
@@ -1187,8 +1193,8 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'›'`
          */
-        this.nextPageLabel = input(undefined, { alias: 'auNextPageLabel' });
-        this.slotNextFromContent = contentChild(PaginationNextDirective);
+        this.nextPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "nextPageLabel", alias: 'auNextPageLabel' }] : [{ alias: 'auNextPageLabel' }]));
+        this.slotNextFromContent = contentChild(PaginationNextDirective, ...(ngDevMode ? [{ debugName: "slotNextFromContent" }] : []));
         /**
          * The template to use for the last slot
          * for I18n, we suggest to use the global configuration
@@ -1196,15 +1202,15 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'»'`
          */
-        this.lastPageLabel = input(undefined, { alias: 'auLastPageLabel' });
-        this.slotLastFromContent = contentChild(PaginationLastDirective);
+        this.lastPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "lastPageLabel", alias: 'auLastPageLabel' }] : [{ alias: 'auLastPageLabel' }]));
+        this.slotLastFromContent = contentChild(PaginationLastDirective, ...(ngDevMode ? [{ debugName: "slotLastFromContent" }] : []));
         /**
          * The template to use for the pages slot
          * To use to customize the pages view
          * override any configuration parameters provided for this
          */
-        this.pagesDisplay = input(undefined, { alias: 'auPagesDisplay' });
-        this.slotPagesFromContent = contentChild(PaginationPagesDirective);
+        this.pagesDisplay = input(undefined, ...(ngDevMode ? [{ debugName: "pagesDisplay", alias: 'auPagesDisplay' }] : [{ alias: 'auPagesDisplay' }]));
+        this.slotPagesFromContent = contentChild(PaginationPagesDirective, ...(ngDevMode ? [{ debugName: "slotPagesFromContent" }] : []));
         /**
          * The template to use for the number slot
          * override any configuration parameters provided for this
@@ -1216,8 +1222,8 @@ class PaginationComponent extends BaseWidgetDirective {
          * ({displayedPage}: PaginationNumberContext) => `${displayedPage}`
          * ```
          */
-        this.numberLabel = input(undefined, { alias: 'auNumberLabel' });
-        this.slotNumberLabelFromContent = contentChild(PaginationNumberDirective);
+        this.numberLabel = input(undefined, ...(ngDevMode ? [{ debugName: "numberLabel", alias: 'auNumberLabel' }] : [{ alias: 'auNumberLabel' }]));
+        this.slotNumberLabelFromContent = contentChild(PaginationNumberDirective, ...(ngDevMode ? [{ debugName: "slotNumberLabelFromContent" }] : []));
         /**
          * The template to use for the structure of the pagination component
          * The default structure uses {@link PaginationProps.ellipsisLabel|ellipsisLabel}, {@link PaginationProps.firstPageLabel|firstPageLabel},
@@ -1225,26 +1231,26 @@ class PaginationComponent extends BaseWidgetDirective {
          * {@link PaginationProps.lastPageLabel|lastPageLabel}, {@link PaginationProps.pagesDisplay|pagesDisplay},
          * {@link PaginationProps.numberLabel|numberLabel},
          */
-        this.structure = input(undefined, { alias: 'auStructure' });
-        this.slotStructureFromContent = contentChild(PaginationStructureDirective);
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.slotStructureFromContent = contentChild(PaginationStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * If `true`, pagination links will be disabled.
          *
          * @defaultValue `false`
          */
-        this.disabled = input(undefined, { alias: 'auDisabled', transform: auBooleanAttribute });
+        this.disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
         /**
          * If `true`, the "First" and "Last" page links are shown.
          *
          * @defaultValue `false`
          */
-        this.boundaryLinks = input(undefined, { alias: 'auBoundaryLinks', transform: auBooleanAttribute });
+        this.boundaryLinks = input(undefined, ...(ngDevMode ? [{ debugName: "boundaryLinks", alias: 'auBoundaryLinks', transform: auBooleanAttribute }] : [{ alias: 'auBoundaryLinks', transform: auBooleanAttribute }]));
         /**
          * If `true`, the "Next" and "Previous" page links are shown.
          *
          * @defaultValue `true`
          */
-        this.directionLinks = input(undefined, { alias: 'auDirectionLinks', transform: auBooleanAttribute });
+        this.directionLinks = input(undefined, ...(ngDevMode ? [{ debugName: "directionLinks", alias: 'auDirectionLinks', transform: auBooleanAttribute }] : [{ alias: 'auDirectionLinks', transform: auBooleanAttribute }]));
         /**
          * The number of items in your paginated collection.
          *
@@ -1257,7 +1263,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `0`
          */
-        this.collectionSize = input(undefined, { alias: 'auCollectionSize', transform: auNumberAttribute });
+        this.collectionSize = input(undefined, ...(ngDevMode ? [{ debugName: "collectionSize", alias: 'auCollectionSize', transform: auNumberAttribute }] : [{ alias: 'auCollectionSize', transform: auNumberAttribute }]));
         /**
          * The current page.
          *
@@ -1265,14 +1271,14 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `1`
          */
-        this.page = input(undefined, { alias: 'auPage', transform: auNumberAttribute });
+        this.page = input(undefined, ...(ngDevMode ? [{ debugName: "page", alias: 'auPage', transform: auNumberAttribute }] : [{ alias: 'auPage', transform: auNumberAttribute }]));
         /**
          * The number of items per page.
          * @remarks min value is 1
          *
          * @defaultValue `10`
          */
-        this.pageSize = input(undefined, { alias: 'auPageSize', transform: auNumberAttribute });
+        this.pageSize = input(undefined, ...(ngDevMode ? [{ debugName: "pageSize", alias: 'auPageSize', transform: auNumberAttribute }] : [{ alias: 'auPageSize', transform: auNumberAttribute }]));
         /**
          * The pagination display size.
          *
@@ -1280,7 +1286,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `null`
          */
-        this.size = input(undefined, { alias: 'auSize' });
+        this.size = input(undefined, ...(ngDevMode ? [{ debugName: "size", alias: 'auSize' }] : [{ alias: 'auSize' }]));
         /**
          * pagesFactory returns a function computing the array of pages to be displayed
          * as number (-1 are treated as ellipsis).
@@ -1299,7 +1305,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 	}
          * ```
          */
-        this.pagesFactory = input(undefined, { alias: 'auPagesFactory' });
+        this.pagesFactory = input(undefined, ...(ngDevMode ? [{ debugName: "pagesFactory", alias: 'auPagesFactory' }] : [{ alias: 'auPagesFactory' }]));
         /**
          * An event fired when the page is changed.
          *
@@ -1317,7 +1323,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
     }
     static { this.ɵfac = function PaginationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaginationComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["", "auPagination", ""]], contentQueries: function PaginationComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
@@ -1336,7 +1342,7 @@ class PaginationComponent extends BaseWidgetDirective {
         } }, inputs: { ariaPageLabel: [1, "auAriaPageLabel", "ariaPageLabel"], ariaLiveLabel: [1, "auAriaLiveLabel", "ariaLiveLabel"], ariaLabel: [1, "auAriaLabel", "ariaLabel"], activeLabel: [1, "auActiveLabel", "activeLabel"], ariaFirstLabel: [1, "auAriaFirstLabel", "ariaFirstLabel"], ariaPreviousLabel: [1, "auAriaPreviousLabel", "ariaPreviousLabel"], ariaNextLabel: [1, "auAriaNextLabel", "ariaNextLabel"], ariaLastLabel: [1, "auAriaLastLabel", "ariaLastLabel"], ariaEllipsisLabel: [1, "auAriaEllipsisLabel", "ariaEllipsisLabel"], pageLink: [1, "auPageLink", "pageLink"], ellipsisLabel: [1, "auEllipsisLabel", "ellipsisLabel"], firstPageLabel: [1, "auFirstPageLabel", "firstPageLabel"], previousPageLabel: [1, "auPreviousPageLabel", "previousPageLabel"], nextPageLabel: [1, "auNextPageLabel", "nextPageLabel"], lastPageLabel: [1, "auLastPageLabel", "lastPageLabel"], pagesDisplay: [1, "auPagesDisplay", "pagesDisplay"], numberLabel: [1, "auNumberLabel", "numberLabel"], structure: [1, "auStructure", "structure"], disabled: [1, "auDisabled", "disabled"], boundaryLinks: [1, "auBoundaryLinks", "boundaryLinks"], directionLinks: [1, "auDirectionLinks", "directionLinks"], collectionSize: [1, "auCollectionSize", "collectionSize"], page: [1, "auPage", "page"], pageSize: [1, "auPageSize", "pageSize"], size: [1, "auSize", "size"], pagesFactory: [1, "auPagesFactory", "pagesFactory"], className: [1, "auClassName", "className"] }, outputs: { pageChange: "auPageChange" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c6$2, decls: 1, vars: 6, consts: [[3, "auSlotProps", "auSlot"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, PaginationComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("auSlotProps", i0.ɵɵpureFunction3(2, _c2$9, ctx.state, ctx.api, ctx.directives))("auSlot", ctx.state.structure());
+            i0.ɵɵproperty("auSlotProps", i0.ɵɵpureFunction3(2, _c2$a, ctx.state, ctx.api, ctx.directives))("auSlot", ctx.state.structure());
         } }, dependencies: [SlotDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
@@ -1366,9 +1372,9 @@ const export_getRatingDefaultConfig = getRatingDefaultConfig;
  */
 const export_createRating = createRating;
 
-const _c0$9 = ["auRating", ""];
-const _c1$9 = a0 => ({ index: a0 });
-const _c2$8 = (a0, a1) => [a0, a1];
+const _c0$a = ["auRating", ""];
+const _c1$a = a0 => ({ index: a0 });
+const _c2$9 = (a0, a1) => [a0, a1];
 function RatingComponent_For_1_ng_template_3_Template(rf, ctx) { }
 function RatingComponent_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 0);
@@ -1383,7 +1389,7 @@ function RatingComponent_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ɵ$index_1_r1 < ctx_r1.state.visibleRating() ? "*" : " ", ")");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(6, _c2$8, ctx_r1.directives.starDirective, i0.ɵɵpureFunction1(4, _c1$9, ɵ$index_1_r1)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(6, _c2$9, ctx_r1.directives.starDirective, i0.ɵɵpureFunction1(4, _c1$a, ɵ$index_1_r1)));
     i0.ɵɵadvance();
     i0.ɵɵproperty("auSlot", ctx_r1.state.star())("auSlotProps", ctx_r1.state.stars()[ɵ$index_1_r1]);
 } }
@@ -1452,31 +1458,31 @@ class RatingComponent extends BaseWidgetDirective {
          * (rating: number, maxRating: number) => `${rating} out of ${maxRating}`
          * ```
          */
-        this.ariaValueTextFn = input(undefined, { alias: 'auAriaValueTextFn' });
+        this.ariaValueTextFn = input(undefined, ...(ngDevMode ? [{ debugName: "ariaValueTextFn", alias: 'auAriaValueTextFn' }] : [{ alias: 'auAriaValueTextFn' }]));
         /**
          * If `true`, the rating is disabled.
          *
          * @defaultValue `false`
          */
-        this.disabled = input(undefined, { alias: 'auDisabled', transform: auBooleanAttribute });
+        this.disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
         /**
          * The maximum rating that can be given.
          *
          * @defaultValue `10`
          */
-        this.maxRating = input(undefined, { alias: 'auMaxRating', transform: auNumberAttribute });
+        this.maxRating = input(undefined, ...(ngDevMode ? [{ debugName: "maxRating", alias: 'auMaxRating', transform: auNumberAttribute }] : [{ alias: 'auMaxRating', transform: auNumberAttribute }]));
         /**
          * The current rating. Could be a decimal value like `3.75`.
          *
          * @defaultValue `0`
          */
-        this.rating = input(undefined, { alias: 'auRating', transform: auNumberAttribute });
+        this.rating = input(undefined, ...(ngDevMode ? [{ debugName: "rating", alias: 'auRating', transform: auNumberAttribute }] : [{ alias: 'auRating', transform: auNumberAttribute }]));
         /**
          * If `true`, the rating can't be changed.
          *
          * @defaultValue `false`
          */
-        this.readonly = input(undefined, { alias: 'auReadonly', transform: auBooleanAttribute });
+        this.readonly = input(undefined, ...(ngDevMode ? [{ debugName: "readonly", alias: 'auReadonly', transform: auBooleanAttribute }] : [{ alias: 'auReadonly', transform: auBooleanAttribute }]));
         /**
          * Define if the rating can be reset.
          *
@@ -1484,7 +1490,7 @@ class RatingComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.resettable = input(undefined, { alias: 'auResettable', transform: auBooleanAttribute });
+        this.resettable = input(undefined, ...(ngDevMode ? [{ debugName: "resettable", alias: 'auResettable', transform: auBooleanAttribute }] : [{ alias: 'auResettable', transform: auBooleanAttribute }]));
         /**
          * The template to override the way each star is displayed.
          *
@@ -1493,33 +1499,33 @@ class RatingComponent extends BaseWidgetDirective {
          * ({fill}: StarContext) => String.fromCharCode(fill === 100 ? 9733 : 9734)
          * ```
          */
-        this.star = input(undefined, { alias: 'auStar' });
-        this.slotStarFromContent = contentChild(RatingStarDirective);
+        this.star = input(undefined, ...(ngDevMode ? [{ debugName: "star", alias: 'auStar' }] : [{ alias: 'auStar' }]));
+        this.slotStarFromContent = contentChild(RatingStarDirective, ...(ngDevMode ? [{ debugName: "slotStarFromContent" }] : []));
         /**
          * Allows setting a custom rating tabindex.
          * If the component is disabled, `tabindex` will still be set to `-1`.
          *
          * @defaultValue `0`
          */
-        this.tabindex = input(undefined, { alias: 'auTabindex', transform: auNumberAttribute });
+        this.tabindex = input(undefined, ...(ngDevMode ? [{ debugName: "tabindex", alias: 'auTabindex', transform: auNumberAttribute }] : [{ alias: 'auTabindex', transform: auNumberAttribute }]));
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * The aria label
          *
          * @defaultValue `'Rating'`
          */
-        this.ariaLabel = input(undefined, { alias: 'auAriaLabel' });
+        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
         /**
          * The aria labelled by
          *
          * @defaultValue `''`
          */
-        this.ariaLabelledBy = input(undefined, { alias: 'auAriaLabelledBy' });
+        this.ariaLabelledBy = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelledBy", alias: 'auAriaLabelledBy' }] : [{ alias: 'auAriaLabelledBy' }]));
         /**
          * An event emitted when the user is hovering over a given rating.
          *
@@ -1564,7 +1570,7 @@ class RatingComponent extends BaseWidgetDirective {
             i0.ɵɵqueryAdvance();
         } }, hostAttrs: [1, "d-inline-flex"], hostBindings: function RatingComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("blur", function RatingComponent_blur_HostBindingHandler() { return ctx.onTouched(); });
-        } }, inputs: { ariaValueTextFn: [1, "auAriaValueTextFn", "ariaValueTextFn"], disabled: [1, "auDisabled", "disabled"], maxRating: [1, "auMaxRating", "maxRating"], rating: [1, "auRating", "rating"], readonly: [1, "auReadonly", "readonly"], resettable: [1, "auResettable", "resettable"], star: [1, "auStar", "star"], tabindex: [1, "auTabindex", "tabindex"], className: [1, "auClassName", "className"], ariaLabel: [1, "auAriaLabel", "ariaLabel"], ariaLabelledBy: [1, "auAriaLabelledBy", "ariaLabelledBy"] }, outputs: { hover: "auHover", leave: "auLeave", ratingChange: "auRatingChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RatingComponent), multi: true }]), i0.ɵɵInheritDefinitionFeature], attrs: _c0$9, decls: 2, vars: 0, consts: [[1, "visually-hidden"], [3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function RatingComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { ariaValueTextFn: [1, "auAriaValueTextFn", "ariaValueTextFn"], disabled: [1, "auDisabled", "disabled"], maxRating: [1, "auMaxRating", "maxRating"], rating: [1, "auRating", "rating"], readonly: [1, "auReadonly", "readonly"], resettable: [1, "auResettable", "resettable"], star: [1, "auStar", "star"], tabindex: [1, "auTabindex", "tabindex"], className: [1, "auClassName", "className"], ariaLabel: [1, "auAriaLabel", "ariaLabel"], ariaLabelledBy: [1, "auAriaLabelledBy", "ariaLabelledBy"] }, outputs: { hover: "auHover", leave: "auLeave", ratingChange: "auRatingChange" }, features: [i0.ɵɵProvidersFeature([{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RatingComponent), multi: true }]), i0.ɵɵInheritDefinitionFeature], attrs: _c0$a, decls: 2, vars: 0, consts: [[1, "visually-hidden"], [3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function RatingComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵrepeaterCreate(0, RatingComponent_For_1_Template, 4, 9, null, null, ctx.trackByIndex, true);
         } if (rf & 2) {
             i0.ɵɵrepeater(ctx.state.stars());
@@ -1606,10 +1612,10 @@ const export_getSelectDefaultConfig = getSelectDefaultConfig;
  */
 const export_createSelect = createSelect;
 
-const _c0$8 = ["auSelect", ""];
-const _c1$8 = (a0, a1) => [a0, a1];
-const _c2$7 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, itemContext: a3 });
-const _c3$7 = (a0, a1, a2) => [a0, a1, a2];
+const _c0$9 = ["auSelect", ""];
+const _c1$9 = (a0, a1) => [a0, a1];
+const _c2$8 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, itemContext: a3 });
+const _c3$8 = (a0, a1, a2) => [a0, a1, a2];
 function SelectComponent_Conditional_1_For_1_ng_template_1_Template(rf, ctx) { }
 function SelectComponent_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
@@ -1618,9 +1624,9 @@ function SelectComponent_Conditional_1_For_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const itemContext_r1 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c1$8, ctx_r1.directives.badgeAttributesDirective, itemContext_r1));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c1$9, ctx_r1.directives.badgeAttributesDirective, itemContext_r1));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", ctx_r1.state.badgeLabel())("auSlotProps", i0.ɵɵpureFunction4(6, _c2$7, ctx_r1.state, ctx_r1.api, ctx_r1.directives, itemContext_r1));
+    i0.ɵɵproperty("auSlot", ctx_r1.state.badgeLabel())("auSlotProps", i0.ɵɵpureFunction4(6, _c2$8, ctx_r1.state, ctx_r1.api, ctx_r1.directives, itemContext_r1));
 } }
 function SelectComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵrepeaterCreate(0, SelectComponent_Conditional_1_For_1_Template, 2, 11, "div", 3, i0.ɵɵcomponentInstance().itemCtxTrackBy, true);
@@ -1636,9 +1642,9 @@ function SelectComponent_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
     const itemContext_r3 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("text-bg-primary", itemContext_r3 === ctx_r1.state.highlighted());
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c1$8, ctx_r1.directives.itemAttributesDirective, itemContext_r3));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c1$9, ctx_r1.directives.itemAttributesDirective, itemContext_r3));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", ctx_r1.state.itemLabel())("auSlotProps", i0.ɵɵpureFunction4(8, _c2$7, ctx_r1.state, ctx_r1.api, ctx_r1.directives, itemContext_r3));
+    i0.ɵɵproperty("auSlot", ctx_r1.state.itemLabel())("auSlotProps", i0.ɵɵpureFunction4(8, _c2$8, ctx_r1.state, ctx_r1.api, ctx_r1.directives, itemContext_r3));
 } }
 function SelectComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ul", 2);
@@ -1646,7 +1652,7 @@ function SelectComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("auUseMulti", i0.ɵɵpureFunction3(1, _c3$7, ctx_r1.directives.hasFocusDirective, ctx_r1.directives.floatingDirective, ctx_r1.directives.menuAttributesDirective));
+    i0.ɵɵproperty("auUseMulti", i0.ɵɵpureFunction3(1, _c3$8, ctx_r1.directives.hasFocusDirective, ctx_r1.directives.floatingDirective, ctx_r1.directives.menuAttributesDirective));
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.state.visibleItems());
 } }
@@ -1721,17 +1727,17 @@ class SelectComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'Select'`
          */
-        this.ariaLabel = input(undefined, { alias: 'auAriaLabel' });
+        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
         /**
          * id used for the input inside the select
          */
-        this.id = input(undefined, { alias: 'auId' });
+        this.id = input(undefined, ...(ngDevMode ? [{ debugName: "id", alias: 'auId' }] : [{ alias: 'auId' }]));
         /**
          * List of available items for the dropdown
          *
          * @defaultValue `[]`
          */
-        this.items = input(undefined, { alias: 'auItems' });
+        this.items = input(undefined, ...(ngDevMode ? [{ debugName: "items", alias: 'auItems' }] : [{ alias: 'auItems' }]));
         /**
          * List of allowed placements for the dropdown.
          * This refers to the [allowedPlacements from floating UI](https://floating-ui.com/docs/autoPlacement#allowedplacements), given the different [Placement possibilities](https://floating-ui.com/docs/computePosition#placement).
@@ -1741,43 +1747,43 @@ class SelectComponent extends BaseWidgetDirective {
          * ['bottom-start', 'top-start', 'bottom-end', 'top-end']
          * ```
          */
-        this.allowedPlacements = input(undefined, { alias: 'auAllowedPlacements' });
+        this.allowedPlacements = input(undefined, ...(ngDevMode ? [{ debugName: "allowedPlacements", alias: 'auAllowedPlacements' }] : [{ alias: 'auAllowedPlacements' }]));
         /**
          * true if the select is open
          *
          * @defaultValue `false`
          */
-        this.open = input(undefined, { alias: 'auOpen', transform: auBooleanAttribute });
+        this.open = input(undefined, ...(ngDevMode ? [{ debugName: "open", alias: 'auOpen', transform: auBooleanAttribute }] : [{ alias: 'auOpen', transform: auBooleanAttribute }]));
         /**
          * Filtered text to be display in the filter input
          *
          * @defaultValue `''`
          */
-        this.filterText = input(undefined, { alias: 'auFilterText' });
+        this.filterText = input(undefined, ...(ngDevMode ? [{ debugName: "filterText", alias: 'auFilterText' }] : [{ alias: 'auFilterText' }]));
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * true if the select is disabled
          *
          * @defaultValue `false`
          */
-        this.disabled = input(undefined, { alias: 'auDisabled', transform: auBooleanAttribute });
+        this.disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
         /**
          * List of selected item ids
          *
          * @defaultValue `[]`
          */
-        this.selected = input(undefined, { alias: 'auSelected' });
+        this.selected = input(undefined, ...(ngDevMode ? [{ debugName: "selected", alias: 'auSelected' }] : [{ alias: 'auSelected' }]));
         /**
          * true if a loading process is being done
          *
          * @defaultValue `false`
          */
-        this.loading = input(undefined, { alias: 'auLoading', transform: auBooleanAttribute });
+        this.loading = input(undefined, ...(ngDevMode ? [{ debugName: "loading", alias: 'auLoading', transform: auBooleanAttribute }] : [{ alias: 'auLoading', transform: auBooleanAttribute }]));
         /**
          * Custom function to get the id of an item
          * By default, the item is returned
@@ -1787,13 +1793,13 @@ class SelectComponent extends BaseWidgetDirective {
          * (item: any) => '' + item
          * ```
          */
-        this.itemIdFn = input(undefined, { alias: 'auItemIdFn' });
+        this.itemIdFn = input(undefined, ...(ngDevMode ? [{ debugName: "itemIdFn", alias: 'auItemIdFn' }] : [{ alias: 'auItemIdFn' }]));
         /**
          * Class to be added on the dropdown menu container
          *
          * @defaultValue `''`
          */
-        this.menuClassName = input(undefined, { alias: 'auMenuClassName' });
+        this.menuClassName = input(undefined, ...(ngDevMode ? [{ debugName: "menuClassName", alias: 'auMenuClassName' }] : [{ alias: 'auMenuClassName' }]));
         /**
          * The template to override the way each badge on the left of the input is displayed.
          * This define the content of the badge inside the badge container.
@@ -1803,8 +1809,8 @@ class SelectComponent extends BaseWidgetDirective {
          * ({itemContext}: SelectItemContext<any>) => itemContext.item
          * ```
          */
-        this.badgeLabel = input(undefined, { alias: 'auBadgeLabel' });
-        this.slotSelectBadgeLabelFromContent = contentChild(SelectBadgeLabelDirective);
+        this.badgeLabel = input(undefined, ...(ngDevMode ? [{ debugName: "badgeLabel", alias: 'auBadgeLabel' }] : [{ alias: 'auBadgeLabel' }]));
+        this.slotSelectBadgeLabelFromContent = contentChild(SelectBadgeLabelDirective, ...(ngDevMode ? [{ debugName: "slotSelectBadgeLabelFromContent" }] : []));
         /**
          * The template to override the way each item is displayed in the list.
          * This define the content of the badge inside the badge container.
@@ -1814,8 +1820,8 @@ class SelectComponent extends BaseWidgetDirective {
          * ({itemContext}: SelectItemContext<any>) => itemContext.item
          * ```
          */
-        this.itemLabel = input(undefined, { alias: 'auItemLabel' });
-        this.slotSelectItemLabelFromContent = contentChild(SelectItemLabelDirective);
+        this.itemLabel = input(undefined, ...(ngDevMode ? [{ debugName: "itemLabel", alias: 'auItemLabel' }] : [{ alias: 'auItemLabel' }]));
+        this.slotSelectItemLabelFromContent = contentChild(SelectItemLabelDirective, ...(ngDevMode ? [{ debugName: "slotSelectItemLabelFromContent" }] : []));
         /**
          * Callback called when the text filter change
          * @param text - Filtered text
@@ -1850,13 +1856,13 @@ class SelectComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.menuItemClassName = input(undefined, { alias: 'auMenuItemClassName' });
+        this.menuItemClassName = input(undefined, ...(ngDevMode ? [{ debugName: "menuItemClassName", alias: 'auMenuItemClassName' }] : [{ alias: 'auMenuItemClassName' }]));
         /**
          * Class to be added on selected items (displayed in the input zone)
          *
          * @defaultValue `''`
          */
-        this.badgeClassName = input(undefined, { alias: 'auBadgeClassName' });
+        this.badgeClassName = input(undefined, ...(ngDevMode ? [{ debugName: "badgeClassName", alias: 'auBadgeClassName' }] : [{ alias: 'auBadgeClassName' }]));
         /**
          * Retrieves navigable elements within an HTML element containing badges and the input.
          *
@@ -1867,7 +1873,7 @@ class SelectComponent extends BaseWidgetDirective {
          * (node: HTMLElement) => node.querySelectorAll('.au-select-badge,input')
          * ```
          */
-        this.navSelector = input(undefined, { alias: 'auNavSelector' });
+        this.navSelector = input(undefined, ...(ngDevMode ? [{ debugName: "navSelector", alias: 'auNavSelector' }] : [{ alias: 'auNavSelector' }]));
     }
     itemCtxTrackBy(_, itemContext) {
         return itemContext.id;
@@ -1880,7 +1886,7 @@ class SelectComponent extends BaseWidgetDirective {
             i0.ɵɵqueryAdvance(2);
         } }, hostVars: 2, hostBindings: function SelectComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap("au-select dropdown border border-1 p-1 mb-3 d-block" + ctx.state.className());
-        } }, inputs: { ariaLabel: [1, "auAriaLabel", "ariaLabel"], id: [1, "auId", "id"], items: [1, "auItems", "items"], allowedPlacements: [1, "auAllowedPlacements", "allowedPlacements"], open: [1, "auOpen", "open"], filterText: [1, "auFilterText", "filterText"], className: [1, "auClassName", "className"], disabled: [1, "auDisabled", "disabled"], selected: [1, "auSelected", "selected"], loading: [1, "auLoading", "loading"], itemIdFn: [1, "auItemIdFn", "itemIdFn"], menuClassName: [1, "auMenuClassName", "menuClassName"], badgeLabel: [1, "auBadgeLabel", "badgeLabel"], itemLabel: [1, "auItemLabel", "itemLabel"], menuItemClassName: [1, "auMenuItemClassName", "menuItemClassName"], badgeClassName: [1, "auBadgeClassName", "badgeClassName"], navSelector: [1, "auNavSelector", "navSelector"] }, outputs: { filterTextChange: "auFilterTextChange", selectedChange: "auSelectedChange", openChange: "auOpenChange" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$8, decls: 4, vars: 8, consts: [[1, "d-flex", "align-items-center", "flex-wrap", "gap-1", 3, "auUseMulti"], [3, "auUse", "value"], [1, "dropdown-menu", "show", 3, "auUseMulti"], [3, "auUse"], [3, "auSlot", "auSlotProps"], [1, "dropdown-item", "position-relative", 3, "auUse", "text-bg-primary"], [1, "dropdown-item", "position-relative", 3, "auUse"]], template: function SelectComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { ariaLabel: [1, "auAriaLabel", "ariaLabel"], id: [1, "auId", "id"], items: [1, "auItems", "items"], allowedPlacements: [1, "auAllowedPlacements", "allowedPlacements"], open: [1, "auOpen", "open"], filterText: [1, "auFilterText", "filterText"], className: [1, "auClassName", "className"], disabled: [1, "auDisabled", "disabled"], selected: [1, "auSelected", "selected"], loading: [1, "auLoading", "loading"], itemIdFn: [1, "auItemIdFn", "itemIdFn"], menuClassName: [1, "auMenuClassName", "menuClassName"], badgeLabel: [1, "auBadgeLabel", "badgeLabel"], itemLabel: [1, "auItemLabel", "itemLabel"], menuItemClassName: [1, "auMenuItemClassName", "menuItemClassName"], badgeClassName: [1, "auBadgeClassName", "badgeClassName"], navSelector: [1, "auNavSelector", "navSelector"] }, outputs: { filterTextChange: "auFilterTextChange", selectedChange: "auSelectedChange", openChange: "auOpenChange" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$9, decls: 4, vars: 8, consts: [[1, "d-flex", "align-items-center", "flex-wrap", "gap-1", 3, "auUseMulti"], [3, "auUse", "value"], [1, "dropdown-menu", "show", 3, "auUseMulti"], [3, "auUse"], [3, "auSlot", "auSlotProps"], [1, "dropdown-item", "position-relative", 3, "auUse", "text-bg-primary"], [1, "dropdown-item", "position-relative", 3, "auUse"]], template: function SelectComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, SelectComponent_Conditional_1_Template, 2, 0);
             i0.ɵɵelement(2, "input", 1);
@@ -1888,7 +1894,7 @@ class SelectComponent extends BaseWidgetDirective {
             i0.ɵɵconditionalCreate(3, SelectComponent_Conditional_3_Template, 3, 5, "ul", 2);
         } if (rf & 2) {
             let tmp_1_0;
-            i0.ɵɵproperty("auUseMulti", i0.ɵɵpureFunction2(5, _c1$8, ctx.directives.hasFocusDirective, ctx.directives.inputContainerDirective));
+            i0.ɵɵproperty("auUseMulti", i0.ɵɵpureFunction2(5, _c1$9, ctx.directives.hasFocusDirective, ctx.directives.inputContainerDirective));
             i0.ɵɵadvance();
             i0.ɵɵconditional((tmp_1_0 = ctx.state.selectedContexts()) ? 1 : -1, tmp_1_0);
             i0.ɵɵadvance();
@@ -1947,8 +1953,8 @@ const export_getAlertDefaultConfig = getAlertDefaultConfig;
  */
 const export_createAlert = createAlert;
 
-const _c0$7 = ["structure"];
-const _c1$7 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
+const _c0$8 = ["structure"];
+const _c1$8 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
 function AlertDefaultSlotsComponent_ng_template_0_ng_template_1_Template(rf, ctx) { }
 function AlertDefaultSlotsComponent_ng_template_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -1969,13 +1975,13 @@ function AlertDefaultSlotsComponent_ng_template_0_Template(rf, ctx) { if (rf & 1
     const api_r2 = ctx.api;
     const directives_r4 = ctx.directives;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r3.children())("auSlotProps", i0.ɵɵpureFunction3(3, _c1$7, state_r3, api_r2, directives_r4));
+    i0.ɵɵproperty("auSlot", state_r3.children())("auSlotProps", i0.ɵɵpureFunction3(3, _c1$8, state_r3, api_r2, directives_r4));
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r3.dismissible() ? 2 : -1);
 } }
-const _c2$6 = ["content"];
-const _c3$6 = ["auAlert", ""];
-const _c4$6 = ["*"];
+const _c2$7 = ["content"];
+const _c3$7 = ["auAlert", ""];
+const _c4$7 = ["*"];
 function AlertComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
@@ -1989,7 +1995,7 @@ function AlertComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassMap(i0.ɵɵinterpolate3("au-alert alert alert-", ctx_r0.state.type(), " ", ctx_r0.state.className(), " ", ctx_r0.state.dismissible() ? "alert-dismissible" : ""));
     i0.ɵɵproperty("auUse", ctx_r0.directives.transitionDirective);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", ctx_r0.state.structure())("auSlotProps", i0.ɵɵpureFunction3(8, _c1$7, ctx_r0.state, ctx_r0.api, ctx_r0.directives));
+    i0.ɵɵproperty("auSlot", ctx_r0.state.structure())("auSlotProps", i0.ɵɵpureFunction3(8, _c1$8, ctx_r0.state, ctx_r0.api, ctx_r0.directives));
 } }
 /**
  * Directive to be used as a structural directive for the body of an alert component.
@@ -2035,7 +2041,7 @@ class AlertDefaultSlotsComponent {
     }
     static { this.ɵfac = function AlertDefaultSlotsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AlertDefaultSlotsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertDefaultSlotsComponent, selectors: [["ng-component"]], viewQuery: function AlertDefaultSlotsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.structure, _c0$7, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c0$8, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, decls: 2, vars: 0, consts: [["structure", ""], ["auAlertStructure", ""], [1, "alert-body"], [3, "auSlot", "auSlotProps"], ["type", "button", 1, "btn-close"], ["type", "button", 1, "btn-close", 3, "click"]], template: function AlertDefaultSlotsComponent_Template(rf, ctx) { if (rf & 1) {
@@ -2092,14 +2098,14 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'primary'`
          */
-        this.type = input(undefined, { alias: 'auType' });
+        this.type = input(undefined, ...(ngDevMode ? [{ debugName: "type", alias: 'auType' }] : [{ alias: 'auType' }]));
         /**
          * If `true`, alert can be dismissed by the user.
          * The close button (×) will be displayed and you can be notified of the event with the (close) output.
          *
          * @defaultValue `true`
          */
-        this.dismissible = input(undefined, { alias: 'auDismissible', transform: auBooleanAttribute });
+        this.dismissible = input(undefined, ...(ngDevMode ? [{ debugName: "dismissible", alias: 'auDismissible', transform: auBooleanAttribute }] : [{ alias: 'auDismissible', transform: auBooleanAttribute }]));
         /**
          * The transition function will be executed when the alert is displayed or hidden.
          *
@@ -2107,13 +2113,13 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `fadeTransition`
          */
-        this.transition = input(undefined, { alias: 'auTransition' });
+        this.transition = input(undefined, ...(ngDevMode ? [{ debugName: "transition", alias: 'auTransition' }] : [{ alias: 'auTransition' }]));
         /**
          * If `true` the alert is visible to the user
          *
          * @defaultValue `true`
          */
-        this.visible = input(undefined, { alias: 'auVisible', transform: auBooleanAttribute });
+        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
         /**
          * If `true`, alert opening will be animated.
          *
@@ -2122,7 +2128,7 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `false`
          */
-        this.animatedOnInit = input(undefined, { alias: 'auAnimatedOnInit', transform: auBooleanAttribute });
+        this.animatedOnInit = input(undefined, ...(ngDevMode ? [{ debugName: "animatedOnInit", alias: 'auAnimatedOnInit', transform: auBooleanAttribute }] : [{ alias: 'auAnimatedOnInit', transform: auBooleanAttribute }]));
         /**
          * If `true`, alert closing will be animated.
          *
@@ -2131,23 +2137,23 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.animated = input(undefined, { alias: 'auAnimated', transform: auBooleanAttribute });
+        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
         /**
          * Accessibility close button label
          *
          * @defaultValue `'Close'`
          */
-        this.ariaCloseButtonLabel = input(undefined, { alias: 'auAriaCloseButtonLabel' });
+        this.ariaCloseButtonLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaCloseButtonLabel", alias: 'auAriaCloseButtonLabel' }] : [{ alias: 'auAriaCloseButtonLabel' }]));
         /**
          * Template for the alert content
          */
-        this.children = input(undefined, { alias: 'auChildren' });
-        this.slotDefaultFromContent = contentChild(AlertBodyDirective);
+        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.slotDefaultFromContent = contentChild(AlertBodyDirective, ...(ngDevMode ? [{ debugName: "slotDefaultFromContent" }] : []));
         /**
          * Global template for the alert component
          */
-        this.structure = input(undefined, { alias: 'auStructure' });
-        this.slotStructureFromContent = contentChild(AlertStructureDirective);
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.slotStructureFromContent = contentChild(AlertStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Callback called when the alert visibility changed.
          *
@@ -2180,8 +2186,8 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
-        this.slotChildren = viewChild('content');
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.slotChildren = viewChild('content', ...(ngDevMode ? [{ debugName: "slotChildren" }] : []));
     }
     static { this.ɵfac = function AlertComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AlertComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertComponent, selectors: [["", "auAlert", ""]], contentQueries: function AlertComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
@@ -2190,10 +2196,10 @@ class AlertComponent extends BaseWidgetDirective {
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, viewQuery: function AlertComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$6, 5);
+            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$7, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, inputs: { type: [1, "auType", "type"], dismissible: [1, "auDismissible", "dismissible"], transition: [1, "auTransition", "transition"], visible: [1, "auVisible", "visible"], animatedOnInit: [1, "auAnimatedOnInit", "animatedOnInit"], animated: [1, "auAnimated", "animated"], ariaCloseButtonLabel: [1, "auAriaCloseButtonLabel", "ariaCloseButtonLabel"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], className: [1, "auClassName", "className"] }, outputs: { visibleChange: "auVisibleChange", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$6, ngContentSelectors: _c4$6, decls: 3, vars: 1, consts: [["content", ""], ["role", "alert", 3, "auUse", "class"], ["role", "alert", 3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function AlertComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { type: [1, "auType", "type"], dismissible: [1, "auDismissible", "dismissible"], transition: [1, "auTransition", "transition"], visible: [1, "auVisible", "visible"], animatedOnInit: [1, "auAnimatedOnInit", "animatedOnInit"], animated: [1, "auAnimated", "animated"], ariaCloseButtonLabel: [1, "auAriaCloseButtonLabel", "ariaCloseButtonLabel"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], className: [1, "auClassName", "className"] }, outputs: { visibleChange: "auVisibleChange", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$7, ngContentSelectors: _c4$7, decls: 3, vars: 1, consts: [["content", ""], ["role", "alert", 3, "auUse", "class"], ["role", "alert", 3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function AlertComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, AlertComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵconditionalCreate(2, AlertComponent_Conditional_2_Template, 2, 12, "div", 1);
@@ -2253,8 +2259,8 @@ const export_createAccordion = createAccordion;
  */
 const export_factoryCreateAccordion = factoryCreateAccordion;
 
-const _c0$6 = ["structure"];
-const _c1$6 = (a0, a1, a2) => ({ state: a0, directives: a1, api: a2 });
+const _c0$7 = ["structure"];
+const _c1$7 = (a0, a1, a2) => ({ state: a0, directives: a1, api: a2 });
 function AccordionItemDefaultSlotsComponent_ng_template_0_Case_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 9);
 } if (rf & 2) {
@@ -2388,7 +2394,7 @@ function AccordionItemDefaultSlotsComponent_ng_template_0_ng_template_19_Templat
     const directives_r7 = ctx_r8.directives;
     i0.ɵɵproperty("auUse", directives_r7.buttonDirective);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlotProps", i0.ɵɵpureFunction3(3, _c1$6, state_r10, directives_r7, api_r11))("auSlot", state_r10.header());
+    i0.ɵɵproperty("auSlotProps", i0.ɵɵpureFunction3(3, _c1$7, state_r10, directives_r7, api_r11))("auSlot", state_r10.header());
 } }
 function AccordionItemDefaultSlotsComponent_ng_template_0_Conditional_21_ng_template_2_Template(rf, ctx) { }
 function AccordionItemDefaultSlotsComponent_ng_template_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
@@ -2404,7 +2410,7 @@ function AccordionItemDefaultSlotsComponent_ng_template_0_Conditional_21_Templat
     i0.ɵɵadvance();
     i0.ɵɵproperty("auUse", directives_r7.bodyDirective);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlotProps", i0.ɵɵpureFunction3(4, _c1$6, state_r10, directives_r7, api_r11))("auSlot", state_r10.children());
+    i0.ɵɵproperty("auSlotProps", i0.ɵɵpureFunction3(4, _c1$7, state_r10, directives_r7, api_r11))("auSlot", state_r10.children());
 } }
 function AccordionItemDefaultSlotsComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, AccordionItemDefaultSlotsComponent_ng_template_0_Case_0_Template, 1, 1, "ng-container", 9)(1, AccordionItemDefaultSlotsComponent_ng_template_0_Case_1_Template, 1, 1, "ng-container", 9)(2, AccordionItemDefaultSlotsComponent_ng_template_0_Case_2_Template, 1, 1, "ng-container", 9)(3, AccordionItemDefaultSlotsComponent_ng_template_0_Case_3_Template, 1, 1, "ng-container", 9)(4, AccordionItemDefaultSlotsComponent_ng_template_0_Case_4_Template, 1, 1, "ng-container", 9)(5, AccordionItemDefaultSlotsComponent_ng_template_0_Case_5_Template, 1, 1, "ng-container", 9)(6, AccordionItemDefaultSlotsComponent_ng_template_0_Case_6_Template, 1, 1, "ng-container", 9);
@@ -2417,10 +2423,10 @@ function AccordionItemDefaultSlotsComponent_ng_template_0_Template(rf, ctx) { if
     i0.ɵɵadvance(21);
     i0.ɵɵconditional(state_r10.shouldBeInDOM() ? 21 : -1);
 } }
-const _c2$5 = ["content"];
-const _c3$5 = ["auAccordionItem", ""];
-const _c4$5 = ["*"];
-const _c5$4 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
+const _c2$6 = ["content"];
+const _c3$6 = ["auAccordionItem", ""];
+const _c4$6 = ["*"];
+const _c5$5 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
 function AccordionItemComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
@@ -2489,7 +2495,7 @@ class AccordionItemDefaultSlotsComponent {
     }
     static { this.ɵfac = function AccordionItemDefaultSlotsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccordionItemDefaultSlotsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccordionItemDefaultSlotsComponent, selectors: [["ng-component"]], viewQuery: function AccordionItemDefaultSlotsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.structure, _c0$6, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c0$7, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, decls: 2, vars: 0, consts: [["structure", ""], ["h1", ""], ["h2", ""], ["h3", ""], ["h4", ""], ["h5", ""], ["h6", ""], ["button", ""], ["auAccordionItemStructure", ""], [3, "ngTemplateOutlet"], [1, "accordion-collapse", 3, "auUse"], [1, "accordion-header", 3, "auUse"], [1, "accordion-button", 3, "auUse"], [3, "auSlotProps", "auSlot"], [1, "accordion-body", 3, "auUse"]], template: function AccordionItemDefaultSlotsComponent_Template(rf, ctx) { if (rf & 1) {
@@ -2612,15 +2618,15 @@ class AccordionItemComponent extends BaseWidgetDirective {
          *
          * It is a prop of the accordion-item.
          */
-        this.header = input(undefined, { alias: 'auHeader' });
-        this.slotHeaderFromContent = contentChild(AccordionHeaderDirective);
+        this.header = input(undefined, ...(ngDevMode ? [{ debugName: "header", alias: 'auHeader' }] : [{ alias: 'auHeader' }]));
+        this.slotHeaderFromContent = contentChild(AccordionHeaderDirective, ...(ngDevMode ? [{ debugName: "slotHeaderFromContent" }] : []));
         /**
          * Content present in the accordion body.
          *
          * It is a prop of the accordion-item.
          */
-        this.children = input(undefined, { alias: 'auChildren' });
-        this.slotBodyFromContent = contentChild(AccordionBodyDirective);
+        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.slotBodyFromContent = contentChild(AccordionBodyDirective, ...(ngDevMode ? [{ debugName: "slotBodyFromContent" }] : []));
         /**
          * Structure of the accordion-item. The default item structure is: accordion-item
          * contains accordion header and accordion-item body container; the accordion header contains the accordion button
@@ -2629,60 +2635,60 @@ class AccordionItemComponent extends BaseWidgetDirective {
          *
          * It is a prop of the accordion-item.
          */
-        this.structure = input(undefined, { alias: 'auStructure' });
-        this.slotStructureFromContent = contentChild(AccordionItemStructureDirective);
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.slotStructureFromContent = contentChild(AccordionItemStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.
          */
-        this.id = input(undefined, { alias: 'auId' });
+        this.id = input(undefined, ...(ngDevMode ? [{ debugName: "id", alias: 'auId' }] : [{ alias: 'auId' }]));
         /**
          * The transition to use for the accordion-item body-container when the accordion-item is toggled.
          */
-        this.transition = input(undefined, { alias: 'auTransition' });
+        this.transition = input(undefined, ...(ngDevMode ? [{ debugName: "transition", alias: 'auTransition' }] : [{ alias: 'auTransition' }]));
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.
          */
-        this.destroyOnHide = input(undefined, { alias: 'auDestroyOnHide', transform: auBooleanAttribute });
+        this.destroyOnHide = input(undefined, ...(ngDevMode ? [{ debugName: "destroyOnHide", alias: 'auDestroyOnHide', transform: auBooleanAttribute }] : [{ alias: 'auDestroyOnHide', transform: auBooleanAttribute }]));
         /**
          * If `true`, the accordion-item will be disabled.
          * It will not react to user's clicks, but still will be possible to toggle programmatically.
          */
-        this.disabled = input(undefined, { alias: 'auDisabled', transform: auBooleanAttribute });
+        this.disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
         /**
          * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
          */
-        this.visible = input(undefined, { alias: 'auVisible', transform: auBooleanAttribute });
+        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
         /**
          * If `true`, accordion-item will be animated.
          */
-        this.animated = input(undefined, { alias: 'auAnimated', transform: auBooleanAttribute });
+        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
         /**
          * CSS classes to add on the accordion-item header DOM element.
          */
-        this.headerClassName = input(undefined, { alias: 'auHeaderClassName' });
+        this.headerClassName = input(undefined, ...(ngDevMode ? [{ debugName: "headerClassName", alias: 'auHeaderClassName' }] : [{ alias: 'auHeaderClassName' }]));
         /**
          * CSS classes to add on the accordion-item collapse DOM element.
          */
-        this.buttonClassName = input(undefined, { alias: 'auButtonClassName' });
+        this.buttonClassName = input(undefined, ...(ngDevMode ? [{ debugName: "buttonClassName", alias: 'auButtonClassName' }] : [{ alias: 'auButtonClassName' }]));
         /**
          * CSS classes to add on the accordion-item body container DOM element.
          * The accordion-item body container is the DOM element on what the itemTransition is applied.
          */
-        this.bodyContainerClassName = input(undefined, { alias: 'auBodyContainerClassName' });
+        this.bodyContainerClassName = input(undefined, ...(ngDevMode ? [{ debugName: "bodyContainerClassName", alias: 'auBodyContainerClassName' }] : [{ alias: 'auBodyContainerClassName' }]));
         /**
          * CSS classes to add on the accordion-item body DOM element.
          */
-        this.bodyClassName = input(undefined, { alias: 'auBodyClassName' });
+        this.bodyClassName = input(undefined, ...(ngDevMode ? [{ debugName: "bodyClassName", alias: 'auBodyClassName' }] : [{ alias: 'auBodyClassName' }]));
         /**
          * The html tag to use for the accordion-item-header.
          */
-        this.headingTag = input(undefined, { alias: 'auHeadingTag' });
+        this.headingTag = input(undefined, ...(ngDevMode ? [{ debugName: "headingTag", alias: 'auHeadingTag' }] : [{ alias: 'auHeadingTag' }]));
         /**
          * An event fired when an item is shown.
          */
@@ -2697,7 +2703,7 @@ class AccordionItemComponent extends BaseWidgetDirective {
          * Event payload is the new value of visible.
          */
         this.visibleChange = output({ alias: 'auVisibleChange' });
-        this.slotChildren = viewChild('content');
+        this.slotChildren = viewChild('content', ...(ngDevMode ? [{ debugName: "slotChildren" }] : []));
     }
     ngAfterViewInit() {
         queueMicrotask(() => this.api.initDone());
@@ -2710,15 +2716,15 @@ class AccordionItemComponent extends BaseWidgetDirective {
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(3);
         } }, viewQuery: function AccordionItemComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$5, 5);
+            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$6, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, hostAttrs: [1, "accordion-item"], inputs: { header: [1, "auHeader", "header"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], id: [1, "auId", "id"], transition: [1, "auTransition", "transition"], className: [1, "auClassName", "className"], destroyOnHide: [1, "auDestroyOnHide", "destroyOnHide"], disabled: [1, "auDisabled", "disabled"], visible: [1, "auVisible", "visible"], animated: [1, "auAnimated", "animated"], headerClassName: [1, "auHeaderClassName", "headerClassName"], buttonClassName: [1, "auButtonClassName", "buttonClassName"], bodyContainerClassName: [1, "auBodyContainerClassName", "bodyContainerClassName"], bodyClassName: [1, "auBodyClassName", "bodyClassName"], headingTag: [1, "auHeadingTag", "headingTag"] }, outputs: { shown: "auShown", hidden: "auHidden", visibleChange: "auVisibleChange" }, exportAs: ["auAccordionItem"], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$5, ngContentSelectors: _c4$5, decls: 3, vars: 6, consts: [["content", ""], [3, "auSlotProps", "auSlot"]], template: function AccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, hostAttrs: [1, "accordion-item"], inputs: { header: [1, "auHeader", "header"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], id: [1, "auId", "id"], transition: [1, "auTransition", "transition"], className: [1, "auClassName", "className"], destroyOnHide: [1, "auDestroyOnHide", "destroyOnHide"], disabled: [1, "auDisabled", "disabled"], visible: [1, "auVisible", "visible"], animated: [1, "auAnimated", "animated"], headerClassName: [1, "auHeaderClassName", "headerClassName"], buttonClassName: [1, "auButtonClassName", "buttonClassName"], bodyContainerClassName: [1, "auBodyContainerClassName", "bodyContainerClassName"], bodyClassName: [1, "auBodyClassName", "bodyClassName"], headingTag: [1, "auHeadingTag", "headingTag"] }, outputs: { shown: "auShown", hidden: "auHidden", visibleChange: "auVisibleChange" }, exportAs: ["auAccordionItem"], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$6, ngContentSelectors: _c4$6, decls: 3, vars: 6, consts: [["content", ""], [3, "auSlotProps", "auSlot"]], template: function AccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, AccordionItemComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(2, AccordionItemComponent_ng_template_2_Template, 0, 0, "ng-template", 1);
         } if (rf & 2) {
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("auSlotProps", i0.ɵɵpureFunction3(2, _c5$4, ctx.state, ctx.api, ctx.directives))("auSlot", ctx.state.structure());
+            i0.ɵɵproperty("auSlotProps", i0.ɵɵpureFunction3(2, _c5$5, ctx.state, ctx.api, ctx.directives))("auSlot", ctx.state.structure());
         } }, dependencies: [SlotDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionItemComponent, [{
@@ -2761,13 +2767,13 @@ class AccordionDirective extends BaseWidgetDirective {
          *
          * @defaultValue `false`
          */
-        this.closeOthers = input(undefined, { alias: 'auCloseOthers', transform: auBooleanAttribute });
+        this.closeOthers = input(undefined, ...(ngDevMode ? [{ debugName: "closeOthers", alias: 'auCloseOthers', transform: auBooleanAttribute }] : [{ alias: 'auCloseOthers', transform: auBooleanAttribute }]));
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * An event fired when an item is shown.
          *
@@ -2795,13 +2801,13 @@ class AccordionDirective extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.itemDestroyOnHide = input(undefined, { alias: 'auItemDestroyOnHide', transform: auBooleanAttribute });
+        this.itemDestroyOnHide = input(undefined, ...(ngDevMode ? [{ debugName: "itemDestroyOnHide", alias: 'auItemDestroyOnHide', transform: auBooleanAttribute }] : [{ alias: 'auItemDestroyOnHide', transform: auBooleanAttribute }]));
         /**
          * If `true`, accordion-item will be animated.
          *
          * @defaultValue `true`
          */
-        this.itemAnimated = input(undefined, { alias: 'auItemAnimated', transform: auBooleanAttribute });
+        this.itemAnimated = input(undefined, ...(ngDevMode ? [{ debugName: "itemAnimated", alias: 'auItemAnimated', transform: auBooleanAttribute }] : [{ alias: 'auItemAnimated', transform: auBooleanAttribute }]));
         /**
          * The transition to use for the accordion-item body-container when the accordion-item is toggled.
          *
@@ -2810,7 +2816,7 @@ class AccordionDirective extends BaseWidgetDirective {
          * collapseVerticalTransition
          * ```
          */
-        this.itemTransition = input(undefined, { alias: 'auItemTransition' });
+        this.itemTransition = input(undefined, ...(ngDevMode ? [{ debugName: "itemTransition", alias: 'auItemTransition' }] : [{ alias: 'auItemTransition' }]));
         /**
          * Structure of the accordion-item. The default item structure is: accordion-item
          * contains accordion header and accordion-item body container; the accordion header contains the accordion button
@@ -2819,44 +2825,44 @@ class AccordionDirective extends BaseWidgetDirective {
          *
          * It is a prop of the accordion-item.
          */
-        this.itemStructure = input(undefined, { alias: 'auItemStructure' });
+        this.itemStructure = input(undefined, ...(ngDevMode ? [{ debugName: "itemStructure", alias: 'auItemStructure' }] : [{ alias: 'auItemStructure' }]));
         /**
          * CSS classes to add on the accordion-item DOM element.
          *
          * @defaultValue `''`
          */
-        this.itemClassName = input(undefined, { alias: 'auItemClassName' });
+        this.itemClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemClassName", alias: 'auItemClassName' }] : [{ alias: 'auItemClassName' }]));
         /**
          * CSS classes to add on the accordion-item header DOM element.
          *
          * @defaultValue `''`
          */
-        this.itemHeaderClassName = input(undefined, { alias: 'auItemHeaderClassName' });
+        this.itemHeaderClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemHeaderClassName", alias: 'auItemHeaderClassName' }] : [{ alias: 'auItemHeaderClassName' }]));
         /**
          * CSS classes to add on the accordion-item toggle button DOM element.
          *
          * @defaultValue `''`
          */
-        this.itemButtonClassName = input(undefined, { alias: 'auItemButtonClassName' });
+        this.itemButtonClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemButtonClassName", alias: 'auItemButtonClassName' }] : [{ alias: 'auItemButtonClassName' }]));
         /**
          * CSS classes to add on the accordion-item body container DOM element.
          * The accordion-item body container is the DOM element on what the itemTransition is applied.
          *
          * @defaultValue `''`
          */
-        this.itemBodyContainerClassName = input(undefined, { alias: 'auItemBodyContainerClassName' });
+        this.itemBodyContainerClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemBodyContainerClassName", alias: 'auItemBodyContainerClassName' }] : [{ alias: 'auItemBodyContainerClassName' }]));
         /**
          * CSS classes to add on the accordion-item body DOM element.
          *
          * @defaultValue `''`
          */
-        this.itemBodyClassName = input(undefined, { alias: 'auItemBodyClassName' });
+        this.itemBodyClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemBodyClassName", alias: 'auItemBodyClassName' }] : [{ alias: 'auItemBodyClassName' }]));
         /**
          * The html tag to use for the accordion-item-header.
          *
          * @defaultValue `''`
          */
-        this.itemHeadingTag = input(undefined, { alias: 'auItemHeadingTag' });
+        this.itemHeadingTag = input(undefined, ...(ngDevMode ? [{ debugName: "itemHeadingTag", alias: 'auItemHeadingTag' }] : [{ alias: 'auItemHeadingTag' }]));
     }
     static { this.ɵfac = function AccordionDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccordionDirective)(); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AccordionDirective, selectors: [["", "auAccordion", ""]], hostAttrs: [1, "accordion"], inputs: { closeOthers: [1, "auCloseOthers", "closeOthers"], className: [1, "auClassName", "className"], itemDestroyOnHide: [1, "auItemDestroyOnHide", "itemDestroyOnHide"], itemAnimated: [1, "auItemAnimated", "itemAnimated"], itemTransition: [1, "auItemTransition", "itemTransition"], itemStructure: [1, "auItemStructure", "itemStructure"], itemClassName: [1, "auItemClassName", "itemClassName"], itemHeaderClassName: [1, "auItemHeaderClassName", "itemHeaderClassName"], itemButtonClassName: [1, "auItemButtonClassName", "itemButtonClassName"], itemBodyContainerClassName: [1, "auItemBodyContainerClassName", "itemBodyContainerClassName"], itemBodyClassName: [1, "auItemBodyClassName", "itemBodyClassName"], itemHeadingTag: [1, "auItemHeadingTag", "itemHeadingTag"] }, outputs: { itemShown: "auItemShown", itemHidden: "auItemHidden" }, exportAs: ["auAccordion"], features: [i0.ɵɵInheritDefinitionFeature] }); }
@@ -2884,9 +2890,9 @@ const export_getSliderDefaultConfig = getSliderDefaultConfig;
  */
 const export_createSlider = createSlider;
 
-const _c0$5 = ["handle"];
-const _c1$5 = a0 => ({ item: a0 });
-const _c2$4 = (a0, a1) => [a0, a1];
+const _c0$6 = ["handle"];
+const _c1$6 = a0 => ({ item: a0 });
+const _c2$5 = (a0, a1) => [a0, a1];
 function SliderDefaultHandleSlotComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 2);
@@ -2895,10 +2901,10 @@ function SliderDefaultHandleSlotComponent_ng_template_0_Template(rf, ctx) { if (
 } if (rf & 2) {
     const directives_r3 = ctx.directives;
     const item_r4 = ctx.item;
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$4, directives_r3.handleDirective, i0.ɵɵpureFunction1(1, _c1$5, item_r4)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$5, directives_r3.handleDirective, i0.ɵɵpureFunction1(1, _c1$6, item_r4)));
 } }
-const _c3$4 = ["tick"];
-const _c4$4 = a0 => ({ tick: a0 });
+const _c3$5 = ["tick"];
+const _c4$5 = a0 => ({ tick: a0 });
 function SliderDefaultTickSlotComponent_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 2);
     i0.ɵɵtext(1);
@@ -2907,7 +2913,7 @@ function SliderDefaultTickSlotComponent_ng_template_0_Conditional_0_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext();
     const directives_r2 = ctx_r0.directives;
     const tick_r3 = ctx_r0.tick;
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(4, _c2$4, directives_r2.tickLabelDirective, i0.ɵɵpureFunction1(2, _c4$4, tick_r3)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(4, _c2$5, directives_r2.tickLabelDirective, i0.ɵɵpureFunction1(2, _c4$5, tick_r3)));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", tick_r3.value, " ");
 } }
@@ -2929,13 +2935,13 @@ function SliderDefaultTickSlotComponent_ng_template_0_Template(rf, ctx) { if (rf
     const tick_r3 = ctx.tick;
     i0.ɵɵconditional(tick_r3.displayLabel ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(9, _c2$4, directives_r2.tickDirective, i0.ɵɵpureFunction1(7, _c4$4, tick_r3)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(9, _c2$5, directives_r2.tickDirective, i0.ɵɵpureFunction1(7, _c4$5, 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$3 = ["structure"];
+const _c5$4 = ["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 });
@@ -2948,7 +2954,7 @@ function SliderDefaultStructureSlotComponent_ng_template_0_For_1_Template(rf, ct
 } if (rf & 2) {
     const option_r1 = ctx.$implicit;
     const directives_r2 = i0.ɵɵnextContext().directives;
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$4, directives_r2.progressDisplayDirective, i0.ɵɵpureFunction1(1, _c6$1, option_r1)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c2$5, 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) { }
@@ -3037,7 +3043,7 @@ function SliderDefaultStructureSlotComponent_ng_template_0_For_8_Conditional_1_T
     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$4, directives_r2.handleLabelDisplayDirective, i0.ɵɵpureFunction1(3, _c10, ɵ$index_35_r7)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c2$5, directives_r2.handleLabelDisplayDirective, i0.ɵɵpureFunction1(3, _c10, ɵ$index_35_r7)));
     i0.ɵɵadvance();
     i0.ɵɵproperty("auSlot", state_r4.label())("auSlotProps", i0.ɵɵpureFunction4(8, _c7$1, state_r4, api_r5, directives_r2, state_r4.values()[ɵ$index_35_r7]));
 } }
@@ -3148,7 +3154,7 @@ class SliderDefaultHandleSlotComponent {
     }
     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$5, 5);
+            i0.ɵɵviewQuerySignal(ctx.handle, _c0$6, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, decls: 2, vars: 0, consts: [["handle", ""], ["auSliderHandle", ""], [3, "keydown", "auUse"]], template: function SliderDefaultHandleSlotComponent_Template(rf, ctx) { if (rf & 1) {
@@ -3197,7 +3203,7 @@ class SliderDefaultTickSlotComponent {
     }
     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$4, 5);
+            i0.ɵɵviewQuerySignal(ctx.tick, _c3$5, 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) {
@@ -3258,7 +3264,7 @@ 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, _c5$3, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c5$4, 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) {
@@ -3350,70 +3356,70 @@ class SliderComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * Minimum value that can be assigned to the slider
          *
          * @defaultValue `0`
          */
-        this.min = input(undefined, { alias: 'auMin', transform: auNumberAttribute });
+        this.min = input(undefined, ...(ngDevMode ? [{ debugName: "min", alias: 'auMin', transform: auNumberAttribute }] : [{ alias: 'auMin', transform: auNumberAttribute }]));
         /**
          * Maximum value that can be assigned to the slider
          *
          * @defaultValue `100`
          */
-        this.max = input(undefined, { alias: 'auMax', transform: auNumberAttribute });
+        this.max = input(undefined, ...(ngDevMode ? [{ debugName: "max", alias: 'auMax', transform: auNumberAttribute }] : [{ 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 });
+        this.minRange = input(undefined, ...(ngDevMode ? [{ debugName: "minRange", alias: 'auMinRange', transform: auNumberAttribute }] : [{ 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 });
+        this.maxRange = input(undefined, ...(ngDevMode ? [{ debugName: "maxRange", alias: 'auMaxRange', transform: auNumberAttribute }] : [{ 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 });
+        this.pushRange = input(undefined, ...(ngDevMode ? [{ debugName: "pushRange", alias: 'auPushRange', transform: auBooleanAttribute }] : [{ alias: 'auPushRange', transform: auBooleanAttribute }]));
         /**
          * Unit value between slider steps
          *
          * @defaultValue `1`
          */
-        this.stepSize = input(undefined, { alias: 'auStepSize', transform: auNumberAttribute });
+        this.stepSize = input(undefined, ...(ngDevMode ? [{ debugName: "stepSize", alias: 'auStepSize', transform: auNumberAttribute }] : [{ alias: 'auStepSize', transform: auNumberAttribute }]));
         /**
          * Current slider values
          *
          * @defaultValue `[0]`
          */
-        this.values = input(undefined, { alias: 'auValues' });
+        this.values = input(undefined, ...(ngDevMode ? [{ debugName: "values", alias: 'auValues' }] : [{ alias: 'auValues' }]));
         /**
          * It `true` slider display is inversed
          *
          * @defaultValue `false`
          */
-        this.rtl = input(undefined, { alias: 'auRtl', transform: auBooleanAttribute });
+        this.rtl = input(undefined, ...(ngDevMode ? [{ debugName: "rtl", alias: 'auRtl', transform: auBooleanAttribute }] : [{ alias: 'auRtl', transform: auBooleanAttribute }]));
         /**
          * If `true` the value labels are displayed on the slider
          *
          * @defaultValue `true`
          */
-        this.showValueLabels = input(undefined, { alias: 'auShowValueLabels', transform: auBooleanAttribute });
+        this.showValueLabels = input(undefined, ...(ngDevMode ? [{ debugName: "showValueLabels", alias: 'auShowValueLabels', transform: auBooleanAttribute }] : [{ alias: 'auShowValueLabels', transform: auBooleanAttribute }]));
         /**
          * If `true` the min and max labels are displayed on the slider
          *
          * @defaultValue `true`
          */
-        this.showMinMaxLabels = input(undefined, { alias: 'auShowMinMaxLabels', transform: auBooleanAttribute });
+        this.showMinMaxLabels = input(undefined, ...(ngDevMode ? [{ debugName: "showMinMaxLabels", alias: 'auShowMinMaxLabels', transform: auBooleanAttribute }] : [{ alias: 'auShowMinMaxLabels', transform: auBooleanAttribute }]));
         /**
          * Return the value for the 'aria-label' attribute for the handle
          * @param sortedIndex - index of the handle in the sorted list
@@ -3423,7 +3429,7 @@ class SliderComponent extends BaseWidgetDirective {
          * () => 'Value'
          * ```
          */
-        this.ariaLabel = input(undefined, { alias: 'auAriaLabel' });
+        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
         /**
          * Return the value for the 'aria-labelledBy' attribute for the handle
          * @param sortedIndex - index of the handle in the sorted list
@@ -3433,7 +3439,7 @@ class SliderComponent extends BaseWidgetDirective {
          * () => ''
          * ```
          */
-        this.ariaLabelledBy = input(undefined, { alias: 'auAriaLabelledBy' });
+        this.ariaLabelledBy = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelledBy", alias: 'auAriaLabelledBy' }] : [{ alias: 'auAriaLabelledBy' }]));
         /**
          * Return the value for the 'aria-valuetext' attribute for the handle
          * @param value - value of the handle
@@ -3444,44 +3450,44 @@ class SliderComponent extends BaseWidgetDirective {
          * (value: number) => ''
          * ```
          */
-        this.ariaValueText = input(undefined, { alias: 'auAriaValueText' });
+        this.ariaValueText = input(undefined, ...(ngDevMode ? [{ debugName: "ariaValueText", alias: 'auAriaValueText' }] : [{ alias: 'auAriaValueText' }]));
         /**
          * If `true` slider value cannot be changed but the slider is still focusable
          *
          * @defaultValue `false`
          */
-        this.readonly = input(undefined, { alias: 'auReadonly', transform: auBooleanAttribute });
+        this.readonly = input(undefined, ...(ngDevMode ? [{ debugName: "readonly", alias: 'auReadonly', transform: auBooleanAttribute }] : [{ alias: 'auReadonly', transform: auBooleanAttribute }]));
         /**
          * If `true` slider value cannot be changed and the slider cannot be focused
          *
          * @defaultValue `false`
          */
-        this.disabled = input(undefined, { alias: 'auDisabled', transform: auBooleanAttribute });
+        this.disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
         /**
          * If `true` is vertically positioned otherwise it is horizontal
          *
          * @defaultValue `false`
          */
-        this.vertical = input(undefined, { alias: 'auVertical', transform: auBooleanAttribute });
+        this.vertical = input(undefined, ...(ngDevMode ? [{ debugName: "vertical", alias: 'auVertical', transform: auBooleanAttribute }] : [{ alias: 'auVertical', transform: auBooleanAttribute }]));
         /**
          * If `true` the ticks are displayed on the slider
          *
          * @defaultValue `false`
          */
-        this.showTicks = input(undefined, { alias: 'auShowTicks', transform: auBooleanAttribute });
+        this.showTicks = input(undefined, ...(ngDevMode ? [{ debugName: "showTicks", alias: 'auShowTicks', transform: auBooleanAttribute }] : [{ 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 });
+        this.tickInterval = input(undefined, ...(ngDevMode ? [{ debugName: "tickInterval", alias: 'auTickInterval', transform: auNumberAttribute }] : [{ alias: 'auTickInterval', transform: auNumberAttribute }]));
         /**
          * If `true` the tick values are displayed on the slider
          *
          * @defaultValue `true`
          */
-        this.showTickValues = input(undefined, { alias: 'auShowTickValues', transform: auBooleanAttribute });
+        this.showTickValues = input(undefined, ...(ngDevMode ? [{ debugName: "showTickValues", alias: 'auShowTickValues', transform: auBooleanAttribute }] : [{ alias: 'auShowTickValues', transform: auBooleanAttribute }]));
         /**
          * An event emitted when slider values are changed
          *
@@ -3501,23 +3507,23 @@ class SliderComponent extends BaseWidgetDirective {
          * ({value}: SliderSlotLabelContext) => '' + value
          * ```
          */
-        this.label = input(undefined, { alias: 'auLabel' });
-        this.slotLabelFromContent = contentChild(SliderLabelDirective);
+        this.label = input(undefined, ...(ngDevMode ? [{ debugName: "label", alias: 'auLabel' }] : [{ alias: 'auLabel' }]));
+        this.slotLabelFromContent = contentChild(SliderLabelDirective, ...(ngDevMode ? [{ debugName: "slotLabelFromContent" }] : []));
         /**
          * Slot to change the default display of the slider
          */
-        this.structure = input(undefined, { alias: 'auStructure' });
-        this.slotStructureFromContent = contentChild(SliderStructureDirective);
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.slotStructureFromContent = contentChild(SliderStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Slot to change the handlers
          */
-        this.handle = input(undefined, { alias: 'auHandle' });
-        this.slotHandleFromContent = contentChild(SliderHandleDirective);
+        this.handle = input(undefined, ...(ngDevMode ? [{ debugName: "handle", alias: 'auHandle' }] : [{ alias: 'auHandle' }]));
+        this.slotHandleFromContent = contentChild(SliderHandleDirective, ...(ngDevMode ? [{ debugName: "slotHandleFromContent" }] : []));
         /**
          * Slot to change the ticks
          */
-        this.tick = input(undefined, { alias: 'auTick' });
-        this.slotTickFromContent = contentChild(SliderTickDirective);
+        this.tick = input(undefined, ...(ngDevMode ? [{ debugName: "tick", alias: 'auTick' }] : [{ alias: 'auTick' }]));
+        this.slotTickFromContent = contentChild(SliderTickDirective, ...(ngDevMode ? [{ debugName: "slotTickFromContent" }] : []));
         /**
          * Control value accessor methods
          */
@@ -3602,8 +3608,8 @@ const export_getProgressbarDefaultConfig = getProgressbarDefaultConfig;
  */
 const export_createProgressbar = createProgressbar;
 
-const _c0$4 = ["structure"];
-const _c1$4 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
+const _c0$5 = ["structure"];
+const _c1$5 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
 function ProgressbarDefaultSlotsComponent_ng_template_0_ng_template_2_Template(rf, ctx) { }
 function ProgressbarDefaultSlotsComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2)(1, "div", 3);
@@ -3619,11 +3625,11 @@ function ProgressbarDefaultSlotsComponent_ng_template_0_Template(rf, ctx) { if (
     i0.ɵɵclassProp("progress-bar-striped", state_r1.striped())("progress-bar-animated", state_r1.animated());
     i0.ɵɵproperty("ngClass", state_r1.type() ? "text-bg-" + state_r1.type() : undefined);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r1.children())("auSlotProps", i0.ɵɵpureFunction3(11, _c1$4, state_r1, api_r2, directives_r3));
+    i0.ɵɵproperty("auSlot", state_r1.children())("auSlotProps", i0.ɵɵpureFunction3(11, _c1$5, state_r1, api_r2, directives_r3));
 } }
-const _c2$3 = ["content"];
-const _c3$3 = ["auProgressbar", ""];
-const _c4$3 = ["*"];
+const _c2$4 = ["content"];
+const _c3$4 = ["auProgressbar", ""];
+const _c4$4 = ["*"];
 function ProgressbarComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
@@ -3671,7 +3677,7 @@ class ProgressbarDefaultSlotsComponent {
     }
     static { this.ɵfac = function ProgressbarDefaultSlotsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProgressbarDefaultSlotsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProgressbarDefaultSlotsComponent, selectors: [["ng-component"]], viewQuery: function ProgressbarDefaultSlotsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.structure, _c0$4, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c0$5, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, decls: 2, vars: 0, consts: [["structure", ""], ["auProgressbarStructure", ""], [1, "progress"], [1, "progress-bar", 3, "ngClass"], [3, "auSlot", "auSlotProps"]], template: function ProgressbarDefaultSlotsComponent_Template(rf, ctx) { if (rf & 1) {
@@ -3729,60 +3735,60 @@ class ProgressbarComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'Progressbar'`
          */
-        this.ariaLabel = input(undefined, { alias: 'auAriaLabel' });
+        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
         /**
          * The minimum value.
          *
          * @defaultValue `0`
          */
-        this.min = input(undefined, { alias: 'auMin', transform: auNumberAttribute });
+        this.min = input(undefined, ...(ngDevMode ? [{ debugName: "min", alias: 'auMin', transform: auNumberAttribute }] : [{ alias: 'auMin', transform: auNumberAttribute }]));
         /**
          * The maximum value.
          *
          * @defaultValue `100`
          */
-        this.max = input(undefined, { alias: 'auMax', transform: auNumberAttribute });
+        this.max = input(undefined, ...(ngDevMode ? [{ debugName: "max", alias: 'auMax', transform: auNumberAttribute }] : [{ alias: 'auMax', transform: auNumberAttribute }]));
         /**
          * The current value.
          *
          * @defaultValue `0`
          */
-        this.value = input(undefined, { alias: 'auValue', transform: auNumberAttribute });
+        this.value = input(undefined, ...(ngDevMode ? [{ debugName: "value", alias: 'auValue', transform: auNumberAttribute }] : [{ alias: 'auValue', transform: auNumberAttribute }]));
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * Label of the progress.
          */
-        this.children = input(undefined, { alias: 'auChildren' });
-        this.slotDefaultFromContent = contentChild(ProgressbarBodyDirective);
+        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.slotDefaultFromContent = contentChild(ProgressbarBodyDirective, ...(ngDevMode ? [{ debugName: "slotDefaultFromContent" }] : []));
         /**
          * Global template for the Progressbar.
          */
-        this.structure = input(undefined, { alias: 'auStructure' });
-        this.slotStructureFromContent = contentChild(ProgressbarStructureDirective);
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.slotStructureFromContent = contentChild(ProgressbarStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Height of the progressbar, can be any valid css height value.
          *
          * @defaultValue `''`
          */
-        this.height = input(undefined, { alias: 'auHeight' });
+        this.height = input(undefined, ...(ngDevMode ? [{ debugName: "height", alias: 'auHeight' }] : [{ alias: 'auHeight' }]));
         /**
          * If `true`, animates a striped progressbar.
          * Takes effect only for browsers supporting CSS3 animations, and if `striped` is `true`.
          *
          * @defaultValue `false`
          */
-        this.animated = input(undefined, { alias: 'auAnimated', transform: auBooleanAttribute });
+        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
         /**
          * If `true`, shows a striped progressbar.
          *
          * @defaultValue `false`
          */
-        this.striped = input(undefined, { alias: 'auStriped', transform: auBooleanAttribute });
+        this.striped = input(undefined, ...(ngDevMode ? [{ debugName: "striped", alias: 'auStriped', transform: auBooleanAttribute }] : [{ alias: 'auStriped', transform: auBooleanAttribute }]));
         /**
          * Return the value for the 'aria-valuetext' attribute.
          * @param value - current value
@@ -3794,12 +3800,12 @@ class ProgressbarComponent extends BaseWidgetDirective {
          * () => undefined
          * ```
          */
-        this.ariaValueTextFn = input(undefined, { alias: 'auAriaValueTextFn' });
+        this.ariaValueTextFn = input(undefined, ...(ngDevMode ? [{ debugName: "ariaValueTextFn", alias: 'auAriaValueTextFn' }] : [{ alias: 'auAriaValueTextFn' }]));
         /**
          * Type of the progressbar, following bootstrap types.
          */
-        this.type = input(undefined, { alias: 'auType' });
-        this.slotChildren = viewChild('content');
+        this.type = input(undefined, ...(ngDevMode ? [{ debugName: "type", alias: 'auType' }] : [{ alias: 'auType' }]));
+        this.slotChildren = viewChild('content', ...(ngDevMode ? [{ debugName: "slotChildren" }] : []));
     }
     static { this.ɵfac = function ProgressbarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProgressbarComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProgressbarComponent, selectors: [["", "auProgressbar", ""]], contentQueries: function ProgressbarComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
@@ -3808,17 +3814,17 @@ class ProgressbarComponent extends BaseWidgetDirective {
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, viewQuery: function ProgressbarComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$3, 5);
+            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$4, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, hostVars: 2, hostBindings: function ProgressbarComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵclassMap(ctx.state.className());
-        } }, inputs: { ariaLabel: [1, "auAriaLabel", "ariaLabel"], min: [1, "auMin", "min"], max: [1, "auMax", "max"], value: [1, "auValue", "value"], className: [1, "auClassName", "className"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], height: [1, "auHeight", "height"], animated: [1, "auAnimated", "animated"], striped: [1, "auStriped", "striped"], ariaValueTextFn: [1, "auAriaValueTextFn", "ariaValueTextFn"], type: [1, "auType", "type"] }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$3, ngContentSelectors: _c4$3, decls: 3, vars: 6, consts: [["content", ""], [3, "auSlot", "auSlotProps"]], template: function ProgressbarComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { ariaLabel: [1, "auAriaLabel", "ariaLabel"], min: [1, "auMin", "min"], max: [1, "auMax", "max"], value: [1, "auValue", "value"], className: [1, "auClassName", "className"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], height: [1, "auHeight", "height"], animated: [1, "auAnimated", "animated"], striped: [1, "auStriped", "striped"], ariaValueTextFn: [1, "auAriaValueTextFn", "ariaValueTextFn"], type: [1, "auType", "type"] }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$4, ngContentSelectors: _c4$4, decls: 3, vars: 6, consts: [["content", ""], [3, "auSlot", "auSlotProps"]], template: function ProgressbarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, ProgressbarComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(2, ProgressbarComponent_ng_template_2_Template, 0, 0, "ng-template", 1);
         } if (rf & 2) {
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c1$4, ctx.state, ctx.api, ctx.directives));
+            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c1$5, ctx.state, ctx.api, ctx.directives));
         } }, dependencies: [SlotDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProgressbarComponent, [{
@@ -3865,8 +3871,8 @@ const export_createToast = createToast;
 const export_toastPositions = toastPositions;
 const export_defaultToasterProps = defaultToasterProps;
 
-const _c0$3 = ["structure"];
-const _c1$3 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
+const _c0$4 = ["structure"];
+const _c1$4 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
 function ToastDefaultSlotsComponent_ng_template_0_Conditional_0_ng_template_1_Template(rf, ctx) { }
 function ToastDefaultSlotsComponent_ng_template_0_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "button", 6);
@@ -3885,7 +3891,7 @@ function ToastDefaultSlotsComponent_ng_template_0_Conditional_0_Template(rf, ctx
     const api_r4 = ctx_r1.api;
     const directives_r1 = ctx_r1.directives;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r3.header())("auSlotProps", i0.ɵɵpureFunction3(3, _c1$3, state_r3, api_r4, directives_r1));
+    i0.ɵɵproperty("auSlot", state_r3.header())("auSlotProps", i0.ɵɵpureFunction3(3, _c1$4, state_r3, api_r4, directives_r1));
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r3.dismissible() ? 2 : -1);
 } }
@@ -3908,14 +3914,14 @@ function ToastDefaultSlotsComponent_ng_template_0_Template(rf, ctx) { if (rf & 1
     const directives_r1 = ctx.directives;
     i0.ɵɵconditional(state_r3.header() ? 0 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("auSlot", state_r3.children())("auSlotProps", i0.ɵɵpureFunction3(4, _c1$3, state_r3, api_r4, directives_r1));
+    i0.ɵɵproperty("auSlot", state_r3.children())("auSlotProps", i0.ɵɵpureFunction3(4, _c1$4, state_r3, api_r4, directives_r1));
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r3.dismissible() && !state_r3.header() ? 3 : -1);
 } }
-const _c2$2 = ["content"];
-const _c3$2 = ["auToast", ""];
-const _c4$2 = ["*"];
-const _c5$2 = (a0, a1, a2) => [a0, a1, a2];
+const _c2$3 = ["content"];
+const _c3$3 = ["auToast", ""];
+const _c4$3 = ["*"];
+const _c5$3 = (a0, a1, a2) => [a0, a1, a2];
 function ToastComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵprojection(0);
 } }
@@ -3927,9 +3933,9 @@ function ToastComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("d-flex", !ctx_r0.state.header())("toast-dismissible", ctx_r0.state.dismissible());
-    i0.ɵɵproperty("auUseMulti", i0.ɵɵpureFunction3(7, _c5$2, ctx_r0.directives.autoHideDirective, ctx_r0.directives.transitionDirective, ctx_r0.directives.bodyDirective));
+    i0.ɵɵproperty("auUseMulti", i0.ɵɵpureFunction3(7, _c5$3, ctx_r0.directives.autoHideDirective, ctx_r0.directives.transitionDirective, ctx_r0.directives.bodyDirective));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", ctx_r0.state.structure())("auSlotProps", i0.ɵɵpureFunction3(11, _c1$3, ctx_r0.state, ctx_r0.api, ctx_r0.directives));
+    i0.ɵɵproperty("auSlot", ctx_r0.state.structure())("auSlotProps", i0.ɵɵpureFunction3(11, _c1$4, ctx_r0.state, ctx_r0.api, ctx_r0.directives));
 } }
 /**
  * Directive to represent the body of a toast notification.
@@ -3991,7 +3997,7 @@ class ToastDefaultSlotsComponent {
     }
     static { this.ɵfac = function ToastDefaultSlotsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToastDefaultSlotsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToastDefaultSlotsComponent, selectors: [["ng-component"]], viewQuery: function ToastDefaultSlotsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.structure, _c0$3, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c0$4, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, decls: 2, vars: 0, consts: [["structure", ""], ["auToastStructure", ""], [1, "toast-header"], [1, "toast-body"], [3, "auSlot", "auSlotProps"], [1, "btn-close", "btn-close-white", "me-2", "m-auto", 3, "auUse"], [1, "btn-close", "me-0", "ms-auto", 3, "auUse"]], template: function ToastDefaultSlotsComponent_Template(rf, ctx) { if (rf & 1) {
@@ -4055,7 +4061,7 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.dismissible = input(undefined, { alias: 'auDismissible', transform: auBooleanAttribute });
+        this.dismissible = input(undefined, ...(ngDevMode ? [{ debugName: "dismissible", alias: 'auDismissible', transform: auBooleanAttribute }] : [{ alias: 'auDismissible', transform: auBooleanAttribute }]));
         /**
          * The transition function will be executed when the alert is displayed or hidden.
          *
@@ -4063,13 +4069,13 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `fadeTransition`
          */
-        this.transition = input(undefined, { alias: 'auTransition' });
+        this.transition = input(undefined, ...(ngDevMode ? [{ debugName: "transition", alias: 'auTransition' }] : [{ alias: 'auTransition' }]));
         /**
          * If `true` the alert is visible to the user
          *
          * @defaultValue `true`
          */
-        this.visible = input(undefined, { alias: 'auVisible', transform: auBooleanAttribute });
+        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
         /**
          * If `true`, alert opening will be animated.
          *
@@ -4078,7 +4084,7 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `false`
          */
-        this.animatedOnInit = input(undefined, { alias: 'auAnimatedOnInit', transform: auBooleanAttribute });
+        this.animatedOnInit = input(undefined, ...(ngDevMode ? [{ debugName: "animatedOnInit", alias: 'auAnimatedOnInit', transform: auBooleanAttribute }] : [{ alias: 'auAnimatedOnInit', transform: auBooleanAttribute }]));
         /**
          * If `true`, alert closing will be animated.
          *
@@ -4087,40 +4093,40 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.animated = input(undefined, { alias: 'auAnimated', transform: auBooleanAttribute });
+        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
         /**
          * If `true` automatically hides the toast after the delay.
          *
          * @defaultValue `true`
          */
-        this.autoHide = input(undefined, { alias: 'auAutoHide', transform: auBooleanAttribute });
+        this.autoHide = input(undefined, ...(ngDevMode ? [{ debugName: "autoHide", alias: 'auAutoHide', transform: auBooleanAttribute }] : [{ alias: 'auAutoHide', transform: auBooleanAttribute }]));
         /**
          * Delay in milliseconds before hiding the toast.
          *
          * @defaultValue `5000`
          */
-        this.delay = input(undefined, { alias: 'auDelay', transform: auNumberAttribute });
+        this.delay = input(undefined, ...(ngDevMode ? [{ debugName: "delay", alias: 'auDelay', transform: auNumberAttribute }] : [{ alias: 'auDelay', transform: auNumberAttribute }]));
         /**
          * Accessibility close button label
          *
          * @defaultValue `'Close'`
          */
-        this.ariaCloseButtonLabel = input(undefined, { alias: 'auAriaCloseButtonLabel' });
+        this.ariaCloseButtonLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaCloseButtonLabel", alias: 'auAriaCloseButtonLabel' }] : [{ alias: 'auAriaCloseButtonLabel' }]));
         /**
          * Template for the toast content
          */
-        this.children = input(undefined, { alias: 'auChildren' });
-        this.slotDefaultFromContent = contentChild(ToastBodyDirective);
+        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.slotDefaultFromContent = contentChild(ToastBodyDirective, ...(ngDevMode ? [{ debugName: "slotDefaultFromContent" }] : []));
         /**
          * Global template for the toast component
          */
-        this.structure = input(undefined, { alias: 'auStructure' });
-        this.slotStructureFromContent = contentChild(ToastStructureDirective);
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.slotStructureFromContent = contentChild(ToastStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Header template for the toast component
          */
-        this.header = input(undefined, { alias: 'auHeader' });
-        this.slotHeaderFromContent = contentChild(ToastHeaderDirective);
+        this.header = input(undefined, ...(ngDevMode ? [{ debugName: "header", alias: 'auHeader' }] : [{ alias: 'auHeader' }]));
+        this.slotHeaderFromContent = contentChild(ToastHeaderDirective, ...(ngDevMode ? [{ debugName: "slotHeaderFromContent" }] : []));
         /**
          * Callback called when the alert visibility changed.
          *
@@ -4153,8 +4159,8 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
-        this.slotChildren = viewChild('content');
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.slotChildren = viewChild('content', ...(ngDevMode ? [{ debugName: "slotChildren" }] : []));
     }
     static { this.ɵfac = function ToastComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToastComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToastComponent, selectors: [["", "auToast", ""]], contentQueries: function ToastComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
@@ -4164,10 +4170,10 @@ class ToastComponent extends BaseWidgetDirective {
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(3);
         } }, viewQuery: function ToastComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$2, 5);
+            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$3, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, inputs: { dismissible: [1, "auDismissible", "dismissible"], transition: [1, "auTransition", "transition"], visible: [1, "auVisible", "visible"], animatedOnInit: [1, "auAnimatedOnInit", "animatedOnInit"], animated: [1, "auAnimated", "animated"], autoHide: [1, "auAutoHide", "autoHide"], delay: [1, "auDelay", "delay"], ariaCloseButtonLabel: [1, "auAriaCloseButtonLabel", "ariaCloseButtonLabel"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], header: [1, "auHeader", "header"], className: [1, "auClassName", "className"] }, outputs: { visibleChange: "auVisibleChange", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$2, ngContentSelectors: _c4$2, decls: 3, vars: 1, consts: [["content", ""], [3, "d-flex", "toast-dismissible", "auUseMulti"], [3, "auUseMulti"], [3, "auSlot", "auSlotProps"]], template: function ToastComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { dismissible: [1, "auDismissible", "dismissible"], transition: [1, "auTransition", "transition"], visible: [1, "auVisible", "visible"], animatedOnInit: [1, "auAnimatedOnInit", "animatedOnInit"], animated: [1, "auAnimated", "animated"], autoHide: [1, "auAutoHide", "autoHide"], delay: [1, "auDelay", "delay"], ariaCloseButtonLabel: [1, "auAriaCloseButtonLabel", "ariaCloseButtonLabel"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], header: [1, "auHeader", "header"], className: [1, "auClassName", "className"] }, outputs: { visibleChange: "auVisibleChange", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$3, ngContentSelectors: _c4$3, decls: 3, vars: 1, consts: [["content", ""], [3, "d-flex", "toast-dismissible", "auUseMulti"], [3, "auUseMulti"], [3, "auSlot", "auSlotProps"]], template: function ToastComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, ToastComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
             i0.ɵɵconditionalCreate(2, ToastComponent_Conditional_2_Template, 2, 15, "div", 1);
@@ -4218,37 +4224,37 @@ class CollapseDirective extends BaseWidgetDirective {
          *
          * @defaultValue `false`
          */
-        this.animatedOnInit = input(undefined, { alias: 'auAnimatedOnInit', transform: auBooleanAttribute });
+        this.animatedOnInit = input(undefined, ...(ngDevMode ? [{ debugName: "animatedOnInit", alias: 'auAnimatedOnInit', transform: auBooleanAttribute }] : [{ alias: 'auAnimatedOnInit', transform: auBooleanAttribute }]));
         /**
          * If `true`, collapse closing and opening will be animated.
          *
          * @defaultValue `true`
          */
-        this.animated = input(undefined, { alias: 'auAnimated', transform: auBooleanAttribute });
+        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * If `true`, collapse will be done horizontally.
          *
          * @defaultValue `false`
          */
-        this.horizontal = input(undefined, { alias: 'auHorizontal', transform: auBooleanAttribute });
+        this.horizontal = input(undefined, ...(ngDevMode ? [{ debugName: "horizontal", alias: 'auHorizontal', transform: auBooleanAttribute }] : [{ alias: 'auHorizontal', transform: auBooleanAttribute }]));
         /**
          * If `true` the collapse is visible to the user
          *
          * @defaultValue `true`
          */
-        this.visible = input(undefined, { alias: 'auVisible', transform: auBooleanAttribute });
+        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
         /**
          * id of the collapse
          *
          * @defaultValue `''`
          */
-        this.id = input(undefined, { alias: 'auId' });
+        this.id = input(undefined, ...(ngDevMode ? [{ debugName: "id", alias: 'auId' }] : [{ alias: 'auId' }]));
         /**
          * Callback called when the collapse visibility changed.
          *
@@ -4290,7 +4296,7 @@ class CollapseDirective extends BaseWidgetDirective {
     }], () => [], null); })();
 class CollapseTriggerDirective {
     constructor() {
-        this.auCollapseTrigger = input.required();
+        this.auCollapseTrigger = input.required(...(ngDevMode ? [{ debugName: "auCollapseTrigger" }] : []));
         this.injector = inject(Injector);
     }
     async ngOnInit() {
@@ -4333,8 +4339,8 @@ const export_getTreeDefaultConfig = getTreeDefaultConfig;
  */
 const export_createTree = createTree;
 
-const _c0$2 = ["structure"];
-const _c1$2 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, item: a3 });
+const _c0$3 = ["structure"];
+const _c1$3 = (a0, a1, a2, a3) => ({ state: a0, api: a1, directives: a2, item: a3 });
 function TreeDefaultStructureSlotComponent_ng_template_0_For_2_ng_template_0_Template(rf, ctx) { }
 function TreeDefaultStructureSlotComponent_ng_template_0_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, TreeDefaultStructureSlotComponent_ng_template_0_For_2_ng_template_0_Template, 0, 0, "ng-template", 3);
@@ -4344,7 +4350,7 @@ function TreeDefaultStructureSlotComponent_ng_template_0_For_2_Template(rf, ctx)
     const state_r3 = ctx_r1.state;
     const directives_r4 = ctx_r1.directives;
     const api_r5 = ctx_r1.api;
-    i0.ɵɵproperty("auSlot", state_r3.item())("auSlotProps", i0.ɵɵpureFunction4(2, _c1$2, state_r3, api_r5, directives_r4, node_r1));
+    i0.ɵɵproperty("auSlot", state_r3.item())("auSlotProps", i0.ɵɵpureFunction4(2, _c1$3, state_r3, api_r5, directives_r4, node_r1));
 } }
 function TreeDefaultStructureSlotComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ul", 2);
@@ -4358,9 +4364,9 @@ function TreeDefaultStructureSlotComponent_ng_template_0_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵrepeater(state_r3.normalizedNodes());
 } }
-const _c2$1 = ["toggle"];
-const _c3$1 = a0 => ({ item: a0 });
-const _c4$1 = (a0, a1) => [a0, a1];
+const _c2$2 = ["toggle"];
+const _c3$2 = a0 => ({ item: a0 });
+const _c4$2 = (a0, a1) => [a0, a1];
 function TreeDefaultItemToggleSlotComponent_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 2);
     i0.ɵɵnamespaceSVG();
@@ -4371,7 +4377,7 @@ function TreeDefaultItemToggleSlotComponent_ng_template_0_Conditional_0_Template
     const ctx_r0 = i0.ɵɵnextContext();
     const directives_r2 = ctx_r0.directives;
     const item_r3 = ctx_r0.item;
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c4$1, directives_r2.itemToggleDirective, i0.ɵɵpureFunction1(1, _c3$1, item_r3)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(3, _c4$2, directives_r2.itemToggleDirective, i0.ɵɵpureFunction1(1, _c3$2, item_r3)));
 } }
 function TreeDefaultItemToggleSlotComponent_ng_template_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 3);
@@ -4382,7 +4388,7 @@ function TreeDefaultItemToggleSlotComponent_ng_template_0_Template(rf, ctx) { if
     const item_r3 = ctx.item;
     i0.ɵɵconditional(item_r3.children.length > 0 ? 0 : 1);
 } }
-const _c5$1 = ["treeItemContent"];
+const _c5$2 = ["treeItemContent"];
 function TreeDefaultItemContentSlotComponent_ng_template_0_ng_template_1_Template(rf, ctx) { }
 function TreeDefaultItemContentSlotComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 2);
@@ -4395,7 +4401,7 @@ function TreeDefaultItemContentSlotComponent_ng_template_0_Template(rf, ctx) { i
     const item_r3 = ctx.item;
     const api_r4 = ctx.api;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r1.itemToggle())("auSlotProps", i0.ɵɵpureFunction4(3, _c1$2, state_r1, api_r4, directives_r2, item_r3));
+    i0.ɵɵproperty("auSlot", state_r1.itemToggle())("auSlotProps", i0.ɵɵpureFunction4(3, _c1$3, state_r1, api_r4, directives_r2, item_r3));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", item_r3.label, " ");
 } }
@@ -4410,7 +4416,7 @@ function TreeDefaultItemSlotComponent_ng_template_0_Conditional_2_For_2_Template
     const state_r3 = ctx_r1.state;
     const directives_r4 = ctx_r1.directives;
     const api_r5 = ctx_r1.api;
-    i0.ɵɵproperty("auSlot", state_r3.item())("auSlotProps", i0.ɵɵpureFunction4(2, _c1$2, state_r3, api_r5, directives_r4, child_r1));
+    i0.ɵɵproperty("auSlot", state_r3.item())("auSlotProps", i0.ɵɵpureFunction4(2, _c1$3, state_r3, api_r5, directives_r4, child_r1));
 } }
 function TreeDefaultItemSlotComponent_ng_template_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ul", 4);
@@ -4431,9 +4437,9 @@ function TreeDefaultItemSlotComponent_ng_template_0_Template(rf, ctx) { if (rf &
     const directives_r4 = ctx.directives;
     const item_r6 = ctx.item;
     const api_r5 = ctx.api;
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(6, _c4$1, directives_r4.itemAttributesDirective, i0.ɵɵpureFunction1(4, _c3$1, item_r6)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(6, _c4$2, directives_r4.itemAttributesDirective, i0.ɵɵpureFunction1(4, _c3$2, item_r6)));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r3.itemContent())("auSlotProps", i0.ɵɵpureFunction4(9, _c1$2, state_r3, api_r5, directives_r4, item_r6));
+    i0.ɵɵproperty("auSlot", state_r3.itemContent())("auSlotProps", i0.ɵɵpureFunction4(9, _c1$3, state_r3, api_r5, directives_r4, item_r6));
     i0.ɵɵadvance();
     i0.ɵɵconditional(state_r3.expandedMap().get(item_r6) ? 2 : -1);
 } }
@@ -4468,7 +4474,7 @@ class TreeDefaultStructureSlotComponent {
     }
     static { this.ɵfac = function TreeDefaultStructureSlotComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeDefaultStructureSlotComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TreeDefaultStructureSlotComponent, selectors: [["ng-component"]], viewQuery: function TreeDefaultStructureSlotComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.structure, _c0$2, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c0$3, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, decls: 2, vars: 0, consts: [["structure", ""], ["auTreeStructure", ""], ["role", "tree", 3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function TreeDefaultStructureSlotComponent_Template(rf, ctx) { if (rf & 1) {
@@ -4521,7 +4527,7 @@ class TreeDefaultItemToggleSlotComponent {
     }
     static { this.ɵfac = function TreeDefaultItemToggleSlotComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeDefaultItemToggleSlotComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TreeDefaultItemToggleSlotComponent, selectors: [["ng-component"]], viewQuery: function TreeDefaultItemToggleSlotComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.toggle, _c2$1, 5);
+            i0.ɵɵviewQuerySignal(ctx.toggle, _c2$2, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, 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) {
@@ -4578,7 +4584,7 @@ class TreeDefaultItemContentSlotComponent {
     }
     static { this.ɵfac = function TreeDefaultItemContentSlotComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeDefaultItemContentSlotComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TreeDefaultItemContentSlotComponent, selectors: [["ng-component"]], viewQuery: function TreeDefaultItemContentSlotComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.treeItemContent, _c5$1, 5);
+            i0.ɵɵviewQuerySignal(ctx.treeItemContent, _c5$2, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, decls: 2, vars: 0, consts: [["treeItemContent", ""], ["auTreeItemContent", ""], [1, "au-tree-item"], [3, "auSlot", "auSlotProps"]], template: function TreeDefaultItemContentSlotComponent_Template(rf, ctx) { if (rf & 1) {
@@ -4695,19 +4701,19 @@ class TreeComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.ariaLabel = input(undefined, { alias: 'auAriaLabel' });
+        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
         /**
          * Array of the tree nodes to display
          *
          * @defaultValue `[]`
          */
-        this.nodes = input(undefined, { alias: 'auNodes' });
+        this.nodes = input(undefined, ...(ngDevMode ? [{ debugName: "nodes", alias: 'auNodes' }] : [{ alias: 'auNodes' }]));
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * Retrieves expand items of the TreeItem
          *
@@ -4718,7 +4724,7 @@ class TreeComponent extends BaseWidgetDirective {
          * (node: HTMLElement) => node.querySelectorAll('button')
          * ```
          */
-        this.navSelector = input(undefined, { alias: 'auNavSelector' });
+        this.navSelector = input(undefined, ...(ngDevMode ? [{ debugName: "navSelector", alias: 'auNavSelector' }] : [{ alias: 'auNavSelector' }]));
         /**
          * Return the value for the 'aria-label' attribute of the toggle
          * @param label - tree item label
@@ -4728,7 +4734,7 @@ class TreeComponent extends BaseWidgetDirective {
          * (label: string) => `Toggle ${label}`
          * ```
          */
-        this.ariaLabelToggleFn = input(undefined, { alias: 'auAriaLabelToggleFn' });
+        this.ariaLabelToggleFn = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelToggleFn", alias: 'auAriaLabelToggleFn' }] : [{ alias: 'auAriaLabelToggleFn' }]));
         /**
          * An event emitted when the user toggles the expand of the TreeItem.
          *
@@ -4743,23 +4749,23 @@ class TreeComponent extends BaseWidgetDirective {
         /**
          * Slot to change the default tree item content
          */
-        this.itemContent = input(undefined, { alias: 'auItemContent' });
-        this.slotItemContentFromContent = contentChild(TreeItemContentDirective);
+        this.itemContent = input(undefined, ...(ngDevMode ? [{ debugName: "itemContent", alias: 'auItemContent' }] : [{ alias: 'auItemContent' }]));
+        this.slotItemContentFromContent = contentChild(TreeItemContentDirective, ...(ngDevMode ? [{ debugName: "slotItemContentFromContent" }] : []));
         /**
          * Slot to change the default display of the tree
          */
-        this.structure = input(undefined, { alias: 'auStructure' });
-        this.slotStructureFromContent = contentChild(TreeStructureDirective);
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.slotStructureFromContent = contentChild(TreeStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Slot to change the default tree item toggle
          */
-        this.itemToggle = input(undefined, { alias: 'auItemToggle' });
-        this.slotItemToggleFromContent = contentChild(TreeItemToggleDirective);
+        this.itemToggle = input(undefined, ...(ngDevMode ? [{ debugName: "itemToggle", alias: 'auItemToggle' }] : [{ alias: 'auItemToggle' }]));
+        this.slotItemToggleFromContent = contentChild(TreeItemToggleDirective, ...(ngDevMode ? [{ debugName: "slotItemToggleFromContent" }] : []));
         /**
          * Slot to change the default tree item
          */
-        this.item = input(undefined, { alias: 'auItem' });
-        this.slotItemFromContent = contentChild(TreeItemDirective);
+        this.item = input(undefined, ...(ngDevMode ? [{ debugName: "item", alias: 'auItem' }] : [{ alias: 'auItem' }]));
+        this.slotItemFromContent = contentChild(TreeItemDirective, ...(ngDevMode ? [{ debugName: "slotItemFromContent" }] : []));
     }
     static { this.ɵfac = function TreeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TreeComponent, selectors: [["", "auTree", ""]], contentQueries: function TreeComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
@@ -4800,11 +4806,11 @@ const export_getCarouselDefaultConfig = getCarouselDefaultConfig;
  */
 const export_createCarousel = createCarousel;
 
-const _c0$1 = ["structure"];
-const _c1$1 = ["navigation"];
-const _c2 = (a0, a1) => ({ index: a0, id: a1 });
-const _c3 = (a0, a1) => [a0, a1];
-const _c4 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
+const _c0$2 = ["structure"];
+const _c1$2 = ["navigation"];
+const _c2$1 = (a0, a1) => ({ index: a0, id: a1 });
+const _c3$1 = (a0, a1) => [a0, a1];
+const _c4$1 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
 const _forTrack0$1 = ($index, $item) => $item.id;
 function CarouselDefaultSlotsComponent_ng_template_0_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 6);
@@ -4851,7 +4857,7 @@ function CarouselDefaultSlotsComponent_ng_template_0_Conditional_1_For_2_Templat
     const ctx_r0 = i0.ɵɵnextContext(2);
     const state_r2 = ctx_r0.state;
     const directives_r3 = ctx_r0.directives;
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c3, directives_r3.tabIndicator, i0.ɵɵpureFunction2(2, _c2, ɵ$index_19_r7, slideData_r6.id)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(5, _c3$1, directives_r3.tabIndicator, i0.ɵɵpureFunction2(2, _c2$1, ɵ$index_19_r7, slideData_r6.id)));
     i0.ɵɵattribute("class", state_r2.selectedScrollSnap() === ɵ$index_19_r7 ? "active" : undefined);
 } }
 function CarouselDefaultSlotsComponent_ng_template_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -4889,9 +4895,9 @@ function CarouselDefaultSlotsComponent_ng_template_2_For_3_Template(rf, ctx) { i
     const api_r12 = ctx_r9.api;
     const directives_r13 = ctx_r9.directives;
     const ctx_r13 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(6, _c3, directives_r13.slide, i0.ɵɵpureFunction2(3, _c2, ɵ$index_28_r9, slideData_r8.id)));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(6, _c3$1, directives_r13.slide, i0.ɵɵpureFunction2(3, _c2$1, ɵ$index_28_r9, slideData_r8.id)));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("auSlot", state_r11.slide())("auSlotProps", ctx_r13.toSlideContext(slideData_r8, i0.ɵɵpureFunction3(9, _c4, state_r11, api_r12, directives_r13)));
+    i0.ɵɵproperty("auSlot", state_r11.slide())("auSlotProps", ctx_r13.toSlideContext(slideData_r8, i0.ɵɵpureFunction3(9, _c4$1, state_r11, api_r12, directives_r13)));
 } }
 function CarouselDefaultSlotsComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, CarouselDefaultSlotsComponent_ng_template_2_ng_template_0_Template, 0, 0, "ng-template", 8);
@@ -4902,13 +4908,13 @@ function CarouselDefaultSlotsComponent_ng_template_2_Template(rf, ctx) { if (rf
     const state_r11 = ctx.state;
     const api_r12 = ctx.api;
     const directives_r13 = ctx.directives;
-    i0.ɵɵproperty("auSlot", state_r11.navigation())("auSlotProps", i0.ɵɵpureFunction3(3, _c4, state_r11, api_r12, directives_r13));
+    i0.ɵɵproperty("auSlot", state_r11.navigation())("auSlotProps", i0.ɵɵpureFunction3(3, _c4$1, state_r11, api_r12, directives_r13));
     i0.ɵɵadvance();
     i0.ɵɵproperty("auUse", directives_r13.container);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(state_r11.slidesData());
 } }
-const _c5 = ["auCarousel", ""];
+const _c5$1 = ["auCarousel", ""];
 function CarouselComponent_ng_template_0_Template(rf, ctx) { }
 /**
  * Directive that provides a template reference for the carousel structure using the {@link CarouselContext}.
@@ -4974,8 +4980,8 @@ class CarouselDefaultSlotsComponent {
     }
     static { this.ɵfac = function CarouselDefaultSlotsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CarouselDefaultSlotsComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CarouselDefaultSlotsComponent, selectors: [["ng-component"]], viewQuery: function CarouselDefaultSlotsComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.structure, _c0$1, 5);
-            i0.ɵɵviewQuerySignal(ctx.navigation, _c1$1, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c0$2, 5);
+            i0.ɵɵviewQuerySignal(ctx.navigation, _c1$2, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, decls: 4, vars: 0, consts: [["navigation", ""], ["structure", ""], ["auCarouselNavigation", ""], ["auCarouselStructure", ""], [1, "carousel-indicators", 3, "auUse"], [3, "class", "auUse"], [3, "auUse"], ["data-bs-target", "true", 3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function CarouselDefaultSlotsComponent_Template(rf, ctx) { if (rf & 1) {
@@ -5059,141 +5065,141 @@ class CarouselComponent extends BaseWidgetDirective {
         /**
          * Aria label for navigation indicators
          */
-        this.ariaIndicatorLabel = input(undefined, { alias: 'auAriaIndicatorLabel' });
+        this.ariaIndicatorLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaIndicatorLabel", alias: 'auAriaIndicatorLabel' }] : [{ alias: 'auAriaIndicatorLabel' }]));
         /**
          * Aria label for previous button
          */
-        this.ariaPrevLabel = input(undefined, { alias: 'auAriaPrevLabel' });
+        this.ariaPrevLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaPrevLabel", alias: 'auAriaPrevLabel' }] : [{ alias: 'auAriaPrevLabel' }]));
         /**
          * Aria label for next button
          */
-        this.ariaNextLabel = input(undefined, { alias: 'auAriaNextLabel' });
+        this.ariaNextLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaNextLabel", alias: 'auAriaNextLabel' }] : [{ alias: 'auAriaNextLabel' }]));
         /**
          * Choose content direction between `ltr` and `rtl`
          *
          * @see {@link https://www.embla-carousel.com/api/options/#direction}
          * @defaultValue `'ltr'`
          */
-        this.direction = input(undefined, { alias: 'auDirection' });
+        this.direction = input(undefined, ...(ngDevMode ? [{ debugName: "direction", alias: 'auDirection' }] : [{ alias: 'auDirection' }]));
         /**
          * Enables momentum scrolling
          *
          * @see {@link https://www.embla-carousel.com/api/options/#dragFree}
          * @defaultValue `false`
          */
-        this.dragFree = input(undefined, { alias: 'auDragFree', transform: auBooleanAttribute });
+        this.dragFree = input(undefined, ...(ngDevMode ? [{ debugName: "dragFree", alias: 'auDragFree', transform: auBooleanAttribute }] : [{ alias: 'auDragFree', transform: auBooleanAttribute }]));
         /**
          * Drag threshold in pixels
          *
          * @see {@link https://www.embla-carousel.com/api/options/#dragThreshold}
          * @defaultValue `10`
          */
-        this.dragThreshold = input(undefined, { alias: 'auDragThreshold', transform: auNumberAttribute });
+        this.dragThreshold = input(undefined, ...(ngDevMode ? [{ debugName: "dragThreshold", alias: 'auDragThreshold', transform: auNumberAttribute }] : [{ alias: 'auDragThreshold', transform: auNumberAttribute }]));
         /**
          * Set scroll duration when triggered by any of the API methods
          *
          * @see {@link https://www.embla-carousel.com/api/options/#duration}
          * @defaultValue `25`
          */
-        this.duration = input(undefined, { alias: 'auDuration', transform: auNumberAttribute });
+        this.duration = input(undefined, ...(ngDevMode ? [{ debugName: "duration", alias: 'auDuration', transform: auNumberAttribute }] : [{ alias: 'auDuration', transform: auNumberAttribute }]));
         /**
          * Enables infinite looping
          *
          * @see {@link https://www.embla-carousel.com/api/options/#loop}
          * @defaultValue `false`
          */
-        this.loop = input(undefined, { alias: 'auLoop', transform: auBooleanAttribute });
+        this.loop = input(undefined, ...(ngDevMode ? [{ debugName: "loop", alias: 'auLoop', transform: auBooleanAttribute }] : [{ alias: 'auLoop', transform: auBooleanAttribute }]));
         /**
          * Allow the carousel to skip scroll snaps if it's dragged vigorously
          *
          * @see {@link https://www.embla-carousel.com/api/options/#skipsnaps}
          * @defaultValue `false`
          */
-        this.skipSnaps = input(undefined, { alias: 'auSkipSnaps', transform: auBooleanAttribute });
+        this.skipSnaps = input(undefined, ...(ngDevMode ? [{ debugName: "skipSnaps", alias: 'auSkipSnaps', transform: auBooleanAttribute }] : [{ alias: 'auSkipSnaps', transform: auBooleanAttribute }]));
         /**
          * If `true`, 'previous' and 'next' navigation arrows will be visible.
          */
-        this.showNavigationArrows = input(undefined, { alias: 'auShowNavigationArrows', transform: auBooleanAttribute });
+        this.showNavigationArrows = input(undefined, ...(ngDevMode ? [{ debugName: "showNavigationArrows", alias: 'auShowNavigationArrows', transform: auBooleanAttribute }] : [{ alias: 'auShowNavigationArrows', transform: auBooleanAttribute }]));
         /**
          * If `true`, navigation indicators at the bottom of the slide will be visible.
          */
-        this.showNavigationIndicators = input(undefined, { alias: 'auShowNavigationIndicators', transform: auBooleanAttribute });
+        this.showNavigationIndicators = input(undefined, ...(ngDevMode ? [{ debugName: "showNavigationIndicators", alias: 'auShowNavigationIndicators', transform: auBooleanAttribute }] : [{ alias: 'auShowNavigationIndicators', transform: auBooleanAttribute }]));
         /**
          * Plugins to extend the carousel with additional features
          * @defaultValue `[]`
          */
-        this.plugins = input(undefined, { alias: 'auPlugins' });
+        this.plugins = input(undefined, ...(ngDevMode ? [{ debugName: "plugins", alias: 'auPlugins' }] : [{ alias: 'auPlugins' }]));
         /**
          * Align the slides relative to the carousel viewport
          *
          * @see {@link https://www.embla-carousel.com/api/options/#align}
          * @defaultValue `'center'`
          */
-        this.align = input(undefined, { alias: 'auAlign' });
+        this.align = input(undefined, ...(ngDevMode ? [{ debugName: "align", alias: 'auAlign' }] : [{ alias: 'auAlign' }]));
         /**
          * Enables choosing a custom container element which holds the slides. By default, Embla will choose the first direct child element of the root element. Provide a valid CSS selector string.
          *
          * @see {@link https://www.embla-carousel.com/api/options/#container}
          */
-        this.container = input(undefined, { alias: 'auContainer' });
+        this.container = input(undefined, ...(ngDevMode ? [{ debugName: "container", alias: 'auContainer' }] : [{ alias: 'auContainer' }]));
         /**
          * Clear leading and trailing empty space that causes excessive scrolling
          *
          * @see {@link https://www.embla-carousel.com/api/options/#containScroll}
          * @defaultValue `'trimSnaps'`
          */
-        this.containScroll = input(undefined, { alias: 'auContainScroll' });
+        this.containScroll = input(undefined, ...(ngDevMode ? [{ debugName: "containScroll", alias: 'auContainScroll' }] : [{ alias: 'auContainScroll' }]));
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, { alias: 'auClassName' });
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
          * Class name to apply to the container of the carousel.
          *
          * @defaultValue `''`
          */
-        this.containerClass = input(undefined, { alias: 'auContainerClass' });
+        this.containerClass = input(undefined, ...(ngDevMode ? [{ debugName: "containerClass", alias: 'auContainerClass' }] : [{ alias: 'auContainerClass' }]));
         /**
          * Class name to apply to each slide in the carousel.
          *
          * @defaultValue `''`
          */
-        this.slideClass = input(undefined, { alias: 'auSlideClass' });
+        this.slideClass = input(undefined, ...(ngDevMode ? [{ debugName: "slideClass", alias: 'auSlideClass' }] : [{ alias: 'auSlideClass' }]));
         /**
          * The aria-live attribute value for the carousel container.
          *
          * @defaultValue `'polite'`
          */
-        this.ariaLive = input(undefined, { alias: 'auAriaLive' });
+        this.ariaLive = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLive", alias: 'auAriaLive' }] : [{ alias: 'auAriaLive' }]));
         /**
          * The data for each slide in the carousel.
          *
          * @defaultValue `[]`
          */
-        this.slidesData = input(undefined, { alias: 'auSlidesData' });
+        this.slidesData = input(undefined, ...(ngDevMode ? [{ debugName: "slidesData", alias: 'auSlidesData' }] : [{ alias: 'auSlidesData' }]));
         /**
          * The structure of the carousel.
          *
          * @defaultValue `undefined`
          */
-        this.structure = input(undefined, { alias: 'auStructure' });
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
         /**
          * The navigation layer of the carousel.
          *
          * @defaultValue `undefined`
          */
-        this.navigation = input(undefined, { alias: 'auNavigation' });
+        this.navigation = input(undefined, ...(ngDevMode ? [{ debugName: "navigation", alias: 'auNavigation' }] : [{ alias: 'auNavigation' }]));
         /**
          * The content of each slide in the carousel.
          *
          * @defaultValue `undefined`
          */
-        this.slide = input(undefined, { alias: 'auSlide' });
-        this.slotSlideFromContent = contentChild((CarouselSlideDirective));
-        this.slotStructureFromContent = contentChild((CarouselStructureDirective));
-        this.slotNavigationFromContent = contentChild((CarouselNavigationDirective));
+        this.slide = input(undefined, ...(ngDevMode ? [{ debugName: "slide", alias: 'auSlide' }] : [{ alias: 'auSlide' }]));
+        this.slotSlideFromContent = contentChild((CarouselSlideDirective), ...(ngDevMode ? [{ debugName: "slotSlideFromContent" }] : []));
+        this.slotStructureFromContent = contentChild((CarouselStructureDirective), ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
+        this.slotNavigationFromContent = contentChild((CarouselNavigationDirective), ...(ngDevMode ? [{ debugName: "slotNavigationFromContent" }] : []));
     }
     static { this.ɵfac = function CarouselComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CarouselComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CarouselComponent, selectors: [["", "auCarousel", ""]], contentQueries: function CarouselComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
@@ -5202,10 +5208,10 @@ class CarouselComponent extends BaseWidgetDirective {
             i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotNavigationFromContent, (CarouselNavigationDirective), 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(3);
-        } }, inputs: { ariaIndicatorLabel: [1, "auAriaIndicatorLabel", "ariaIndicatorLabel"], ariaPrevLabel: [1, "auAriaPrevLabel", "ariaPrevLabel"], ariaNextLabel: [1, "auAriaNextLabel", "ariaNextLabel"], direction: [1, "auDirection", "direction"], dragFree: [1, "auDragFree", "dragFree"], dragThreshold: [1, "auDragThreshold", "dragThreshold"], duration: [1, "auDuration", "duration"], loop: [1, "auLoop", "loop"], skipSnaps: [1, "auSkipSnaps", "skipSnaps"], showNavigationArrows: [1, "auShowNavigationArrows", "showNavigationArrows"], showNavigationIndicators: [1, "auShowNavigationIndicators", "showNavigationIndicators"], plugins: [1, "auPlugins", "plugins"], align: [1, "auAlign", "align"], container: [1, "auContainer", "container"], containScroll: [1, "auContainScroll", "containScroll"], className: [1, "auClassName", "className"], containerClass: [1, "auContainerClass", "containerClass"], slideClass: [1, "auSlideClass", "slideClass"], ariaLive: [1, "auAriaLive", "ariaLive"], slidesData: [1, "auSlidesData", "slidesData"], structure: [1, "auStructure", "structure"], navigation: [1, "auNavigation", "navigation"], slide: [1, "auSlide", "slide"] }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c5, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function CarouselComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { ariaIndicatorLabel: [1, "auAriaIndicatorLabel", "ariaIndicatorLabel"], ariaPrevLabel: [1, "auAriaPrevLabel", "ariaPrevLabel"], ariaNextLabel: [1, "auAriaNextLabel", "ariaNextLabel"], direction: [1, "auDirection", "direction"], dragFree: [1, "auDragFree", "dragFree"], dragThreshold: [1, "auDragThreshold", "dragThreshold"], duration: [1, "auDuration", "duration"], loop: [1, "auLoop", "loop"], skipSnaps: [1, "auSkipSnaps", "skipSnaps"], showNavigationArrows: [1, "auShowNavigationArrows", "showNavigationArrows"], showNavigationIndicators: [1, "auShowNavigationIndicators", "showNavigationIndicators"], plugins: [1, "auPlugins", "plugins"], align: [1, "auAlign", "align"], container: [1, "auContainer", "container"], containScroll: [1, "auContainScroll", "containScroll"], className: [1, "auClassName", "className"], containerClass: [1, "auContainerClass", "containerClass"], slideClass: [1, "auSlideClass", "slideClass"], ariaLive: [1, "auAriaLive", "ariaLive"], slidesData: [1, "auSlidesData", "slidesData"], structure: [1, "auStructure", "structure"], navigation: [1, "auNavigation", "navigation"], slide: [1, "auSlide", "slide"] }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c5$1, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function CarouselComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CarouselComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c4, ctx.state, ctx.api, ctx.directives));
+            i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c4$1, ctx.state, ctx.api, ctx.directives));
         } }, dependencies: [SlotDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CarouselComponent, [{
@@ -5230,8 +5236,8 @@ class ToasterService extends ToasterService$1 {
             }]
     }], null, null); })();
 
-const _c0 = ["auToaster", ""];
-const _c1 = (a0, a1) => [a0, a1];
+const _c0$1 = ["auToaster", ""];
+const _c1$1 = (a0, a1) => [a0, a1];
 const _forTrack0 = ($index, $item) => $item.id;
 function ToasterComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -5252,21 +5258,21 @@ function ToasterComponent_For_3_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const toast_r4 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(9, _c1, ctx_r1.toasterService.eventsDirective, toast_r4.id));
+    i0.ɵɵproperty("auUse", i0.ɵɵpureFunction2(9, _c1$1, ctx_r1.toasterService.eventsDirective, toast_r4.id));
     i0.ɵɵadvance();
     i0.ɵɵproperty("auDismissible", toast_r4.props.dismissible ?? ctx_r1.toasterService.options().dismissible)("auAnimated", toast_r4.props.animated)("auAutoHide", false)("auClassName", toast_r4.props.className)("auAriaCloseButtonLabel", toast_r4.props.ariaCloseButtonLabel)("auStructure", toast_r4.props.structure)("auChildren", toast_r4.props.children)("auHeader", toast_r4.props.header);
 } }
 class ToasterComponent {
     constructor() {
         this.toasterService = inject(ToasterService);
-        this.auDismissible = input(this.toasterService.options().dismissible);
-        this.auDuration = input(this.toasterService.options().duration);
-        this.auPosition = input(this.toasterService.options().position);
-        this.auLimit = input(this.toasterService.options().limit);
-        this.auPauseOnHover = input(this.toasterService.options().pauseOnHover);
-        this.auCloseAll = input(this.toasterService.options().closeAll);
-        this.auCloseAllLabel = input(this.toasterService.options().closeAllLabel);
-        this.positionClass = computed(() => export_toastPositions[this.toasterService.options().position]);
+        this.auDismissible = input(this.toasterService.options().dismissible, ...(ngDevMode ? [{ debugName: "auDismissible" }] : []));
+        this.auDuration = input(this.toasterService.options().duration, ...(ngDevMode ? [{ debugName: "auDuration" }] : []));
+        this.auPosition = input(this.toasterService.options().position, ...(ngDevMode ? [{ debugName: "auPosition" }] : []));
+        this.auLimit = input(this.toasterService.options().limit, ...(ngDevMode ? [{ debugName: "auLimit" }] : []));
+        this.auPauseOnHover = input(this.toasterService.options().pauseOnHover, ...(ngDevMode ? [{ debugName: "auPauseOnHover" }] : []));
+        this.auCloseAll = input(this.toasterService.options().closeAll, ...(ngDevMode ? [{ debugName: "auCloseAll" }] : []));
+        this.auCloseAllLabel = input(this.toasterService.options().closeAllLabel, ...(ngDevMode ? [{ debugName: "auCloseAllLabel" }] : []));
+        this.positionClass = computed(() => export_toastPositions[this.toasterService.options().position], ...(ngDevMode ? [{ debugName: "positionClass" }] : []));
         effect(() => {
             this.toasterService.options.update((options) => ({
                 ...options,
@@ -5285,7 +5291,7 @@ class ToasterComponent {
         toast.props.onHidden?.();
     }
     static { this.ɵfac = function ToasterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToasterComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToasterComponent, selectors: [["", "auToaster", ""]], hostAttrs: ["aria-live", "polite", "aria-atomic", "true", 1, "au-toaster"], inputs: { auDismissible: [1, "auDismissible"], auDuration: [1, "auDuration"], auPosition: [1, "auPosition"], auLimit: [1, "auLimit"], auPauseOnHover: [1, "auPauseOnHover"], auCloseAll: [1, "auCloseAll"], auCloseAllLabel: [1, "auCloseAllLabel"] }, attrs: _c0, decls: 4, vars: 3, consts: [[1, "d-flex", "position-relative", "align-items-end", "pb-2"], [3, "auUse"], [1, "au-toaster-closeAll", "btn", "btn-secondary", "me-0", "ms-auto", "pe-auto", 3, "click"], ["auToast", "", 3, "auHidden", "auVisibleChange", "auDismissible", "auAnimated", "auAutoHide", "auClassName", "auAriaCloseButtonLabel", "auStructure", "auChildren", "auHeader"]], template: function ToasterComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToasterComponent, selectors: [["", "auToaster", ""]], hostAttrs: ["aria-live", "polite", "aria-atomic", "true", 1, "au-toaster"], inputs: { auDismissible: [1, "auDismissible"], auDuration: [1, "auDuration"], auPosition: [1, "auPosition"], auLimit: [1, "auLimit"], auPauseOnHover: [1, "auPauseOnHover"], auCloseAll: [1, "auCloseAll"], auCloseAllLabel: [1, "auCloseAllLabel"] }, attrs: _c0$1, decls: 4, vars: 3, consts: [[1, "d-flex", "position-relative", "align-items-end", "pb-2"], [3, "auUse"], [1, "au-toaster-closeAll", "btn", "btn-secondary", "me-0", "ms-auto", "pe-auto", 3, "click"], ["auToast", "", 3, "auHidden", "auVisibleChange", "auDismissible", "auAnimated", "auAutoHide", "auClassName", "auAriaCloseButtonLabel", "auStructure", "auChildren", "auHeader"]], template: function ToasterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵconditionalCreate(1, ToasterComponent_Conditional_1_Template, 3, 1, "div", 0);
             i0.ɵɵrepeaterCreate(2, ToasterComponent_For_3_Template, 2, 12, "div", 1, _forTrack0);
@@ -5341,6 +5347,409 @@ class ToasterComponent {
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToasterComponent, { className: "ToasterComponent", filePath: "components/toast/toaster.component.ts", lineNumber: 45 }); })();
 
+/**
+ * Retrieve a shallow copy of the default Drawer config
+ * @returns the default Drawer config
+ */
+const export_getDrawerDefaultConfig = getDrawerDefaultConfig;
+/**
+ * Create a Drawer with given config props
+ * @param config - an optional Drawer config
+ * @returns a DrawerWidget
+ */
+const export_createDrawer = createDrawer;
+
+const _c0 = ["structure"];
+const _c1 = (a0, a1, a2) => ({ state: a0, api: a1, directives: a2 });
+function DrawerDefaultSlotsComponent_ng_template_0_Conditional_0_ng_template_1_Template(rf, ctx) { }
+function DrawerDefaultSlotsComponent_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtemplate(1, DrawerDefaultSlotsComponent_ng_template_0_Conditional_0_ng_template_1_Template, 0, 0, "ng-template", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    const state_r2 = ctx_r0.state;
+    const api_r3 = ctx_r0.api;
+    const directives_r4 = ctx_r0.directives;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("auSlot", state_r2.header())("auSlotProps", i0.ɵɵpureFunction3(2, _c1, state_r2, api_r3, directives_r4));
+} }
+function DrawerDefaultSlotsComponent_ng_template_0_ng_template_2_Template(rf, ctx) { }
+function DrawerDefaultSlotsComponent_ng_template_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 5);
+} if (rf & 2) {
+    const directives_r4 = i0.ɵɵnextContext().directives;
+    i0.ɵɵproperty("auUse", directives_r4.splitterDirective);
+} }
+function DrawerDefaultSlotsComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, DrawerDefaultSlotsComponent_ng_template_0_Conditional_0_Template, 2, 6, "div", 2);
+    i0.ɵɵelementStart(1, "div", 3);
+    i0.ɵɵtemplate(2, DrawerDefaultSlotsComponent_ng_template_0_ng_template_2_Template, 0, 0, "ng-template", 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, DrawerDefaultSlotsComponent_ng_template_0_Conditional_3_Template, 1, 1, "div", 5);
+} if (rf & 2) {
+    const state_r2 = ctx.state;
+    const api_r3 = ctx.api;
+    const directives_r4 = ctx.directives;
+    i0.ɵɵconditional(state_r2.header() ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("auSlot", state_r2.children())("auSlotProps", i0.ɵɵpureFunction3(4, _c1, state_r2, api_r3, directives_r4));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(state_r2.resizable() ? 3 : -1);
+} }
+const _c2 = ["content"];
+const _c3 = ["auDrawer", ""];
+const _c4 = ["*"];
+const _c5 = (a0, a1) => [a0, a1];
+function DrawerComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵprojection(0);
+} }
+function DrawerComponent_Conditional_2_ng_template_2_Template(rf, ctx) { }
+function DrawerComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵtemplate(2, DrawerComponent_Conditional_2_ng_template_2_Template, 0, 0, "ng-template", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("auUseMulti", i0.ɵɵpureFunction2(4, _c5, ctx_r0.directives.drawerPortalDirective, ctx_r0.directives.drawerDirective));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("auUse", ctx_r0.directives.containerDirective);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("auSlot", ctx_r0.state.structure())("auSlotProps", i0.ɵɵpureFunction3(7, _c1, ctx_r0.state, ctx_r0.api, ctx_r0.directives));
+} }
+function DrawerComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("auUseMulti", i0.ɵɵpureFunction2(1, _c5, ctx_r0.directives.backdropPortalDirective, ctx_r0.directives.backdropDirective));
+} }
+/**
+ * Directive to define the structure of a drawer component.
+ * This directive uses a template reference to render the {@link DrawerContext}.
+ */
+class DrawerStructureDirective {
+    constructor() {
+        this.templateRef = inject((TemplateRef));
+    }
+    static ngTemplateContextGuard(_dir, context) {
+        return true;
+    }
+    static { this.ɵfac = function DrawerStructureDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DrawerStructureDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: DrawerStructureDirective, selectors: [["ng-template", "auDrawerStructure", ""]] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerStructureDirective, [{
+        type: Directive,
+        args: [{ selector: 'ng-template[auDrawerStructure]' }]
+    }], null, null); })();
+/**
+ * Directive representing the header of a drawer component.
+ * This directive uses a template reference to render the {@link DrawerContext}.
+ */
+class DrawerHeaderDirective {
+    constructor() {
+        this.templateRef = inject((TemplateRef));
+    }
+    static ngTemplateContextGuard(_dir, context) {
+        return true;
+    }
+    static { this.ɵfac = function DrawerHeaderDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DrawerHeaderDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: DrawerHeaderDirective, selectors: [["ng-template", "auDrawerHeader", ""]] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerHeaderDirective, [{
+        type: Directive,
+        args: [{ selector: 'ng-template[auDrawerHeader]' }]
+    }], null, null); })();
+/**
+ * Directive to represent the body of a drawer notification.
+ * This directive uses a template reference to render the {@link DrawerContext}.
+ */
+class DrawerBodyDirective {
+    constructor() {
+        this.templateRef = inject((TemplateRef));
+    }
+    static ngTemplateContextGuard(_dir, context) {
+        return true;
+    }
+    static { this.ɵfac = function DrawerBodyDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DrawerBodyDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: DrawerBodyDirective, selectors: [["ng-template", "auDrawerBody", ""]] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerBodyDirective, [{
+        type: Directive,
+        args: [{ selector: 'ng-template[auDrawerBody]' }]
+    }], null, null); })();
+class DrawerDefaultSlotsComponent {
+    constructor() {
+        this.structure = viewChild.required('structure');
+    }
+    static { this.ɵfac = function DrawerDefaultSlotsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DrawerDefaultSlotsComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerDefaultSlotsComponent, selectors: [["ng-component"]], viewQuery: function DrawerDefaultSlotsComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.structure, _c0, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, decls: 2, vars: 0, consts: [["structure", ""], ["auDrawerStructure", ""], [1, "au-drawer-header"], [1, "au-drawer-body"], [3, "auSlot", "auSlotProps"], [3, "auUse"]], template: function DrawerDefaultSlotsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, DrawerDefaultSlotsComponent_ng_template_0_Template, 4, 8, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
+        } }, dependencies: [SlotDirective, DrawerStructureDirective, UseDirective], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerDefaultSlotsComponent, [{
+        type: Component,
+        args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                imports: [SlotDirective, DrawerStructureDirective, UseDirective],
+                template: ` <ng-template auDrawerStructure #structure let-state="state" let-api="api" let-directives="directives">
+		@if (state.header()) {
+			<div class="au-drawer-header">
+				<ng-template [auSlot]="state.header()" [auSlotProps]="{state, api, directives}" />
+			</div>
+		}
+		<div class="au-drawer-body">
+			<ng-template [auSlot]="state.children()" [auSlotProps]="{state, api, directives}" />
+		</div>
+		@if (state.resizable()) {
+			<div [auUse]="directives.splitterDirective"></div>
+		}
+	</ng-template>`,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DrawerDefaultSlotsComponent, { className: "DrawerDefaultSlotsComponent", filePath: "components/drawer/drawer.component.ts", lineNumber: 80 }); })();
+/**
+ * Represents the default slot structure for the drawer component.
+ */
+const drawerDefaultSlotStructure = new ComponentTemplate(DrawerDefaultSlotsComponent, 'structure');
+/**
+ * DrawerComponent is an Angular component that extends the BaseWidgetDirective
+ * to provide a customizable drawer widget. This component allows for various
+ * configurations and customizations through its inputs and outputs.
+ */
+class DrawerComponent extends BaseWidgetDirective {
+    constructor() {
+        super(callWidgetFactory$1(export_createDrawer, {
+            defaultConfig: {
+                structure: drawerDefaultSlotStructure,
+            },
+            slotTemplates: () => ({
+                structure: this.slotStructureFromContent()?.templateRef,
+                header: this.slotHeaderFromContent()?.templateRef,
+                children: this.slotBodyFromContent()?.templateRef,
+            }),
+            events: {
+                onHidden: () => this.hidden.emit(),
+                onShown: () => this.shown.emit(),
+                onWidthChange: (width) => {
+                    this.widthChange.emit(width);
+                },
+                onHeightChange: (height) => {
+                    this.heightChange.emit(height);
+                },
+                onVisibleChange: (event) => this.visibleChange.emit(event),
+            },
+            slotChildren: () => this.slotChildren(),
+        }));
+        /**
+         * If `true` opening and closing will be animated.
+         */
+        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
+        /**
+         * aria-labelledby attribute to use for the drawer element.
+         */
+        this.ariaLabelledBy = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelledBy", alias: 'auAriaLabelledBy' }] : [{ alias: 'auAriaLabelledBy' }]));
+        /**
+         * aria-describedby attribute to use for the drawer element.
+         */
+        this.ariaDescribedBy = input(undefined, ...(ngDevMode ? [{ debugName: "ariaDescribedBy", alias: 'auAriaDescribedBy' }] : [{ alias: 'auAriaDescribedBy' }]));
+        /**
+         * If `true`, the drawer is shown; otherwise, it is hidden.
+         *
+         * @defaultValue `false`
+         */
+        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
+        /**
+         * The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
+         *
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
+         */
+        this.verticalTransition = input(undefined, ...(ngDevMode ? [{ debugName: "verticalTransition", alias: 'auVerticalTransition' }] : [{ alias: 'auVerticalTransition' }]));
+        /**
+         * The transition function will be executed when the drawer is displayed or hidden.
+         *
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
+         */
+        this.transition = input(undefined, ...(ngDevMode ? [{ debugName: "transition", alias: 'auTransition' }] : [{ alias: 'auTransition' }]));
+        /**
+         * The transition to use for the backdrop behind the drawer (if present).
+         *
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
+         */
+        this.backdropTransition = input(undefined, ...(ngDevMode ? [{ debugName: "backdropTransition", alias: 'auBackdropTransition' }] : [{ alias: 'auBackdropTransition' }]));
+        /**
+         * Which element should contain the drawer and backdrop DOM elements.
+         * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
+         * Otherwise, they stay where the widget is located.
+         *
+         * @defaultValue
+         * ```ts
+         * typeof window !== 'undefined' ? document.body : null
+         * ```
+         */
+        this.container = input(undefined, ...(ngDevMode ? [{ debugName: "container", alias: 'auContainer' }] : [{ alias: 'auContainer' }]));
+        /**
+         * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+         */
+        this.backdrop = input(undefined, ...(ngDevMode ? [{ debugName: "backdrop", alias: 'auBackdrop', transform: auBooleanAttribute }] : [{ alias: 'auBackdrop', transform: auBooleanAttribute }]));
+        /**
+         * If `true` allows body scrolling when the drawer is open.
+         */
+        this.bodyScroll = input(undefined, ...(ngDevMode ? [{ debugName: "bodyScroll", alias: 'auBodyScroll', transform: auBooleanAttribute }] : [{ alias: 'auBodyScroll', transform: auBooleanAttribute }]));
+        /**
+         * Classes to add on the backdrop DOM element.
+         *
+         * @defaultValue `''`
+         */
+        this.backdropClass = input(undefined, ...(ngDevMode ? [{ debugName: "backdropClass", alias: 'auBackdropClass' }] : [{ alias: 'auBackdropClass' }]));
+        /**
+         * CSS classes to be applied on the widget main container
+         *
+         * @defaultValue `''`
+         */
+        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        /**
+         * If `true`, the drawer can be resized by the user.
+         *
+         * @defaultValue `false`
+         */
+        this.resizable = input(undefined, ...(ngDevMode ? [{ debugName: "resizable", alias: 'auResizable', transform: auBooleanAttribute }] : [{ alias: 'auResizable', transform: auBooleanAttribute }]));
+        /**
+         * The width of the drawer in pixels.
+         */
+        this.width = input(undefined, ...(ngDevMode ? [{ debugName: "width", alias: 'auWidth', transform: auNumberAttribute }] : [{ alias: 'auWidth', transform: auNumberAttribute }]));
+        /**
+         * The height of the drawer in pixels.
+         */
+        this.height = input(undefined, ...(ngDevMode ? [{ debugName: "height", alias: 'auHeight', transform: auNumberAttribute }] : [{ alias: 'auHeight', transform: auNumberAttribute }]));
+        /**
+         * An event emitted when the width is changed.
+         *
+         * Event payload is equal to the newly selected width.
+         *
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
+         */
+        this.widthChange = output({ alias: 'auWidthChange' });
+        /**
+         * An event emitted when the height is changed.
+         *
+         * Event payload is equal to the newly selected height.
+         *
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
+         */
+        this.heightChange = output({ alias: 'auHeightChange' });
+        /**
+         * Event to be triggered when the visible property changes.
+         *
+         * @param visible - new value of the visible propery
+         *
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
+         */
+        this.visibleChange = output({ alias: 'auVisibleChange' });
+        /**
+         * Event to be triggered when the transition is completed and the drawer is not visible.
+         *
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
+         */
+        this.hidden = output({ alias: 'auHidden' });
+        /**
+         * Event to be triggered when the transition is completed and the drawer is visible.
+         *
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
+         */
+        this.shown = output({ alias: 'auShown' });
+        /**
+         * Global template for the drawer component
+         */
+        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.slotStructureFromContent = contentChild(DrawerStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
+        /**
+         * Template for the drawer header
+         */
+        this.header = input(undefined, ...(ngDevMode ? [{ debugName: "header", alias: 'auHeader' }] : [{ alias: 'auHeader' }]));
+        this.slotHeaderFromContent = contentChild(DrawerHeaderDirective, ...(ngDevMode ? [{ debugName: "slotHeaderFromContent" }] : []));
+        /**
+         * Template for the drawer body
+         */
+        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.slotBodyFromContent = contentChild(DrawerBodyDirective, ...(ngDevMode ? [{ debugName: "slotBodyFromContent" }] : []));
+        this.slotChildren = viewChild('content', ...(ngDevMode ? [{ debugName: "slotChildren" }] : []));
+    }
+    static { this.ɵfac = function DrawerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DrawerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DrawerComponent, selectors: [["", "auDrawer", ""]], contentQueries: function DrawerComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, DrawerStructureDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotHeaderFromContent, DrawerHeaderDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotBodyFromContent, DrawerBodyDirective, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance(3);
+        } }, viewQuery: function DrawerComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, inputs: { animated: [1, "auAnimated", "animated"], ariaLabelledBy: [1, "auAriaLabelledBy", "ariaLabelledBy"], ariaDescribedBy: [1, "auAriaDescribedBy", "ariaDescribedBy"], visible: [1, "auVisible", "visible"], verticalTransition: [1, "auVerticalTransition", "verticalTransition"], transition: [1, "auTransition", "transition"], backdropTransition: [1, "auBackdropTransition", "backdropTransition"], container: [1, "auContainer", "container"], backdrop: [1, "auBackdrop", "backdrop"], bodyScroll: [1, "auBodyScroll", "bodyScroll"], backdropClass: [1, "auBackdropClass", "backdropClass"], className: [1, "auClassName", "className"], resizable: [1, "auResizable", "resizable"], width: [1, "auWidth", "width"], height: [1, "auHeight", "height"], structure: [1, "auStructure", "structure"], header: [1, "auHeader", "header"], children: [1, "auChildren", "children"] }, outputs: { widthChange: "auWidthChange", heightChange: "auHeightChange", visibleChange: "auVisibleChange", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3, ngContentSelectors: _c4, decls: 4, vars: 2, consts: [["content", ""], [3, "auUseMulti"], [3, "auUse"], [3, "auSlot", "auSlotProps"]], template: function DrawerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵtemplate(0, DrawerComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵconditionalCreate(2, DrawerComponent_Conditional_2_Template, 3, 11, "div", 1);
+            i0.ɵɵconditionalCreate(3, DrawerComponent_Conditional_3_Template, 1, 4, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.state.hidden() ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.state.backdropHidden() ? 3 : -1);
+        } }, dependencies: [UseMultiDirective, SlotDirective, UseDirective], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerComponent, [{
+        type: Component,
+        args: [{
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                imports: [UseMultiDirective, SlotDirective, UseDirective],
+                selector: '[auDrawer]',
+                template: `
+		<ng-template #content><ng-content /></ng-template>
+		@if (!state.hidden()) {
+			<div [auUseMulti]="[directives.drawerPortalDirective, directives.drawerDirective]">
+				<div [auUse]="directives.containerDirective">
+					<ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" />
+				</div>
+			</div>
+		}
+		@if (!state.backdropHidden()) {
+			<div [auUseMulti]="[directives.backdropPortalDirective, directives.backdropDirective]"></div>
+		}
+	`,
+                encapsulation: ViewEncapsulation.None,
+            }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DrawerComponent, { className: "DrawerComponent", filePath: "components/drawer/drawer.component.ts", lineNumber: 113 }); })();
+
+// [import-placeholder]
 /* istanbul ignore next */
 const components = [
     SlotDirective,
@@ -5398,6 +5807,11 @@ const components = [
     CarouselSlideDirective,
     CarouselStructureDirective,
     CarouselNavigationDirective,
+    DrawerComponent,
+    DrawerStructureDirective,
+    DrawerHeaderDirective,
+    DrawerBodyDirective,
+    // [content-placeholder]
 ];
 class AgnosUIAngularModule {
     static { this.ɵfac = function AgnosUIAngularModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AgnosUIAngularModule)(); }; }
@@ -5466,7 +5880,11 @@ class AgnosUIAngularModule {
         CarouselComponent,
         CarouselSlideDirective,
         CarouselStructureDirective,
-        CarouselNavigationDirective], exports: [SlotDirective,
+        CarouselNavigationDirective,
+        DrawerComponent,
+        DrawerStructureDirective,
+        DrawerHeaderDirective,
+        DrawerBodyDirective], exports: [SlotDirective,
         SelectComponent,
         SelectBadgeLabelDirective,
         SelectItemLabelDirective,
@@ -5520,7 +5938,11 @@ class AgnosUIAngularModule {
         CarouselComponent,
         CarouselSlideDirective,
         CarouselStructureDirective,
-        CarouselNavigationDirective] }); })();
+        CarouselNavigationDirective,
+        DrawerComponent,
+        DrawerStructureDirective,
+        DrawerHeaderDirective,
+        DrawerBodyDirective] }); })();
 
 /**
  * Service to handle the opening and management of modal components.
@@ -5576,5 +5998,5 @@ class ModalService {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionBodyDirective, AccordionDirective, AccordionHeaderDirective, AccordionItemComponent, AccordionItemStructureDirective, AgnosUIAngularModule, AlertBodyDirective, AlertComponent, AlertStructureDirective, CarouselComponent, CarouselNavigationDirective, CarouselSlideDirective, CarouselStructureDirective, 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, ToasterComponent, ToasterService, TreeComponent, TreeItemContentDirective, TreeItemDirective, TreeItemToggleDirective, TreeStructureDirective, accordionItemDefaultSlotStructure, alertDefaultSlotStructure, callWidgetFactory, carouselDefaultSlotNavigation, carouselDefaultSlotStructure, export_createAccordion as createAccordion, export_createAccordionItem as createAccordionItem, export_createAlert as createAlert, export_createCarousel as createCarousel, 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_defaultToasterProps as defaultToasterProps, export_factoryCreateAccordion as factoryCreateAccordion, export_getAccordionDefaultConfig as getAccordionDefaultConfig, export_getAlertDefaultConfig as getAlertDefaultConfig, export_getCarouselDefaultConfig as getCarouselDefaultConfig, 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, export_toastPositions as toastPositions, treeDefaultItemToggle, treeDefaultSlotItem, treeDefaultSlotItemContent, treeDefaultSlotStructure, widgetsConfigInjectionToken };
+export { AccordionBodyDirective, AccordionDirective, AccordionHeaderDirective, AccordionItemComponent, AccordionItemStructureDirective, AgnosUIAngularModule, AlertBodyDirective, AlertComponent, AlertStructureDirective, CarouselComponent, CarouselNavigationDirective, CarouselSlideDirective, CarouselStructureDirective, CollapseDirective, CollapseTriggerDirective, DrawerBodyDirective, DrawerComponent, DrawerHeaderDirective, DrawerStructureDirective, 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, ToasterComponent, ToasterService, TreeComponent, TreeItemContentDirective, TreeItemDirective, TreeItemToggleDirective, TreeStructureDirective, accordionItemDefaultSlotStructure, alertDefaultSlotStructure, callWidgetFactory, carouselDefaultSlotNavigation, carouselDefaultSlotStructure, export_createAccordion as createAccordion, export_createAccordionItem as createAccordionItem, export_createAlert as createAlert, export_createCarousel as createCarousel, export_createCollapse as createCollapse, export_createDrawer as createDrawer, 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_defaultToasterProps as defaultToasterProps, drawerDefaultSlotStructure, export_factoryCreateAccordion as factoryCreateAccordion, export_getAccordionDefaultConfig as getAccordionDefaultConfig, export_getAlertDefaultConfig as getAlertDefaultConfig, export_getCarouselDefaultConfig as getCarouselDefaultConfig, export_getCollapseDefaultConfig as getCollapseDefaultConfig, export_getDrawerDefaultConfig as getDrawerDefaultConfig, 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, export_modalCloseEscape as modalCloseEscape, modalDefaultSlotHeader, modalDefaultSlotStructure, export_modalOutsideClick as modalOutsideClick, paginationDefaultSlotPages, paginationDefaultSlotStructure, progressbarDefaultSlotStructure, provideWidgetsConfig, sliderDefaultSlotHandle, sliderDefaultSlotStructure, sliderDefaultSlotTick, toastDefaultSlotStructure, export_toastPositions as toastPositions, treeDefaultItemToggle, treeDefaultSlotItem, treeDefaultSlotItemContent, treeDefaultSlotStructure, widgetsConfigInjectionToken };
 //# sourceMappingURL=agnos-ui-angular-bootstrap.mjs.map