@agnos-ui/angular-bootstrap 0.10.0-next.1 → 0.10.0-next.3

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

@@ -1,4 +1,4 @@
-import { widgetsConfigFactory, SlotDirective, UseDirective, ComponentTemplate, BaseWidgetDirective, auBooleanAttribute, UseMultiDirective, auNumberAttribute, useDirectiveForHost, callWidgetFactory as callWidgetFactory$1, ToasterService as ToasterService$1 } from '@agnos-ui/angular-headless';
+import { widgetsConfigFactory, SlotDirective, UseDirective, ComponentTemplate, BaseWidgetDirective, auBooleanAttribute, UseMultiDirective, auNumberAttribute, useDirectiveForHost, callWidgetFactory as callWidgetFactory$1, ToasterService as ToasterService$1, auNumberOrNullAttribute } from '@agnos-ui/angular-headless';
 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';
@@ -334,8 +334,7 @@ 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$c, 5);
-            i0.ɵɵviewQuerySignal(ctx.structure, _c1$c, 5);
+            i0.ɵɵviewQuerySignal(ctx.header, _c0$c, 5)(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) {
@@ -373,7 +372,7 @@ class ModalDefaultSlotsComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { header: [{ type: i0.ViewChild, args: ['header', { isSignal: true }] }], structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModalDefaultSlotsComponent, { className: "ModalDefaultSlotsComponent", filePath: "components/modal/modal.component.ts", lineNumber: 100 }); })();
 /**
  * Default slot for modal header.
@@ -413,37 +412,37 @@ class ModalComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
+        this.animated = input(undefined, { ...(ngDevMode ? { debugName: "animated" } : {}), alias: 'auAnimated', transform: auBooleanAttribute });
         /**
          * The transition to use for the backdrop behind the modal (if present).
          *
          * @defaultValue `fadeTransition`
          */
-        this.backdropTransition = input(undefined, ...(ngDevMode ? [{ debugName: "backdropTransition", alias: 'auBackdropTransition' }] : [{ alias: 'auBackdropTransition' }]));
+        this.backdropTransition = input(undefined, { ...(ngDevMode ? { debugName: "backdropTransition" } : {}), alias: 'auBackdropTransition' });
         /**
          * The transition to use for the modal.
          *
          * @defaultValue `fadeTransition`
          */
-        this.modalTransition = input(undefined, ...(ngDevMode ? [{ debugName: "modalTransition", alias: 'auModalTransition' }] : [{ alias: 'auModalTransition' }]));
+        this.modalTransition = input(undefined, { ...(ngDevMode ? { debugName: "modalTransition" } : {}), alias: 'auModalTransition' });
         /**
          * Whether the modal should be visible when the transition is completed.
          *
          * @defaultValue `false`
          */
-        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
+        this.visible = input(undefined, { ...(ngDevMode ? { debugName: "visible" } : {}), alias: 'auVisible', transform: auBooleanAttribute });
         /**
          * Whether a backdrop should be created behind the modal.
          *
          * @defaultValue `true`
          */
-        this.backdrop = input(undefined, ...(ngDevMode ? [{ debugName: "backdrop", alias: 'auBackdrop', transform: auBooleanAttribute }] : [{ alias: 'auBackdrop', transform: auBooleanAttribute }]));
+        this.backdrop = input(undefined, { ...(ngDevMode ? { debugName: "backdrop" } : {}), alias: 'auBackdrop', transform: auBooleanAttribute });
         /**
          * Whether the modal should be closed when clicking on the viewport outside the modal.
          *
          * @defaultValue `true`
          */
-        this.closeOnOutsideClick = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnOutsideClick", alias: 'auCloseOnOutsideClick', transform: auBooleanAttribute }] : [{ alias: 'auCloseOnOutsideClick', transform: auBooleanAttribute }]));
+        this.closeOnOutsideClick = input(undefined, { ...(ngDevMode ? { debugName: "closeOnOutsideClick" } : {}), 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.
@@ -454,67 +453,67 @@ class ModalComponent extends BaseWidgetDirective {
          * typeof window !== 'undefined' ? document.body : null
          * ```
          */
-        this.container = input(undefined, ...(ngDevMode ? [{ debugName: "container", alias: 'auContainer' }] : [{ alias: 'auContainer' }]));
+        this.container = input(undefined, { ...(ngDevMode ? { debugName: "container" } : {}), alias: 'auContainer' });
         /**
          * Value of the aria-label attribute to put on the close button.
          *
          * @defaultValue `'Close'`
          */
-        this.ariaCloseButtonLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaCloseButtonLabel", alias: 'auAriaCloseButtonLabel' }] : [{ alias: 'auAriaCloseButtonLabel' }]));
+        this.ariaCloseButtonLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaCloseButtonLabel" } : {}), alias: 'auAriaCloseButtonLabel' });
         /**
          * Classes to add on the backdrop DOM element.
          *
          * @defaultValue `''`
          */
-        this.backdropClass = input(undefined, ...(ngDevMode ? [{ debugName: "backdropClass", alias: 'auBackdropClass' }] : [{ alias: 'auBackdropClass' }]));
+        this.backdropClass = input(undefined, { ...(ngDevMode ? { debugName: "backdropClass" } : {}), alias: 'auBackdropClass' });
         /**
          * Whether to display the close button.
          *
          * @defaultValue `true`
          */
-        this.closeButton = input(undefined, ...(ngDevMode ? [{ debugName: "closeButton", alias: 'auCloseButton', transform: auBooleanAttribute }] : [{ alias: 'auCloseButton', transform: auBooleanAttribute }]));
+        this.closeButton = input(undefined, { ...(ngDevMode ? { debugName: "closeButton" } : {}), alias: 'auCloseButton', transform: auBooleanAttribute });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), alias: 'auClassName' });
         /**
          * Option to create a fullscreen modal, according to the bootstrap documentation.
          *
          * @defaultValue `false`
          */
-        this.fullscreen = input(undefined, ...(ngDevMode ? [{ debugName: "fullscreen", alias: 'auFullscreen', transform: auBooleanAttribute }] : [{ alias: 'auFullscreen', transform: auBooleanAttribute }]));
+        this.fullscreen = input(undefined, { ...(ngDevMode ? { debugName: "fullscreen" } : {}), 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, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), 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, ...(ngDevMode ? [{ debugName: "header", alias: 'auHeader' }] : [{ alias: 'auHeader' }]));
+        this.header = input(undefined, { ...(ngDevMode ? { debugName: "header" } : {}), alias: 'auHeader' });
         this.slotHeaderFromContent = contentChild(ModalHeaderDirective, ...(ngDevMode ? [{ debugName: "slotHeaderFromContent" }] : []));
         /**
          * Title of the modal.
          */
-        this.title = input(undefined, ...(ngDevMode ? [{ debugName: "title", alias: 'auTitle' }] : [{ alias: 'auTitle' }]));
+        this.title = input(undefined, { ...(ngDevMode ? { debugName: "title" } : {}), alias: 'auTitle' });
         this.slotTitleFromContent = contentChild(ModalTitleDirective, ...(ngDevMode ? [{ debugName: "slotTitleFromContent" }] : []));
         /**
          * Body of the modal.
          */
-        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.children = input(undefined, { ...(ngDevMode ? { debugName: "children" } : {}), alias: 'auChildren' });
         this.slotDefaultFromContent = contentChild(ModalBodyDirective, ...(ngDevMode ? [{ debugName: "slotDefaultFromContent" }] : []));
         /**
          * Footer of the modal.
          */
-        this.footer = input(undefined, ...(ngDevMode ? [{ debugName: "footer", alias: 'auFooter' }] : [{ alias: 'auFooter' }]));
+        this.footer = input(undefined, { ...(ngDevMode ? { debugName: "footer" } : {}), alias: 'auFooter' });
         this.slotFooterFromContent = contentChild(ModalFooterDirective, ...(ngDevMode ? [{ debugName: "slotFooterFromContent" }] : []));
         /**
          * Data to use in content slots
          */
-        this.contentData = input(undefined, ...(ngDevMode ? [{ debugName: "contentData", alias: 'auContentData' }] : [{ alias: 'auContentData' }]));
+        this.contentData = input(undefined, { ...(ngDevMode ? { debugName: "contentData" } : {}), alias: 'auContentData' });
         /**
          * Event to be triggered when the visible property changes.
          *
@@ -560,11 +559,7 @@ class ModalComponent extends BaseWidgetDirective {
     }
     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) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, ModalStructureDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotHeaderFromContent, ModalHeaderDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotTitleFromContent, ModalTitleDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotDefaultFromContent, ModalBodyDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotFooterFromContent, ModalFooterDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, ModalStructureDirective, 5)(dirIndex, ctx.slotHeaderFromContent, ModalHeaderDirective, 5)(dirIndex, ctx.slotTitleFromContent, ModalTitleDirective, 5)(dirIndex, ctx.slotDefaultFromContent, ModalBodyDirective, 5)(dirIndex, ctx.slotFooterFromContent, ModalFooterDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(5);
         } }, viewQuery: function ModalComponent_Query(rf, ctx) { if (rf & 1) {
@@ -605,7 +600,7 @@ class ModalComponent extends BaseWidgetDirective {
 		}
 	`,
             }]
-    }], () => [], null); })();
+    }], () => [], { animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimated", required: false }] }], backdropTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBackdropTransition", required: false }] }], modalTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auModalTransition", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "auVisible", required: false }] }], backdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBackdrop", required: false }] }], closeOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "auCloseOnOutsideClick", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "auContainer", required: false }] }], ariaCloseButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaCloseButtonLabel", required: false }] }], backdropClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBackdropClass", required: false }] }], closeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "auCloseButton", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], fullscreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "auFullscreen", required: false }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ModalStructureDirective), { isSignal: true }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "auHeader", required: false }] }], slotHeaderFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ModalHeaderDirective), { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "auTitle", required: false }] }], slotTitleFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ModalTitleDirective), { isSignal: true }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "auChildren", required: false }] }], slotDefaultFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ModalBodyDirective), { isSignal: true }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "auFooter", required: false }] }], slotFooterFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ModalFooterDirective), { isSignal: true }] }], contentData: [{ type: i0.Input, args: [{ isSignal: true, alias: "auContentData", required: false }] }], visibleChange: [{ type: i0.Output, args: ["auVisibleChange"] }], beforeClose: [{ type: i0.Output, args: ["auBeforeClose"] }], hidden: [{ type: i0.Output, args: ["auHidden"] }], shown: [{ type: i0.Output, args: ["auShown"] }], slotChildren: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModalComponent, { className: "ModalComponent", filePath: "components/modal/modal.component.ts", lineNumber: 138 }); })();
 
 /**
@@ -935,8 +930,7 @@ 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$b, 5);
-            i0.ɵɵviewQuerySignal(ctx.structure, _c1$b, 5);
+            i0.ɵɵviewQuerySignal(ctx.pages, _c0$b, 5)(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) {
@@ -1012,7 +1006,7 @@ class PaginationDefaultSlotsComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { pages: [{ type: i0.ViewChild, args: ['pages', { isSignal: true }] }], structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationDefaultSlotsComponent, { className: "PaginationDefaultSlotsComponent", filePath: "components/pagination/pagination.component.ts", lineNumber: 182 }); })();
 /**
  * The default slot for the pages
@@ -1061,7 +1055,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * (processPage: number, pageCount: number) => `Page ${processPage} of ${pageCount}`
          * ```
          */
-        this.ariaPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaPageLabel", alias: 'auAriaPageLabel' }] : [{ alias: 'auAriaPageLabel' }]));
+        this.ariaPageLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaPageLabel" } : {}), alias: 'auAriaPageLabel' });
         /**
          * Provide the label for the aria-live element
          * This is used for accessibility purposes.
@@ -1075,7 +1069,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * (currentPage: number) => `Current page is ${currentPage}`
          * ```
          */
-        this.ariaLiveLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLiveLabel", alias: 'auAriaLiveLabel' }] : [{ alias: 'auAriaLiveLabel' }]));
+        this.ariaLiveLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLiveLabel" } : {}), alias: 'auAriaLiveLabel' });
         /**
          * The label for the nav element.
          *
@@ -1084,7 +1078,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'Page navigation'`
          */
-        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
+        this.ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'auAriaLabel' });
         /**
          * The label for the "active" page.
          * for I18n, we suggest to use the global configuration
@@ -1095,7 +1089,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * '(current)'
          * ```
          */
-        this.activeLabel = input(undefined, ...(ngDevMode ? [{ debugName: "activeLabel", alias: 'auActiveLabel' }] : [{ alias: 'auActiveLabel' }]));
+        this.activeLabel = input(undefined, { ...(ngDevMode ? { debugName: "activeLabel" } : {}), alias: 'auActiveLabel' });
         /**
          * The label for the "First" page button.
          * for I18n, we suggest to use the global configuration
@@ -1106,7 +1100,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 'Action link for first page'
          * ```
          */
-        this.ariaFirstLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaFirstLabel", alias: 'auAriaFirstLabel' }] : [{ alias: 'auAriaFirstLabel' }]));
+        this.ariaFirstLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaFirstLabel" } : {}), alias: 'auAriaFirstLabel' });
         /**
          * The label for the "Previous" page button.
          * for I18n, we suggest to use the global configuration
@@ -1117,7 +1111,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 'Action link for previous page'
          * ```
          */
-        this.ariaPreviousLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaPreviousLabel", alias: 'auAriaPreviousLabel' }] : [{ alias: 'auAriaPreviousLabel' }]));
+        this.ariaPreviousLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaPreviousLabel" } : {}), alias: 'auAriaPreviousLabel' });
         /**
          * The label for the "Next" page button.
          * for I18n, we suggest to use the global configuration
@@ -1128,7 +1122,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 'Action link for next page'
          * ```
          */
-        this.ariaNextLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaNextLabel", alias: 'auAriaNextLabel' }] : [{ alias: 'auAriaNextLabel' }]));
+        this.ariaNextLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaNextLabel" } : {}), alias: 'auAriaNextLabel' });
         /**
          * The label for the "Last" page button.
          * for I18n, we suggest to use the global configuration
@@ -1139,7 +1133,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 'Action link for last page'
          * ```
          */
-        this.ariaLastLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLastLabel", alias: 'auAriaLastLabel' }] : [{ alias: 'auAriaLastLabel' }]));
+        this.ariaLastLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLastLabel" } : {}), alias: 'auAriaLastLabel' });
         /**
          * The label for the "Ellipsis" page.
          * for I18n, we suggest to use the global configuration
@@ -1147,7 +1141,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'Ellipsis page element'`
          */
-        this.ariaEllipsisLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaEllipsisLabel", alias: 'auAriaEllipsisLabel' }] : [{ alias: 'auAriaEllipsisLabel' }]));
+        this.ariaEllipsisLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaEllipsisLabel" } : {}), alias: 'auAriaEllipsisLabel' });
         /**
          * Factory function providing the href for a "Page" page anchor,
          * based on the current page number
@@ -1158,7 +1152,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * (_page: number) => PAGE_LINK_DEFAULT
          * ```
          */
-        this.pageLink = input(undefined, ...(ngDevMode ? [{ debugName: "pageLink", alias: 'auPageLink' }] : [{ alias: 'auPageLink' }]));
+        this.pageLink = input(undefined, { ...(ngDevMode ? { debugName: "pageLink" } : {}), alias: 'auPageLink' });
         /**
          * The template to use for the ellipsis slot
          * for I18n, we suggest to use the global configuration
@@ -1166,7 +1160,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'…'`
          */
-        this.ellipsisLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ellipsisLabel", alias: 'auEllipsisLabel' }] : [{ alias: 'auEllipsisLabel' }]));
+        this.ellipsisLabel = input(undefined, { ...(ngDevMode ? { debugName: "ellipsisLabel" } : {}), alias: 'auEllipsisLabel' });
         this.slotEllipsisFromContent = contentChild(PaginationEllipsisDirective, ...(ngDevMode ? [{ debugName: "slotEllipsisFromContent" }] : []));
         /**
          * The template to use for the first slot
@@ -1175,7 +1169,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'«'`
          */
-        this.firstPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "firstPageLabel", alias: 'auFirstPageLabel' }] : [{ alias: 'auFirstPageLabel' }]));
+        this.firstPageLabel = input(undefined, { ...(ngDevMode ? { debugName: "firstPageLabel" } : {}), alias: 'auFirstPageLabel' });
         this.slotFirstFromContent = contentChild(PaginationFirstDirective, ...(ngDevMode ? [{ debugName: "slotFirstFromContent" }] : []));
         /**
          * The template to use for the previous slot
@@ -1184,7 +1178,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'‹'`
          */
-        this.previousPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "previousPageLabel", alias: 'auPreviousPageLabel' }] : [{ alias: 'auPreviousPageLabel' }]));
+        this.previousPageLabel = input(undefined, { ...(ngDevMode ? { debugName: "previousPageLabel" } : {}), alias: 'auPreviousPageLabel' });
         this.slotPreviousFromContent = contentChild(PaginationPreviousDirective, ...(ngDevMode ? [{ debugName: "slotPreviousFromContent" }] : []));
         /**
          * The template to use for the next slot
@@ -1193,7 +1187,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'›'`
          */
-        this.nextPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "nextPageLabel", alias: 'auNextPageLabel' }] : [{ alias: 'auNextPageLabel' }]));
+        this.nextPageLabel = input(undefined, { ...(ngDevMode ? { debugName: "nextPageLabel" } : {}), alias: 'auNextPageLabel' });
         this.slotNextFromContent = contentChild(PaginationNextDirective, ...(ngDevMode ? [{ debugName: "slotNextFromContent" }] : []));
         /**
          * The template to use for the last slot
@@ -1202,14 +1196,14 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'»'`
          */
-        this.lastPageLabel = input(undefined, ...(ngDevMode ? [{ debugName: "lastPageLabel", alias: 'auLastPageLabel' }] : [{ alias: 'auLastPageLabel' }]));
+        this.lastPageLabel = input(undefined, { ...(ngDevMode ? { debugName: "lastPageLabel" } : {}), 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, ...(ngDevMode ? [{ debugName: "pagesDisplay", alias: 'auPagesDisplay' }] : [{ alias: 'auPagesDisplay' }]));
+        this.pagesDisplay = input(undefined, { ...(ngDevMode ? { debugName: "pagesDisplay" } : {}), alias: 'auPagesDisplay' });
         this.slotPagesFromContent = contentChild(PaginationPagesDirective, ...(ngDevMode ? [{ debugName: "slotPagesFromContent" }] : []));
         /**
          * The template to use for the number slot
@@ -1222,7 +1216,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * ({displayedPage}: PaginationNumberContext) => `${displayedPage}`
          * ```
          */
-        this.numberLabel = input(undefined, ...(ngDevMode ? [{ debugName: "numberLabel", alias: 'auNumberLabel' }] : [{ alias: 'auNumberLabel' }]));
+        this.numberLabel = input(undefined, { ...(ngDevMode ? { debugName: "numberLabel" } : {}), alias: 'auNumberLabel' });
         this.slotNumberLabelFromContent = contentChild(PaginationNumberDirective, ...(ngDevMode ? [{ debugName: "slotNumberLabelFromContent" }] : []));
         /**
          * The template to use for the structure of the pagination component
@@ -1231,26 +1225,26 @@ class PaginationComponent extends BaseWidgetDirective {
          * {@link PaginationProps.lastPageLabel|lastPageLabel}, {@link PaginationProps.pagesDisplay|pagesDisplay},
          * {@link PaginationProps.numberLabel|numberLabel},
          */
-        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), alias: 'auStructure' });
         this.slotStructureFromContent = contentChild(PaginationStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * If `true`, pagination links will be disabled.
          *
          * @defaultValue `false`
          */
-        this.disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
+        this.disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'auDisabled', transform: auBooleanAttribute });
         /**
          * If `true`, the "First" and "Last" page links are shown.
          *
          * @defaultValue `false`
          */
-        this.boundaryLinks = input(undefined, ...(ngDevMode ? [{ debugName: "boundaryLinks", alias: 'auBoundaryLinks', transform: auBooleanAttribute }] : [{ alias: 'auBoundaryLinks', transform: auBooleanAttribute }]));
+        this.boundaryLinks = input(undefined, { ...(ngDevMode ? { debugName: "boundaryLinks" } : {}), alias: 'auBoundaryLinks', transform: auBooleanAttribute });
         /**
          * If `true`, the "Next" and "Previous" page links are shown.
          *
          * @defaultValue `true`
          */
-        this.directionLinks = input(undefined, ...(ngDevMode ? [{ debugName: "directionLinks", alias: 'auDirectionLinks', transform: auBooleanAttribute }] : [{ alias: 'auDirectionLinks', transform: auBooleanAttribute }]));
+        this.directionLinks = input(undefined, { ...(ngDevMode ? { debugName: "directionLinks" } : {}), alias: 'auDirectionLinks', transform: auBooleanAttribute });
         /**
          * The number of items in your paginated collection.
          *
@@ -1263,7 +1257,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `0`
          */
-        this.collectionSize = input(undefined, ...(ngDevMode ? [{ debugName: "collectionSize", alias: 'auCollectionSize', transform: auNumberAttribute }] : [{ alias: 'auCollectionSize', transform: auNumberAttribute }]));
+        this.collectionSize = input(undefined, { ...(ngDevMode ? { debugName: "collectionSize" } : {}), alias: 'auCollectionSize', transform: auNumberAttribute });
         /**
          * The current page.
          *
@@ -1271,14 +1265,14 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `1`
          */
-        this.page = input(undefined, ...(ngDevMode ? [{ debugName: "page", alias: 'auPage', transform: auNumberAttribute }] : [{ alias: 'auPage', transform: auNumberAttribute }]));
+        this.page = input(undefined, { ...(ngDevMode ? { debugName: "page" } : {}), alias: 'auPage', transform: auNumberAttribute });
         /**
          * The number of items per page.
          * @remarks min value is 1
          *
          * @defaultValue `10`
          */
-        this.pageSize = input(undefined, ...(ngDevMode ? [{ debugName: "pageSize", alias: 'auPageSize', transform: auNumberAttribute }] : [{ alias: 'auPageSize', transform: auNumberAttribute }]));
+        this.pageSize = input(undefined, { ...(ngDevMode ? { debugName: "pageSize" } : {}), alias: 'auPageSize', transform: auNumberAttribute });
         /**
          * The pagination display size.
          *
@@ -1286,7 +1280,7 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `null`
          */
-        this.size = input(undefined, ...(ngDevMode ? [{ debugName: "size", alias: 'auSize' }] : [{ alias: 'auSize' }]));
+        this.size = input(undefined, { ...(ngDevMode ? { debugName: "size" } : {}), alias: 'auSize' });
         /**
          * pagesFactory returns a function computing the array of pages to be displayed
          * as number (-1 are treated as ellipsis).
@@ -1305,7 +1299,7 @@ class PaginationComponent extends BaseWidgetDirective {
          * 	}
          * ```
          */
-        this.pagesFactory = input(undefined, ...(ngDevMode ? [{ debugName: "pagesFactory", alias: 'auPagesFactory' }] : [{ alias: 'auPagesFactory' }]));
+        this.pagesFactory = input(undefined, { ...(ngDevMode ? { debugName: "pagesFactory" } : {}), alias: 'auPagesFactory' });
         /**
          * An event fired when the page is changed.
          *
@@ -1323,18 +1317,11 @@ class PaginationComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), 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) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotEllipsisFromContent, PaginationEllipsisDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotFirstFromContent, PaginationFirstDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotPreviousFromContent, PaginationPreviousDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotNextFromContent, PaginationNextDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotLastFromContent, PaginationLastDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotPagesFromContent, PaginationPagesDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotNumberLabelFromContent, PaginationNumberDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, PaginationStructureDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotEllipsisFromContent, PaginationEllipsisDirective, 5)(dirIndex, ctx.slotFirstFromContent, PaginationFirstDirective, 5)(dirIndex, ctx.slotPreviousFromContent, PaginationPreviousDirective, 5)(dirIndex, ctx.slotNextFromContent, PaginationNextDirective, 5)(dirIndex, ctx.slotLastFromContent, PaginationLastDirective, 5)(dirIndex, ctx.slotPagesFromContent, PaginationPagesDirective, 5)(dirIndex, ctx.slotNumberLabelFromContent, PaginationNumberDirective, 5)(dirIndex, ctx.slotStructureFromContent, PaginationStructureDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(8);
         } }, hostVars: 1, hostBindings: function PaginationComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -1357,7 +1344,7 @@ class PaginationComponent extends BaseWidgetDirective {
                 encapsulation: ViewEncapsulation.None,
                 template: `<ng-template [auSlotProps]="{state, api, directives}" [auSlot]="state.structure()" />`,
             }]
-    }], () => [], null); })();
+    }], () => [], { ariaPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaPageLabel", required: false }] }], ariaLiveLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLiveLabel", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLabel", required: false }] }], activeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auActiveLabel", required: false }] }], ariaFirstLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaFirstLabel", required: false }] }], ariaPreviousLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaPreviousLabel", required: false }] }], ariaNextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaNextLabel", required: false }] }], ariaLastLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLastLabel", required: false }] }], ariaEllipsisLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaEllipsisLabel", required: false }] }], pageLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPageLink", required: false }] }], ellipsisLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auEllipsisLabel", required: false }] }], slotEllipsisFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PaginationEllipsisDirective), { isSignal: true }] }], firstPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auFirstPageLabel", required: false }] }], slotFirstFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PaginationFirstDirective), { isSignal: true }] }], previousPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPreviousPageLabel", required: false }] }], slotPreviousFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PaginationPreviousDirective), { isSignal: true }] }], nextPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auNextPageLabel", required: false }] }], slotNextFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PaginationNextDirective), { isSignal: true }] }], lastPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auLastPageLabel", required: false }] }], slotLastFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PaginationLastDirective), { isSignal: true }] }], pagesDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPagesDisplay", required: false }] }], slotPagesFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PaginationPagesDirective), { isSignal: true }] }], numberLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auNumberLabel", required: false }] }], slotNumberLabelFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PaginationNumberDirective), { isSignal: true }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PaginationStructureDirective), { isSignal: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDisabled", required: false }] }], boundaryLinks: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBoundaryLinks", required: false }] }], directionLinks: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDirectionLinks", required: false }] }], collectionSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "auCollectionSize", required: false }] }], page: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPage", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPageSize", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "auSize", required: false }] }], pagesFactory: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPagesFactory", required: false }] }], pageChange: [{ type: i0.Output, args: ["auPageChange"] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "components/pagination/pagination.component.ts", lineNumber: 210 }); })();
 
 /**
@@ -1458,31 +1445,31 @@ class RatingComponent extends BaseWidgetDirective {
          * (rating: number, maxRating: number) => `${rating} out of ${maxRating}`
          * ```
          */
-        this.ariaValueTextFn = input(undefined, ...(ngDevMode ? [{ debugName: "ariaValueTextFn", alias: 'auAriaValueTextFn' }] : [{ alias: 'auAriaValueTextFn' }]));
+        this.ariaValueTextFn = input(undefined, { ...(ngDevMode ? { debugName: "ariaValueTextFn" } : {}), alias: 'auAriaValueTextFn' });
         /**
          * If `true`, the rating is disabled.
          *
          * @defaultValue `false`
          */
-        this.disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
+        this.disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'auDisabled', transform: auBooleanAttribute });
         /**
          * The maximum rating that can be given.
          *
          * @defaultValue `10`
          */
-        this.maxRating = input(undefined, ...(ngDevMode ? [{ debugName: "maxRating", alias: 'auMaxRating', transform: auNumberAttribute }] : [{ alias: 'auMaxRating', transform: auNumberAttribute }]));
+        this.maxRating = input(undefined, { ...(ngDevMode ? { debugName: "maxRating" } : {}), alias: 'auMaxRating', transform: auNumberAttribute });
         /**
          * The current rating. Could be a decimal value like `3.75`.
          *
          * @defaultValue `0`
          */
-        this.rating = input(undefined, ...(ngDevMode ? [{ debugName: "rating", alias: 'auRating', transform: auNumberAttribute }] : [{ alias: 'auRating', transform: auNumberAttribute }]));
+        this.rating = input(undefined, { ...(ngDevMode ? { debugName: "rating" } : {}), alias: 'auRating', transform: auNumberAttribute });
         /**
          * If `true`, the rating can't be changed.
          *
          * @defaultValue `false`
          */
-        this.readonly = input(undefined, ...(ngDevMode ? [{ debugName: "readonly", alias: 'auReadonly', transform: auBooleanAttribute }] : [{ alias: 'auReadonly', transform: auBooleanAttribute }]));
+        this.readonly = input(undefined, { ...(ngDevMode ? { debugName: "readonly" } : {}), alias: 'auReadonly', transform: auBooleanAttribute });
         /**
          * Define if the rating can be reset.
          *
@@ -1490,7 +1477,7 @@ class RatingComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.resettable = input(undefined, ...(ngDevMode ? [{ debugName: "resettable", alias: 'auResettable', transform: auBooleanAttribute }] : [{ alias: 'auResettable', transform: auBooleanAttribute }]));
+        this.resettable = input(undefined, { ...(ngDevMode ? { debugName: "resettable" } : {}), alias: 'auResettable', transform: auBooleanAttribute });
         /**
          * The template to override the way each star is displayed.
          *
@@ -1499,7 +1486,7 @@ class RatingComponent extends BaseWidgetDirective {
          * ({fill}: StarContext) => String.fromCharCode(fill === 100 ? 9733 : 9734)
          * ```
          */
-        this.star = input(undefined, ...(ngDevMode ? [{ debugName: "star", alias: 'auStar' }] : [{ alias: 'auStar' }]));
+        this.star = input(undefined, { ...(ngDevMode ? { debugName: "star" } : {}), alias: 'auStar' });
         this.slotStarFromContent = contentChild(RatingStarDirective, ...(ngDevMode ? [{ debugName: "slotStarFromContent" }] : []));
         /**
          * Allows setting a custom rating tabindex.
@@ -1507,25 +1494,25 @@ class RatingComponent extends BaseWidgetDirective {
          *
          * @defaultValue `0`
          */
-        this.tabindex = input(undefined, ...(ngDevMode ? [{ debugName: "tabindex", alias: 'auTabindex', transform: auNumberAttribute }] : [{ alias: 'auTabindex', transform: auNumberAttribute }]));
+        this.tabindex = input(undefined, { ...(ngDevMode ? { debugName: "tabindex" } : {}), alias: 'auTabindex', transform: auNumberAttribute });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), alias: 'auClassName' });
         /**
          * The aria label
          *
          * @defaultValue `'Rating'`
          */
-        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
+        this.ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'auAriaLabel' });
         /**
          * The aria labelled by
          *
          * @defaultValue `''`
          */
-        this.ariaLabelledBy = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelledBy", alias: 'auAriaLabelledBy' }] : [{ alias: 'auAriaLabelledBy' }]));
+        this.ariaLabelledBy = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelledBy" } : {}), alias: 'auAriaLabelledBy' });
         /**
          * An event emitted when the user is hovering over a given rating.
          *
@@ -1597,7 +1584,7 @@ class RatingComponent extends BaseWidgetDirective {
 	`,
                 providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => RatingComponent), multi: true }],
             }]
-    }], () => [], null); })();
+    }], () => [], { ariaValueTextFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaValueTextFn", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDisabled", required: false }] }], maxRating: [{ type: i0.Input, args: [{ isSignal: true, alias: "auMaxRating", required: false }] }], rating: [{ type: i0.Input, args: [{ isSignal: true, alias: "auRating", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "auReadonly", required: false }] }], resettable: [{ type: i0.Input, args: [{ isSignal: true, alias: "auResettable", required: false }] }], star: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStar", required: false }] }], slotStarFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RatingStarDirective), { isSignal: true }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "auTabindex", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLabelledBy", required: false }] }], hover: [{ type: i0.Output, args: ["auHover"] }], leave: [{ type: i0.Output, args: ["auLeave"] }], ratingChange: [{ type: i0.Output, args: ["auRatingChange"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RatingComponent, { className: "RatingComponent", filePath: "components/rating/rating.component.ts", lineNumber: 64 }); })();
 
 /**
@@ -1727,17 +1714,17 @@ class SelectComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'Select'`
          */
-        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
+        this.ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'auAriaLabel' });
         /**
          * id used for the input inside the select
          */
-        this.id = input(undefined, ...(ngDevMode ? [{ debugName: "id", alias: 'auId' }] : [{ alias: 'auId' }]));
+        this.id = input(undefined, { ...(ngDevMode ? { debugName: "id" } : {}), alias: 'auId' });
         /**
          * List of available items for the dropdown
          *
          * @defaultValue `[]`
          */
-        this.items = input(undefined, ...(ngDevMode ? [{ debugName: "items", alias: 'auItems' }] : [{ alias: 'auItems' }]));
+        this.items = input(undefined, { ...(ngDevMode ? { debugName: "items" } : {}), 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).
@@ -1747,43 +1734,43 @@ class SelectComponent extends BaseWidgetDirective {
          * ['bottom-start', 'top-start', 'bottom-end', 'top-end']
          * ```
          */
-        this.allowedPlacements = input(undefined, ...(ngDevMode ? [{ debugName: "allowedPlacements", alias: 'auAllowedPlacements' }] : [{ alias: 'auAllowedPlacements' }]));
+        this.allowedPlacements = input(undefined, { ...(ngDevMode ? { debugName: "allowedPlacements" } : {}), alias: 'auAllowedPlacements' });
         /**
          * true if the select is open
          *
          * @defaultValue `false`
          */
-        this.open = input(undefined, ...(ngDevMode ? [{ debugName: "open", alias: 'auOpen', transform: auBooleanAttribute }] : [{ alias: 'auOpen', transform: auBooleanAttribute }]));
+        this.open = input(undefined, { ...(ngDevMode ? { debugName: "open" } : {}), alias: 'auOpen', transform: auBooleanAttribute });
         /**
          * Filtered text to be display in the filter input
          *
          * @defaultValue `''`
          */
-        this.filterText = input(undefined, ...(ngDevMode ? [{ debugName: "filterText", alias: 'auFilterText' }] : [{ alias: 'auFilterText' }]));
+        this.filterText = input(undefined, { ...(ngDevMode ? { debugName: "filterText" } : {}), alias: 'auFilterText' });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), alias: 'auClassName' });
         /**
          * true if the select is disabled
          *
          * @defaultValue `false`
          */
-        this.disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
+        this.disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'auDisabled', transform: auBooleanAttribute });
         /**
          * List of selected item ids
          *
          * @defaultValue `[]`
          */
-        this.selected = input(undefined, ...(ngDevMode ? [{ debugName: "selected", alias: 'auSelected' }] : [{ alias: 'auSelected' }]));
+        this.selected = input(undefined, { ...(ngDevMode ? { debugName: "selected" } : {}), alias: 'auSelected' });
         /**
          * true if a loading process is being done
          *
          * @defaultValue `false`
          */
-        this.loading = input(undefined, ...(ngDevMode ? [{ debugName: "loading", alias: 'auLoading', transform: auBooleanAttribute }] : [{ alias: 'auLoading', transform: auBooleanAttribute }]));
+        this.loading = input(undefined, { ...(ngDevMode ? { debugName: "loading" } : {}), alias: 'auLoading', transform: auBooleanAttribute });
         /**
          * Custom function to get the id of an item
          * By default, the item is returned
@@ -1793,13 +1780,13 @@ class SelectComponent extends BaseWidgetDirective {
          * (item: any) => '' + item
          * ```
          */
-        this.itemIdFn = input(undefined, ...(ngDevMode ? [{ debugName: "itemIdFn", alias: 'auItemIdFn' }] : [{ alias: 'auItemIdFn' }]));
+        this.itemIdFn = input(undefined, { ...(ngDevMode ? { debugName: "itemIdFn" } : {}), alias: 'auItemIdFn' });
         /**
          * Class to be added on the dropdown menu container
          *
          * @defaultValue `''`
          */
-        this.menuClassName = input(undefined, ...(ngDevMode ? [{ debugName: "menuClassName", alias: 'auMenuClassName' }] : [{ alias: 'auMenuClassName' }]));
+        this.menuClassName = input(undefined, { ...(ngDevMode ? { debugName: "menuClassName" } : {}), 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.
@@ -1809,7 +1796,7 @@ class SelectComponent extends BaseWidgetDirective {
          * ({itemContext}: SelectItemContext<any>) => itemContext.item
          * ```
          */
-        this.badgeLabel = input(undefined, ...(ngDevMode ? [{ debugName: "badgeLabel", alias: 'auBadgeLabel' }] : [{ alias: 'auBadgeLabel' }]));
+        this.badgeLabel = input(undefined, { ...(ngDevMode ? { debugName: "badgeLabel" } : {}), alias: 'auBadgeLabel' });
         this.slotSelectBadgeLabelFromContent = contentChild(SelectBadgeLabelDirective, ...(ngDevMode ? [{ debugName: "slotSelectBadgeLabelFromContent" }] : []));
         /**
          * The template to override the way each item is displayed in the list.
@@ -1820,7 +1807,7 @@ class SelectComponent extends BaseWidgetDirective {
          * ({itemContext}: SelectItemContext<any>) => itemContext.item
          * ```
          */
-        this.itemLabel = input(undefined, ...(ngDevMode ? [{ debugName: "itemLabel", alias: 'auItemLabel' }] : [{ alias: 'auItemLabel' }]));
+        this.itemLabel = input(undefined, { ...(ngDevMode ? { debugName: "itemLabel" } : {}), alias: 'auItemLabel' });
         this.slotSelectItemLabelFromContent = contentChild(SelectItemLabelDirective, ...(ngDevMode ? [{ debugName: "slotSelectItemLabelFromContent" }] : []));
         /**
          * Callback called when the text filter change
@@ -1856,13 +1843,13 @@ class SelectComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.menuItemClassName = input(undefined, ...(ngDevMode ? [{ debugName: "menuItemClassName", alias: 'auMenuItemClassName' }] : [{ alias: 'auMenuItemClassName' }]));
+        this.menuItemClassName = input(undefined, { ...(ngDevMode ? { debugName: "menuItemClassName" } : {}), alias: 'auMenuItemClassName' });
         /**
          * Class to be added on selected items (displayed in the input zone)
          *
          * @defaultValue `''`
          */
-        this.badgeClassName = input(undefined, ...(ngDevMode ? [{ debugName: "badgeClassName", alias: 'auBadgeClassName' }] : [{ alias: 'auBadgeClassName' }]));
+        this.badgeClassName = input(undefined, { ...(ngDevMode ? { debugName: "badgeClassName" } : {}), alias: 'auBadgeClassName' });
         /**
          * Retrieves navigable elements within an HTML element containing badges and the input.
          *
@@ -1873,15 +1860,14 @@ class SelectComponent extends BaseWidgetDirective {
          * (node: HTMLElement) => node.querySelectorAll('.au-select-badge,input')
          * ```
          */
-        this.navSelector = input(undefined, ...(ngDevMode ? [{ debugName: "navSelector", alias: 'auNavSelector' }] : [{ alias: 'auNavSelector' }]));
+        this.navSelector = input(undefined, { ...(ngDevMode ? { debugName: "navSelector" } : {}), alias: 'auNavSelector' });
     }
     itemCtxTrackBy(_, itemContext) {
         return itemContext.id;
     }
     static { this.ɵfac = function SelectComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectComponent, selectors: [["", "auSelect", ""]], contentQueries: function SelectComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotSelectBadgeLabelFromContent, SelectBadgeLabelDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotSelectItemLabelFromContent, SelectItemLabelDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotSelectBadgeLabelFromContent, SelectBadgeLabelDirective, 5)(dirIndex, ctx.slotSelectItemLabelFromContent, SelectItemLabelDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, hostVars: 2, hostBindings: function SelectComponent_HostBindings(rf, ctx) { if (rf & 2) {
@@ -1938,7 +1924,7 @@ class SelectComponent extends BaseWidgetDirective {
 		}
 	`,
             }]
-    }], () => [], null); })();
+    }], () => [], { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLabel", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "auId", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItems", required: false }] }], allowedPlacements: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAllowedPlacements", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "auOpen", required: false }] }], filterText: [{ type: i0.Input, args: [{ isSignal: true, alias: "auFilterText", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDisabled", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "auSelected", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "auLoading", required: false }] }], itemIdFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemIdFn", required: false }] }], menuClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auMenuClassName", required: false }] }], badgeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBadgeLabel", required: false }] }], slotSelectBadgeLabelFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SelectBadgeLabelDirective), { isSignal: true }] }], itemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemLabel", required: false }] }], slotSelectItemLabelFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SelectItemLabelDirective), { isSignal: true }] }], filterTextChange: [{ type: i0.Output, args: ["auFilterTextChange"] }], selectedChange: [{ type: i0.Output, args: ["auSelectedChange"] }], openChange: [{ type: i0.Output, args: ["auOpenChange"] }], menuItemClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auMenuItemClassName", required: false }] }], badgeClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBadgeClassName", required: false }] }], navSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "auNavSelector", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectComponent, { className: "SelectComponent", filePath: "components/select/select.component.ts", lineNumber: 87 }); })();
 
 /**
@@ -2062,7 +2048,7 @@ class AlertDefaultSlotsComponent {
 		}
 	</ng-template>`,
             }]
-    }], null, null); })();
+    }], null, { structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDefaultSlotsComponent, { className: "AlertDefaultSlotsComponent", filePath: "components/alert/alert.component.ts", lineNumber: 47 }); })();
 /**
  * Represents the default slot structure for the alert component.
@@ -2098,14 +2084,14 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'primary'`
          */
-        this.type = input(undefined, ...(ngDevMode ? [{ debugName: "type", alias: 'auType' }] : [{ alias: 'auType' }]));
+        this.type = input(undefined, { ...(ngDevMode ? { debugName: "type" } : {}), 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, ...(ngDevMode ? [{ debugName: "dismissible", alias: 'auDismissible', transform: auBooleanAttribute }] : [{ alias: 'auDismissible', transform: auBooleanAttribute }]));
+        this.dismissible = input(undefined, { ...(ngDevMode ? { debugName: "dismissible" } : {}), alias: 'auDismissible', transform: auBooleanAttribute });
         /**
          * The transition function will be executed when the alert is displayed or hidden.
          *
@@ -2113,13 +2099,13 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `fadeTransition`
          */
-        this.transition = input(undefined, ...(ngDevMode ? [{ debugName: "transition", alias: 'auTransition' }] : [{ alias: 'auTransition' }]));
+        this.transition = input(undefined, { ...(ngDevMode ? { debugName: "transition" } : {}), alias: 'auTransition' });
         /**
          * If `true` the alert is visible to the user
          *
          * @defaultValue `true`
          */
-        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
+        this.visible = input(undefined, { ...(ngDevMode ? { debugName: "visible" } : {}), alias: 'auVisible', transform: auBooleanAttribute });
         /**
          * If `true`, alert opening will be animated.
          *
@@ -2128,7 +2114,7 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `false`
          */
-        this.animatedOnInit = input(undefined, ...(ngDevMode ? [{ debugName: "animatedOnInit", alias: 'auAnimatedOnInit', transform: auBooleanAttribute }] : [{ alias: 'auAnimatedOnInit', transform: auBooleanAttribute }]));
+        this.animatedOnInit = input(undefined, { ...(ngDevMode ? { debugName: "animatedOnInit" } : {}), alias: 'auAnimatedOnInit', transform: auBooleanAttribute });
         /**
          * If `true`, alert closing will be animated.
          *
@@ -2137,22 +2123,22 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
+        this.animated = input(undefined, { ...(ngDevMode ? { debugName: "animated" } : {}), alias: 'auAnimated', transform: auBooleanAttribute });
         /**
          * Accessibility close button label
          *
          * @defaultValue `'Close'`
          */
-        this.ariaCloseButtonLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaCloseButtonLabel", alias: 'auAriaCloseButtonLabel' }] : [{ alias: 'auAriaCloseButtonLabel' }]));
+        this.ariaCloseButtonLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaCloseButtonLabel" } : {}), alias: 'auAriaCloseButtonLabel' });
         /**
          * Template for the alert content
          */
-        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.children = input(undefined, { ...(ngDevMode ? { debugName: "children" } : {}), alias: 'auChildren' });
         this.slotDefaultFromContent = contentChild(AlertBodyDirective, ...(ngDevMode ? [{ debugName: "slotDefaultFromContent" }] : []));
         /**
          * Global template for the alert component
          */
-        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), alias: 'auStructure' });
         this.slotStructureFromContent = contentChild(AlertStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Callback called when the alert visibility changed.
@@ -2186,13 +2172,12 @@ class AlertComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), 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) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotDefaultFromContent, AlertBodyDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, AlertStructureDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotDefaultFromContent, AlertBodyDirective, 5)(dirIndex, ctx.slotStructureFromContent, AlertStructureDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, viewQuery: function AlertComponent_Query(rf, ctx) { if (rf & 1) {
@@ -2228,7 +2213,7 @@ class AlertComponent extends BaseWidgetDirective {
 			</div>
 		}`,
             }]
-    }], () => [], null); })();
+    }], () => [], { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "auType", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDismissible", required: false }] }], transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auTransition", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "auVisible", required: false }] }], animatedOnInit: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimatedOnInit", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimated", required: false }] }], ariaCloseButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaCloseButtonLabel", required: false }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "auChildren", required: false }] }], slotDefaultFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AlertBodyDirective), { isSignal: true }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AlertStructureDirective), { isSignal: true }] }], visibleChange: [{ type: i0.Output, args: ["auVisibleChange"] }], hidden: [{ type: i0.Output, args: ["auHidden"] }], shown: [{ type: i0.Output, args: ["auShown"] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], slotChildren: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertComponent, { className: "AlertComponent", filePath: "components/alert/alert.component.ts", lineNumber: 82 }); })();
 
 /**
@@ -2583,7 +2568,7 @@ class AccordionItemDefaultSlotsComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionItemDefaultSlotsComponent, { className: "AccordionItemDefaultSlotsComponent", filePath: "components/accordion/accordion.component.ts", lineNumber: 139 }); })();
 /**
  * Represents the default slot structure for an accordion item.
@@ -2618,14 +2603,14 @@ class AccordionItemComponent extends BaseWidgetDirective {
          *
          * It is a prop of the accordion-item.
          */
-        this.header = input(undefined, ...(ngDevMode ? [{ debugName: "header", alias: 'auHeader' }] : [{ alias: 'auHeader' }]));
+        this.header = input(undefined, { ...(ngDevMode ? { debugName: "header" } : {}), 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, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.children = input(undefined, { ...(ngDevMode ? { debugName: "children" } : {}), alias: 'auChildren' });
         this.slotBodyFromContent = contentChild(AccordionBodyDirective, ...(ngDevMode ? [{ debugName: "slotBodyFromContent" }] : []));
         /**
          * Structure of the accordion-item. The default item structure is: accordion-item
@@ -2635,60 +2620,60 @@ class AccordionItemComponent extends BaseWidgetDirective {
          *
          * It is a prop of the accordion-item.
          */
-        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), 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, ...(ngDevMode ? [{ debugName: "id", alias: 'auId' }] : [{ alias: 'auId' }]));
+        this.id = input(undefined, { ...(ngDevMode ? { debugName: "id" } : {}), alias: 'auId' });
         /**
          * The transition to use for the accordion-item body-container when the accordion-item is toggled.
          */
-        this.transition = input(undefined, ...(ngDevMode ? [{ debugName: "transition", alias: 'auTransition' }] : [{ alias: 'auTransition' }]));
+        this.transition = input(undefined, { ...(ngDevMode ? { debugName: "transition" } : {}), alias: 'auTransition' });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), 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, ...(ngDevMode ? [{ debugName: "destroyOnHide", alias: 'auDestroyOnHide', transform: auBooleanAttribute }] : [{ alias: 'auDestroyOnHide', transform: auBooleanAttribute }]));
+        this.destroyOnHide = input(undefined, { ...(ngDevMode ? { debugName: "destroyOnHide" } : {}), 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, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
+        this.disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'auDisabled', transform: auBooleanAttribute });
         /**
          * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
          */
-        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
+        this.visible = input(undefined, { ...(ngDevMode ? { debugName: "visible" } : {}), alias: 'auVisible', transform: auBooleanAttribute });
         /**
          * If `true`, accordion-item will be animated.
          */
-        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
+        this.animated = input(undefined, { ...(ngDevMode ? { debugName: "animated" } : {}), alias: 'auAnimated', transform: auBooleanAttribute });
         /**
          * CSS classes to add on the accordion-item header DOM element.
          */
-        this.headerClassName = input(undefined, ...(ngDevMode ? [{ debugName: "headerClassName", alias: 'auHeaderClassName' }] : [{ alias: 'auHeaderClassName' }]));
+        this.headerClassName = input(undefined, { ...(ngDevMode ? { debugName: "headerClassName" } : {}), alias: 'auHeaderClassName' });
         /**
          * CSS classes to add on the accordion-item collapse DOM element.
          */
-        this.buttonClassName = input(undefined, ...(ngDevMode ? [{ debugName: "buttonClassName", alias: 'auButtonClassName' }] : [{ alias: 'auButtonClassName' }]));
+        this.buttonClassName = input(undefined, { ...(ngDevMode ? { debugName: "buttonClassName" } : {}), 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, ...(ngDevMode ? [{ debugName: "bodyContainerClassName", alias: 'auBodyContainerClassName' }] : [{ alias: 'auBodyContainerClassName' }]));
+        this.bodyContainerClassName = input(undefined, { ...(ngDevMode ? { debugName: "bodyContainerClassName" } : {}), alias: 'auBodyContainerClassName' });
         /**
          * CSS classes to add on the accordion-item body DOM element.
          */
-        this.bodyClassName = input(undefined, ...(ngDevMode ? [{ debugName: "bodyClassName", alias: 'auBodyClassName' }] : [{ alias: 'auBodyClassName' }]));
+        this.bodyClassName = input(undefined, { ...(ngDevMode ? { debugName: "bodyClassName" } : {}), alias: 'auBodyClassName' });
         /**
          * The html heading level to use for the accordion-item-header.
          */
-        this.headingLevel = input(undefined, ...(ngDevMode ? [{ debugName: "headingLevel", alias: 'auHeadingLevel' }] : [{ alias: 'auHeadingLevel' }]));
+        this.headingLevel = input(undefined, { ...(ngDevMode ? { debugName: "headingLevel" } : {}), alias: 'auHeadingLevel' });
         /**
          * An event fired when an item is shown.
          */
@@ -2710,9 +2695,7 @@ class AccordionItemComponent extends BaseWidgetDirective {
     }
     static { this.ɵfac = function AccordionItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccordionItemComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccordionItemComponent, selectors: [["", "auAccordionItem", ""]], contentQueries: function AccordionItemComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotHeaderFromContent, AccordionHeaderDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotBodyFromContent, AccordionBodyDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, AccordionItemStructureDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotHeaderFromContent, AccordionHeaderDirective, 5)(dirIndex, ctx.slotBodyFromContent, AccordionBodyDirective, 5)(dirIndex, ctx.slotStructureFromContent, AccordionItemStructureDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(3);
         } }, viewQuery: function AccordionItemComponent_Query(rf, ctx) { if (rf & 1) {
@@ -2744,7 +2727,7 @@ class AccordionItemComponent extends BaseWidgetDirective {
 		<ng-template [auSlotProps]="{state, api, directives}" [auSlot]="state.structure()" />
 	`,
             }]
-    }], () => [], null); })();
+    }], () => [], { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "auHeader", required: false }] }], slotHeaderFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AccordionHeaderDirective), { isSignal: true }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "auChildren", required: false }] }], slotBodyFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AccordionBodyDirective), { isSignal: true }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AccordionItemStructureDirective), { isSignal: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "auId", required: false }] }], transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auTransition", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], destroyOnHide: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDestroyOnHide", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDisabled", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "auVisible", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimated", required: false }] }], headerClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auHeaderClassName", required: false }] }], buttonClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auButtonClassName", required: false }] }], bodyContainerClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBodyContainerClassName", required: false }] }], bodyClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBodyClassName", required: false }] }], headingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auHeadingLevel", required: false }] }], shown: [{ type: i0.Output, args: ["auShown"] }], hidden: [{ type: i0.Output, args: ["auHidden"] }], visibleChange: [{ type: i0.Output, args: ["auVisibleChange"] }], slotChildren: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionItemComponent, { className: "AccordionItemComponent", filePath: "components/accordion/accordion.component.ts", lineNumber: 169 }); })();
 /**
  * Directive for creating an accordion component.
@@ -2769,13 +2752,13 @@ class AccordionDirective extends BaseWidgetDirective {
          *
          * @defaultValue `false`
          */
-        this.closeOthers = input(undefined, ...(ngDevMode ? [{ debugName: "closeOthers", alias: 'auCloseOthers', transform: auBooleanAttribute }] : [{ alias: 'auCloseOthers', transform: auBooleanAttribute }]));
+        this.closeOthers = input(undefined, { ...(ngDevMode ? { debugName: "closeOthers" } : {}), alias: 'auCloseOthers', transform: auBooleanAttribute });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), alias: 'auClassName' });
         /**
          * An event fired when an item is shown.
          *
@@ -2803,13 +2786,13 @@ class AccordionDirective extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.itemDestroyOnHide = input(undefined, ...(ngDevMode ? [{ debugName: "itemDestroyOnHide", alias: 'auItemDestroyOnHide', transform: auBooleanAttribute }] : [{ alias: 'auItemDestroyOnHide', transform: auBooleanAttribute }]));
+        this.itemDestroyOnHide = input(undefined, { ...(ngDevMode ? { debugName: "itemDestroyOnHide" } : {}), alias: 'auItemDestroyOnHide', transform: auBooleanAttribute });
         /**
          * If `true`, accordion-item will be animated.
          *
          * @defaultValue `true`
          */
-        this.itemAnimated = input(undefined, ...(ngDevMode ? [{ debugName: "itemAnimated", alias: 'auItemAnimated', transform: auBooleanAttribute }] : [{ alias: 'auItemAnimated', transform: auBooleanAttribute }]));
+        this.itemAnimated = input(undefined, { ...(ngDevMode ? { debugName: "itemAnimated" } : {}), alias: 'auItemAnimated', transform: auBooleanAttribute });
         /**
          * The transition to use for the accordion-item body-container when the accordion-item is toggled.
          *
@@ -2818,7 +2801,7 @@ class AccordionDirective extends BaseWidgetDirective {
          * collapseVerticalTransition
          * ```
          */
-        this.itemTransition = input(undefined, ...(ngDevMode ? [{ debugName: "itemTransition", alias: 'auItemTransition' }] : [{ alias: 'auItemTransition' }]));
+        this.itemTransition = input(undefined, { ...(ngDevMode ? { debugName: "itemTransition" } : {}), 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
@@ -2827,44 +2810,44 @@ class AccordionDirective extends BaseWidgetDirective {
          *
          * It is a prop of the accordion-item.
          */
-        this.itemStructure = input(undefined, ...(ngDevMode ? [{ debugName: "itemStructure", alias: 'auItemStructure' }] : [{ alias: 'auItemStructure' }]));
+        this.itemStructure = input(undefined, { ...(ngDevMode ? { debugName: "itemStructure" } : {}), alias: 'auItemStructure' });
         /**
          * CSS classes to add on the accordion-item DOM element.
          *
          * @defaultValue `''`
          */
-        this.itemClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemClassName", alias: 'auItemClassName' }] : [{ alias: 'auItemClassName' }]));
+        this.itemClassName = input(undefined, { ...(ngDevMode ? { debugName: "itemClassName" } : {}), alias: 'auItemClassName' });
         /**
          * CSS classes to add on the accordion-item header DOM element.
          *
          * @defaultValue `''`
          */
-        this.itemHeaderClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemHeaderClassName", alias: 'auItemHeaderClassName' }] : [{ alias: 'auItemHeaderClassName' }]));
+        this.itemHeaderClassName = input(undefined, { ...(ngDevMode ? { debugName: "itemHeaderClassName" } : {}), alias: 'auItemHeaderClassName' });
         /**
          * CSS classes to add on the accordion-item toggle button DOM element.
          *
          * @defaultValue `''`
          */
-        this.itemButtonClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemButtonClassName", alias: 'auItemButtonClassName' }] : [{ alias: 'auItemButtonClassName' }]));
+        this.itemButtonClassName = input(undefined, { ...(ngDevMode ? { debugName: "itemButtonClassName" } : {}), 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, ...(ngDevMode ? [{ debugName: "itemBodyContainerClassName", alias: 'auItemBodyContainerClassName' }] : [{ alias: 'auItemBodyContainerClassName' }]));
+        this.itemBodyContainerClassName = input(undefined, { ...(ngDevMode ? { debugName: "itemBodyContainerClassName" } : {}), alias: 'auItemBodyContainerClassName' });
         /**
          * CSS classes to add on the accordion-item body DOM element.
          *
          * @defaultValue `''`
          */
-        this.itemBodyClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemBodyClassName", alias: 'auItemBodyClassName' }] : [{ alias: 'auItemBodyClassName' }]));
+        this.itemBodyClassName = input(undefined, { ...(ngDevMode ? { debugName: "itemBodyClassName" } : {}), alias: 'auItemBodyClassName' });
         /**
          * The html heading level to use for the accordion-item-header.
          *
          * @defaultValue `2`
          */
-        this.itemHeadingLevel = input(undefined, ...(ngDevMode ? [{ debugName: "itemHeadingLevel", alias: 'auItemHeadingLevel' }] : [{ alias: 'auItemHeadingLevel' }]));
+        this.itemHeadingLevel = input(undefined, { ...(ngDevMode ? { debugName: "itemHeadingLevel" } : {}), alias: 'auItemHeadingLevel' });
     }
     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"], itemHeadingLevel: [1, "auItemHeadingLevel", "itemHeadingLevel"] }, outputs: { itemShown: "auItemShown", itemHidden: "auItemHidden" }, exportAs: ["auAccordion"], features: [i0.ɵɵInheritDefinitionFeature] }); }
@@ -2878,7 +2861,7 @@ class AccordionDirective extends BaseWidgetDirective {
                     class: 'accordion',
                 },
             }]
-    }], () => [], null); })();
+    }], () => [], { closeOthers: [{ type: i0.Input, args: [{ isSignal: true, alias: "auCloseOthers", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], itemShown: [{ type: i0.Output, args: ["auItemShown"] }], itemHidden: [{ type: i0.Output, args: ["auItemHidden"] }], itemDestroyOnHide: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemDestroyOnHide", required: false }] }], itemAnimated: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemAnimated", required: false }] }], itemTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemTransition", required: false }] }], itemStructure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemStructure", required: false }] }], itemClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemClassName", required: false }] }], itemHeaderClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemHeaderClassName", required: false }] }], itemButtonClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemButtonClassName", required: false }] }], itemBodyContainerClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemBodyContainerClassName", required: false }] }], itemBodyClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemBodyClassName", required: false }] }], itemHeadingLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemHeadingLevel", required: false }] }] }); })();
 
 /**
  * Retrieve a shallow copy of the default Slider config
@@ -3060,7 +3043,7 @@ function SliderDefaultStructureSlotComponent_ng_template_0_For_8_Template(rf, ct
     const api_r5 = ctx_r2.api;
     i0.ɵɵproperty("auSlot", state_r4.handle())("auSlotProps", i0.ɵɵpureFunction4(3, _c9, state_r4, api_r5, directives_r2, item_r8));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(state_r4.showValueLabels() && !state_r4.combinedLabelDisplay() ? 1 : -1);
+    i0.ɵɵconditional(state_r4.showValueLabels() ? 1 : -1);
 } }
 function SliderDefaultStructureSlotComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵrepeaterCreate(0, SliderDefaultStructureSlotComponent_ng_template_0_For_1_Template, 1, 6, "div", 2, _forTrack0$2);
@@ -3174,7 +3157,7 @@ class SliderDefaultHandleSlotComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { handle: [{ type: i0.ViewChild, args: ['handle', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultHandleSlotComponent, { className: "SliderDefaultHandleSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 64 }); })();
 /**
  * A constant representing the default slot handle for the slider component.
@@ -3235,7 +3218,7 @@ class SliderDefaultTickSlotComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { tick: [{ type: i0.ViewChild, args: ['tick', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultTickSlotComponent, { className: "SliderDefaultTickSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 136 }); })();
 /**
  * A constant representing the default slot tick for the slider component.
@@ -3308,7 +3291,7 @@ class SliderDefaultStructureSlotComponent {
 			}
 			@for (item of state.sortedHandles(); track item.id; let i = $index) {
 				<ng-template [auSlot]="state.handle()" [auSlotProps]="{state, api, directives, item}" />
-				@if (state.showValueLabels() && !state.combinedLabelDisplay()) {
+				@if (state.showValueLabels()) {
 					<div [auUse]="[directives.handleLabelDisplayDirective, {index: i}]">
 						<ng-template [auSlot]="state.label()" [auSlotProps]="{state, api, directives, value: state.values()[i]}" />
 					</div>
@@ -3317,7 +3300,7 @@ class SliderDefaultStructureSlotComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderDefaultStructureSlotComponent, { className: "SliderDefaultStructureSlotComponent", filePath: "components/slider/slider.component.ts", lineNumber: 200 }); })();
 /**
  * Represents the default slot structure for the slider component.
@@ -3358,70 +3341,70 @@ class SliderComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), alias: 'auClassName' });
         /**
          * Minimum value that can be assigned to the slider
          *
          * @defaultValue `0`
          */
-        this.min = input(undefined, ...(ngDevMode ? [{ debugName: "min", alias: 'auMin', transform: auNumberAttribute }] : [{ alias: 'auMin', transform: auNumberAttribute }]));
+        this.min = input(undefined, { ...(ngDevMode ? { debugName: "min" } : {}), alias: 'auMin', transform: auNumberAttribute });
         /**
          * Maximum value that can be assigned to the slider
          *
          * @defaultValue `100`
          */
-        this.max = input(undefined, ...(ngDevMode ? [{ debugName: "max", alias: 'auMax', transform: auNumberAttribute }] : [{ alias: 'auMax', transform: auNumberAttribute }]));
+        this.max = input(undefined, { ...(ngDevMode ? { debugName: "max" } : {}), 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, ...(ngDevMode ? [{ debugName: "minRange", alias: 'auMinRange', transform: auNumberAttribute }] : [{ alias: 'auMinRange', transform: auNumberAttribute }]));
+        this.minRange = input(undefined, { ...(ngDevMode ? { debugName: "minRange" } : {}), 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, ...(ngDevMode ? [{ debugName: "maxRange", alias: 'auMaxRange', transform: auNumberAttribute }] : [{ alias: 'auMaxRange', transform: auNumberAttribute }]));
+        this.maxRange = input(undefined, { ...(ngDevMode ? { debugName: "maxRange" } : {}), 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, ...(ngDevMode ? [{ debugName: "pushRange", alias: 'auPushRange', transform: auBooleanAttribute }] : [{ alias: 'auPushRange', transform: auBooleanAttribute }]));
+        this.pushRange = input(undefined, { ...(ngDevMode ? { debugName: "pushRange" } : {}), alias: 'auPushRange', transform: auBooleanAttribute });
         /**
          * Unit value between slider steps
          *
          * @defaultValue `1`
          */
-        this.stepSize = input(undefined, ...(ngDevMode ? [{ debugName: "stepSize", alias: 'auStepSize', transform: auNumberAttribute }] : [{ alias: 'auStepSize', transform: auNumberAttribute }]));
+        this.stepSize = input(undefined, { ...(ngDevMode ? { debugName: "stepSize" } : {}), alias: 'auStepSize', transform: auNumberAttribute });
         /**
          * Current slider values
          *
          * @defaultValue `[0]`
          */
-        this.values = input(undefined, ...(ngDevMode ? [{ debugName: "values", alias: 'auValues' }] : [{ alias: 'auValues' }]));
+        this.values = input(undefined, { ...(ngDevMode ? { debugName: "values" } : {}), alias: 'auValues' });
         /**
          * It `true` slider display is inversed
          *
          * @defaultValue `false`
          */
-        this.rtl = input(undefined, ...(ngDevMode ? [{ debugName: "rtl", alias: 'auRtl', transform: auBooleanAttribute }] : [{ alias: 'auRtl', transform: auBooleanAttribute }]));
+        this.rtl = input(undefined, { ...(ngDevMode ? { debugName: "rtl" } : {}), alias: 'auRtl', transform: auBooleanAttribute });
         /**
          * If `true` the value labels are displayed on the slider
          *
          * @defaultValue `true`
          */
-        this.showValueLabels = input(undefined, ...(ngDevMode ? [{ debugName: "showValueLabels", alias: 'auShowValueLabels', transform: auBooleanAttribute }] : [{ alias: 'auShowValueLabels', transform: auBooleanAttribute }]));
+        this.showValueLabels = input(undefined, { ...(ngDevMode ? { debugName: "showValueLabels" } : {}), alias: 'auShowValueLabels', transform: auBooleanAttribute });
         /**
          * If `true` the min and max labels are displayed on the slider
          *
          * @defaultValue `true`
          */
-        this.showMinMaxLabels = input(undefined, ...(ngDevMode ? [{ debugName: "showMinMaxLabels", alias: 'auShowMinMaxLabels', transform: auBooleanAttribute }] : [{ alias: 'auShowMinMaxLabels', transform: auBooleanAttribute }]));
+        this.showMinMaxLabels = input(undefined, { ...(ngDevMode ? { debugName: "showMinMaxLabels" } : {}), 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
@@ -3431,7 +3414,7 @@ class SliderComponent extends BaseWidgetDirective {
          * () => 'Value'
          * ```
          */
-        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
+        this.ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'auAriaLabel' });
         /**
          * Return the value for the 'aria-labelledBy' attribute for the handle
          * @param sortedIndex - index of the handle in the sorted list
@@ -3441,7 +3424,7 @@ class SliderComponent extends BaseWidgetDirective {
          * () => ''
          * ```
          */
-        this.ariaLabelledBy = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelledBy", alias: 'auAriaLabelledBy' }] : [{ alias: 'auAriaLabelledBy' }]));
+        this.ariaLabelledBy = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelledBy" } : {}), alias: 'auAriaLabelledBy' });
         /**
          * Return the value for the 'aria-valuetext' attribute for the handle
          * @param value - value of the handle
@@ -3452,44 +3435,44 @@ class SliderComponent extends BaseWidgetDirective {
          * () => ''
          * ```
          */
-        this.ariaValueText = input(undefined, ...(ngDevMode ? [{ debugName: "ariaValueText", alias: 'auAriaValueText' }] : [{ alias: 'auAriaValueText' }]));
+        this.ariaValueText = input(undefined, { ...(ngDevMode ? { debugName: "ariaValueText" } : {}), alias: 'auAriaValueText' });
         /**
          * If `true` slider value cannot be changed but the slider is still focusable
          *
          * @defaultValue `false`
          */
-        this.readonly = input(undefined, ...(ngDevMode ? [{ debugName: "readonly", alias: 'auReadonly', transform: auBooleanAttribute }] : [{ alias: 'auReadonly', transform: auBooleanAttribute }]));
+        this.readonly = input(undefined, { ...(ngDevMode ? { debugName: "readonly" } : {}), alias: 'auReadonly', transform: auBooleanAttribute });
         /**
          * If `true` slider value cannot be changed and the slider cannot be focused
          *
          * @defaultValue `false`
          */
-        this.disabled = input(undefined, ...(ngDevMode ? [{ debugName: "disabled", alias: 'auDisabled', transform: auBooleanAttribute }] : [{ alias: 'auDisabled', transform: auBooleanAttribute }]));
+        this.disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'auDisabled', transform: auBooleanAttribute });
         /**
          * If `true` is vertically positioned otherwise it is horizontal
          *
          * @defaultValue `false`
          */
-        this.vertical = input(undefined, ...(ngDevMode ? [{ debugName: "vertical", alias: 'auVertical', transform: auBooleanAttribute }] : [{ alias: 'auVertical', transform: auBooleanAttribute }]));
+        this.vertical = input(undefined, { ...(ngDevMode ? { debugName: "vertical" } : {}), alias: 'auVertical', transform: auBooleanAttribute });
         /**
          * If `true` the ticks are displayed on the slider
          *
          * @defaultValue `false`
          */
-        this.showTicks = input(undefined, ...(ngDevMode ? [{ debugName: "showTicks", alias: 'auShowTicks', transform: auBooleanAttribute }] : [{ alias: 'auShowTicks', transform: auBooleanAttribute }]));
+        this.showTicks = input(undefined, { ...(ngDevMode ? { debugName: "showTicks" } : {}), 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, ...(ngDevMode ? [{ debugName: "tickInterval", alias: 'auTickInterval', transform: auNumberAttribute }] : [{ alias: 'auTickInterval', transform: auNumberAttribute }]));
+        this.tickInterval = input(undefined, { ...(ngDevMode ? { debugName: "tickInterval" } : {}), alias: 'auTickInterval', transform: auNumberAttribute });
         /**
          * If `true` the tick values are displayed on the slider
          *
          * @defaultValue `true`
          */
-        this.showTickValues = input(undefined, ...(ngDevMode ? [{ debugName: "showTickValues", alias: 'auShowTickValues', transform: auBooleanAttribute }] : [{ alias: 'auShowTickValues', transform: auBooleanAttribute }]));
+        this.showTickValues = input(undefined, { ...(ngDevMode ? { debugName: "showTickValues" } : {}), alias: 'auShowTickValues', transform: auBooleanAttribute });
         /**
          * An event emitted when slider values are changed
          *
@@ -3509,22 +3492,22 @@ class SliderComponent extends BaseWidgetDirective {
          * ({value}: SliderSlotLabelContext) => '' + value
          * ```
          */
-        this.label = input(undefined, ...(ngDevMode ? [{ debugName: "label", alias: 'auLabel' }] : [{ alias: 'auLabel' }]));
+        this.label = input(undefined, { ...(ngDevMode ? { debugName: "label" } : {}), alias: 'auLabel' });
         this.slotLabelFromContent = contentChild(SliderLabelDirective, ...(ngDevMode ? [{ debugName: "slotLabelFromContent" }] : []));
         /**
          * Slot to change the default display of the slider
          */
-        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), alias: 'auStructure' });
         this.slotStructureFromContent = contentChild(SliderStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Slot to change the handlers
          */
-        this.handle = input(undefined, ...(ngDevMode ? [{ debugName: "handle", alias: 'auHandle' }] : [{ alias: 'auHandle' }]));
+        this.handle = input(undefined, { ...(ngDevMode ? { debugName: "handle" } : {}), alias: 'auHandle' });
         this.slotHandleFromContent = contentChild(SliderHandleDirective, ...(ngDevMode ? [{ debugName: "slotHandleFromContent" }] : []));
         /**
          * Slot to change the ticks
          */
-        this.tick = input(undefined, ...(ngDevMode ? [{ debugName: "tick", alias: 'auTick' }] : [{ alias: 'auTick' }]));
+        this.tick = input(undefined, { ...(ngDevMode ? { debugName: "tick" } : {}), alias: 'auTick' });
         this.slotTickFromContent = contentChild(SliderTickDirective, ...(ngDevMode ? [{ debugName: "slotTickFromContent" }] : []));
         /**
          * Control value accessor methods
@@ -3560,10 +3543,7 @@ class SliderComponent extends BaseWidgetDirective {
     }
     static { this.ɵfac = function SliderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderComponent, selectors: [["", "auSlider", ""]], contentQueries: function SliderComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotLabelFromContent, SliderLabelDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, SliderStructureDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotHandleFromContent, SliderHandleDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotTickFromContent, SliderTickDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotLabelFromContent, SliderLabelDirective, 5)(dirIndex, ctx.slotStructureFromContent, SliderStructureDirective, 5)(dirIndex, ctx.slotHandleFromContent, SliderHandleDirective, 5)(dirIndex, ctx.slotTickFromContent, SliderTickDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(4);
         } }, hostBindings: function SliderComponent_HostBindings(rf, ctx) { if (rf & 1) {
@@ -3595,7 +3575,7 @@ class SliderComponent extends BaseWidgetDirective {
 		</div>
 	`,
             }]
-    }], () => [], null); })();
+    }], () => [], { className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "auMin", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "auMax", required: false }] }], minRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "auMinRange", required: false }] }], maxRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "auMaxRange", required: false }] }], pushRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPushRange", required: false }] }], stepSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStepSize", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "auValues", required: false }] }], rtl: [{ type: i0.Input, args: [{ isSignal: true, alias: "auRtl", required: false }] }], showValueLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "auShowValueLabels", required: false }] }], showMinMaxLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "auShowMinMaxLabels", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLabelledBy", required: false }] }], ariaValueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaValueText", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "auReadonly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDisabled", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "auVertical", required: false }] }], showTicks: [{ type: i0.Input, args: [{ isSignal: true, alias: "auShowTicks", required: false }] }], tickInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "auTickInterval", required: false }] }], showTickValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "auShowTickValues", required: false }] }], valuesChange: [{ type: i0.Output, args: ["auValuesChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "auLabel", required: false }] }], slotLabelFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SliderLabelDirective), { isSignal: true }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SliderStructureDirective), { isSignal: true }] }], handle: [{ type: i0.Input, args: [{ isSignal: true, alias: "auHandle", required: false }] }], slotHandleFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SliderHandleDirective), { isSignal: true }] }], tick: [{ type: i0.Input, args: [{ isSignal: true, alias: "auTick", required: false }] }], slotTickFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SliderTickDirective), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "components/slider/slider.component.ts", lineNumber: 229 }); })();
 
 /**
@@ -3707,7 +3687,7 @@ class ProgressbarDefaultSlotsComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProgressbarDefaultSlotsComponent, { className: "ProgressbarDefaultSlotsComponent", filePath: "components/progressbar/progressbar.component.ts", lineNumber: 62 }); })();
 /**
  * Represents the default slot structure for the progress bar component.
@@ -3737,60 +3717,60 @@ class ProgressbarComponent extends BaseWidgetDirective {
          *
          * @defaultValue `'Progressbar'`
          */
-        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
+        this.ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'auAriaLabel' });
         /**
          * The minimum value.
          *
          * @defaultValue `0`
          */
-        this.min = input(undefined, ...(ngDevMode ? [{ debugName: "min", alias: 'auMin', transform: auNumberAttribute }] : [{ alias: 'auMin', transform: auNumberAttribute }]));
+        this.min = input(undefined, { ...(ngDevMode ? { debugName: "min" } : {}), alias: 'auMin', transform: auNumberAttribute });
         /**
          * The maximum value.
          *
          * @defaultValue `100`
          */
-        this.max = input(undefined, ...(ngDevMode ? [{ debugName: "max", alias: 'auMax', transform: auNumberAttribute }] : [{ alias: 'auMax', transform: auNumberAttribute }]));
+        this.max = input(undefined, { ...(ngDevMode ? { debugName: "max" } : {}), alias: 'auMax', transform: auNumberAttribute });
         /**
          * The current value.
          *
          * @defaultValue `0`
          */
-        this.value = input(undefined, ...(ngDevMode ? [{ debugName: "value", alias: 'auValue', transform: auNumberAttribute }] : [{ alias: 'auValue', transform: auNumberAttribute }]));
+        this.value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : {}), alias: 'auValue', transform: auNumberAttribute });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), alias: 'auClassName' });
         /**
          * Label of the progress.
          */
-        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.children = input(undefined, { ...(ngDevMode ? { debugName: "children" } : {}), alias: 'auChildren' });
         this.slotDefaultFromContent = contentChild(ProgressbarBodyDirective, ...(ngDevMode ? [{ debugName: "slotDefaultFromContent" }] : []));
         /**
          * Global template for the Progressbar.
          */
-        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), 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, ...(ngDevMode ? [{ debugName: "height", alias: 'auHeight' }] : [{ alias: 'auHeight' }]));
+        this.height = input(undefined, { ...(ngDevMode ? { debugName: "height" } : {}), 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, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
+        this.animated = input(undefined, { ...(ngDevMode ? { debugName: "animated" } : {}), alias: 'auAnimated', transform: auBooleanAttribute });
         /**
          * If `true`, shows a striped progressbar.
          *
          * @defaultValue `false`
          */
-        this.striped = input(undefined, ...(ngDevMode ? [{ debugName: "striped", alias: 'auStriped', transform: auBooleanAttribute }] : [{ alias: 'auStriped', transform: auBooleanAttribute }]));
+        this.striped = input(undefined, { ...(ngDevMode ? { debugName: "striped" } : {}), alias: 'auStriped', transform: auBooleanAttribute });
         /**
          * Return the value for the 'aria-valuetext' attribute.
          * @param value - current value
@@ -3802,17 +3782,16 @@ class ProgressbarComponent extends BaseWidgetDirective {
          * () => undefined
          * ```
          */
-        this.ariaValueTextFn = input(undefined, ...(ngDevMode ? [{ debugName: "ariaValueTextFn", alias: 'auAriaValueTextFn' }] : [{ alias: 'auAriaValueTextFn' }]));
+        this.ariaValueTextFn = input(undefined, { ...(ngDevMode ? { debugName: "ariaValueTextFn" } : {}), alias: 'auAriaValueTextFn' });
         /**
          * Type of the progressbar, following bootstrap types.
          */
-        this.type = input(undefined, ...(ngDevMode ? [{ debugName: "type", alias: 'auType' }] : [{ alias: 'auType' }]));
+        this.type = input(undefined, { ...(ngDevMode ? { debugName: "type" } : {}), 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) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotDefaultFromContent, ProgressbarBodyDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, ProgressbarStructureDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotDefaultFromContent, ProgressbarBodyDirective, 5)(dirIndex, ctx.slotStructureFromContent, ProgressbarStructureDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
         } }, viewQuery: function ProgressbarComponent_Query(rf, ctx) { if (rf & 1) {
@@ -3843,7 +3822,7 @@ class ProgressbarComponent extends BaseWidgetDirective {
 		<ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" />
 	`,
             }]
-    }], () => [], null); })();
+    }], () => [], { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLabel", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "auMin", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "auMax", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "auValue", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "auChildren", required: false }] }], slotDefaultFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ProgressbarBodyDirective), { isSignal: true }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ProgressbarStructureDirective), { isSignal: true }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "auHeight", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimated", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStriped", required: false }] }], ariaValueTextFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaValueTextFn", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "auType", required: false }] }], slotChildren: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProgressbarComponent, { className: "ProgressbarComponent", filePath: "components/progressbar/progressbar.component.ts", lineNumber: 89 }); })();
 
 /**
@@ -4028,7 +4007,7 @@ class ToastDefaultSlotsComponent {
 		}
 	</ng-template>`,
             }]
-    }], null, null); })();
+    }], null, { structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastDefaultSlotsComponent, { className: "ToastDefaultSlotsComponent", filePath: "components/toast/toast.component.ts", lineNumber: 72 }); })();
 /**
  * Represents the default slot structure for the toast component.
@@ -4063,7 +4042,7 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.dismissible = input(undefined, ...(ngDevMode ? [{ debugName: "dismissible", alias: 'auDismissible', transform: auBooleanAttribute }] : [{ alias: 'auDismissible', transform: auBooleanAttribute }]));
+        this.dismissible = input(undefined, { ...(ngDevMode ? { debugName: "dismissible" } : {}), alias: 'auDismissible', transform: auBooleanAttribute });
         /**
          * The transition function will be executed when the alert is displayed or hidden.
          *
@@ -4071,13 +4050,13 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `fadeTransition`
          */
-        this.transition = input(undefined, ...(ngDevMode ? [{ debugName: "transition", alias: 'auTransition' }] : [{ alias: 'auTransition' }]));
+        this.transition = input(undefined, { ...(ngDevMode ? { debugName: "transition" } : {}), alias: 'auTransition' });
         /**
          * If `true` the alert is visible to the user
          *
          * @defaultValue `true`
          */
-        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
+        this.visible = input(undefined, { ...(ngDevMode ? { debugName: "visible" } : {}), alias: 'auVisible', transform: auBooleanAttribute });
         /**
          * If `true`, alert opening will be animated.
          *
@@ -4086,7 +4065,7 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `false`
          */
-        this.animatedOnInit = input(undefined, ...(ngDevMode ? [{ debugName: "animatedOnInit", alias: 'auAnimatedOnInit', transform: auBooleanAttribute }] : [{ alias: 'auAnimatedOnInit', transform: auBooleanAttribute }]));
+        this.animatedOnInit = input(undefined, { ...(ngDevMode ? { debugName: "animatedOnInit" } : {}), alias: 'auAnimatedOnInit', transform: auBooleanAttribute });
         /**
          * If `true`, alert closing will be animated.
          *
@@ -4095,39 +4074,39 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
+        this.animated = input(undefined, { ...(ngDevMode ? { debugName: "animated" } : {}), alias: 'auAnimated', transform: auBooleanAttribute });
         /**
          * If `true` automatically hides the toast after the delay.
          *
          * @defaultValue `true`
          */
-        this.autoHide = input(undefined, ...(ngDevMode ? [{ debugName: "autoHide", alias: 'auAutoHide', transform: auBooleanAttribute }] : [{ alias: 'auAutoHide', transform: auBooleanAttribute }]));
+        this.autoHide = input(undefined, { ...(ngDevMode ? { debugName: "autoHide" } : {}), alias: 'auAutoHide', transform: auBooleanAttribute });
         /**
          * Delay in milliseconds before hiding the toast.
          *
          * @defaultValue `5000`
          */
-        this.delay = input(undefined, ...(ngDevMode ? [{ debugName: "delay", alias: 'auDelay', transform: auNumberAttribute }] : [{ alias: 'auDelay', transform: auNumberAttribute }]));
+        this.delay = input(undefined, { ...(ngDevMode ? { debugName: "delay" } : {}), alias: 'auDelay', transform: auNumberAttribute });
         /**
          * Accessibility close button label
          *
          * @defaultValue `'Close'`
          */
-        this.ariaCloseButtonLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaCloseButtonLabel", alias: 'auAriaCloseButtonLabel' }] : [{ alias: 'auAriaCloseButtonLabel' }]));
+        this.ariaCloseButtonLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaCloseButtonLabel" } : {}), alias: 'auAriaCloseButtonLabel' });
         /**
          * Template for the toast content
          */
-        this.children = input(undefined, ...(ngDevMode ? [{ debugName: "children", alias: 'auChildren' }] : [{ alias: 'auChildren' }]));
+        this.children = input(undefined, { ...(ngDevMode ? { debugName: "children" } : {}), alias: 'auChildren' });
         this.slotDefaultFromContent = contentChild(ToastBodyDirective, ...(ngDevMode ? [{ debugName: "slotDefaultFromContent" }] : []));
         /**
          * Global template for the toast component
          */
-        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), alias: 'auStructure' });
         this.slotStructureFromContent = contentChild(ToastStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Header template for the toast component
          */
-        this.header = input(undefined, ...(ngDevMode ? [{ debugName: "header", alias: 'auHeader' }] : [{ alias: 'auHeader' }]));
+        this.header = input(undefined, { ...(ngDevMode ? { debugName: "header" } : {}), alias: 'auHeader' });
         this.slotHeaderFromContent = contentChild(ToastHeaderDirective, ...(ngDevMode ? [{ debugName: "slotHeaderFromContent" }] : []));
         /**
          * Callback called when the alert visibility changed.
@@ -4161,14 +4140,12 @@ class ToastComponent extends BaseWidgetDirective {
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), 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) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotDefaultFromContent, ToastBodyDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, ToastStructureDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotHeaderFromContent, ToastHeaderDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotDefaultFromContent, ToastBodyDirective, 5)(dirIndex, ctx.slotStructureFromContent, ToastStructureDirective, 5)(dirIndex, ctx.slotHeaderFromContent, ToastHeaderDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(3);
         } }, viewQuery: function ToastComponent_Query(rf, ctx) { if (rf & 1) {
@@ -4203,7 +4180,7 @@ class ToastComponent extends BaseWidgetDirective {
 			</div>
 		}`,
             }]
-    }], () => [], null); })();
+    }], () => [], { dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDismissible", required: false }] }], transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auTransition", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "auVisible", required: false }] }], animatedOnInit: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimatedOnInit", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimated", required: false }] }], autoHide: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAutoHide", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDelay", required: false }] }], ariaCloseButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaCloseButtonLabel", required: false }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "auChildren", required: false }] }], slotDefaultFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ToastBodyDirective), { isSignal: true }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ToastStructureDirective), { isSignal: true }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "auHeader", required: false }] }], slotHeaderFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ToastHeaderDirective), { isSignal: true }] }], visibleChange: [{ type: i0.Output, args: ["auVisibleChange"] }], hidden: [{ type: i0.Output, args: ["auHidden"] }], shown: [{ type: i0.Output, args: ["auShown"] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], slotChildren: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastComponent, { className: "ToastComponent", filePath: "components/toast/toast.component.ts", lineNumber: 103 }); })();
 
 /**
@@ -4226,37 +4203,37 @@ class CollapseDirective extends BaseWidgetDirective {
          *
          * @defaultValue `false`
          */
-        this.animatedOnInit = input(undefined, ...(ngDevMode ? [{ debugName: "animatedOnInit", alias: 'auAnimatedOnInit', transform: auBooleanAttribute }] : [{ alias: 'auAnimatedOnInit', transform: auBooleanAttribute }]));
+        this.animatedOnInit = input(undefined, { ...(ngDevMode ? { debugName: "animatedOnInit" } : {}), alias: 'auAnimatedOnInit', transform: auBooleanAttribute });
         /**
          * If `true`, collapse closing and opening will be animated.
          *
          * @defaultValue `true`
          */
-        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
+        this.animated = input(undefined, { ...(ngDevMode ? { debugName: "animated" } : {}), alias: 'auAnimated', transform: auBooleanAttribute });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), alias: 'auClassName' });
         /**
          * If `true`, collapse will be done horizontally.
          *
          * @defaultValue `false`
          */
-        this.horizontal = input(undefined, ...(ngDevMode ? [{ debugName: "horizontal", alias: 'auHorizontal', transform: auBooleanAttribute }] : [{ alias: 'auHorizontal', transform: auBooleanAttribute }]));
+        this.horizontal = input(undefined, { ...(ngDevMode ? { debugName: "horizontal" } : {}), alias: 'auHorizontal', transform: auBooleanAttribute });
         /**
          * If `true` the collapse is visible to the user
          *
          * @defaultValue `false`
          */
-        this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
+        this.visible = input(undefined, { ...(ngDevMode ? { debugName: "visible" } : {}), alias: 'auVisible', transform: auBooleanAttribute });
         /**
          * id of the collapse
          *
          * @defaultValue `''`
          */
-        this.id = input(undefined, ...(ngDevMode ? [{ debugName: "id", alias: 'auId' }] : [{ alias: 'auId' }]));
+        this.id = input(undefined, { ...(ngDevMode ? { debugName: "id" } : {}), alias: 'auId' });
         /**
          * Callback called when the collapse visibility changed.
          *
@@ -4295,7 +4272,7 @@ class CollapseDirective extends BaseWidgetDirective {
                 selector: '[auCollapse]',
                 exportAs: 'auCollapse',
             }]
-    }], () => [], null); })();
+    }], () => [], { animatedOnInit: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimatedOnInit", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimated", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], horizontal: [{ type: i0.Input, args: [{ isSignal: true, alias: "auHorizontal", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "auVisible", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "auId", required: false }] }], visibleChange: [{ type: i0.Output, args: ["auVisibleChange"] }], hidden: [{ type: i0.Output, args: ["auHidden"] }], shown: [{ type: i0.Output, args: ["auShown"] }] }); })();
 class CollapseTriggerDirective {
     constructor() {
         this.auCollapseTrigger = input.required(...(ngDevMode ? [{ debugName: "auCollapseTrigger" }] : []));
@@ -4315,7 +4292,7 @@ class CollapseTriggerDirective {
         args: [{
                 selector: '[auCollapseTrigger]',
             }]
-    }], null, null); })();
+    }], null, { auCollapseTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "auCollapseTrigger", required: true }] }] }); })();
 
 /**
  * Retrieve a shallow copy of the default collapse config
@@ -4498,7 +4475,7 @@ class TreeDefaultStructureSlotComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultStructureSlotComponent, { className: "TreeDefaultStructureSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 33 }); })();
 /**
  * A constant representing the default slot for tree structure.
@@ -4555,7 +4532,7 @@ class TreeDefaultItemToggleSlotComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { toggle: [{ type: i0.ViewChild, args: ['toggle', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemToggleSlotComponent, { className: "TreeDefaultItemToggleSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 76 }); })();
 /**
  * A constant representing the default slot for tree item toggle.
@@ -4607,7 +4584,7 @@ class TreeDefaultItemContentSlotComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { treeItemContent: [{ type: i0.ViewChild, args: ['treeItemContent', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemContentSlotComponent, { className: "TreeDefaultItemContentSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 110 }); })();
 /**
  * A constant representing the default slot for tree item.
@@ -4668,7 +4645,7 @@ class TreeDefaultItemSlotComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { treeItem: [{ type: i0.ViewChild, args: ['treeItem', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDefaultItemSlotComponent, { className: "TreeDefaultItemSlotComponent", filePath: "components/tree/tree.component.ts", lineNumber: 153 }); })();
 /**
  * A constant representing the default slot for tree item.
@@ -4703,13 +4680,13 @@ class TreeComponent extends BaseWidgetDirective {
          *
          * @defaultValue `[]`
          */
-        this.nodes = input(undefined, ...(ngDevMode ? [{ debugName: "nodes", alias: 'auNodes' }] : [{ alias: 'auNodes' }]));
+        this.nodes = input(undefined, { ...(ngDevMode ? { debugName: "nodes" } : {}), alias: 'auNodes' });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), alias: 'auClassName' });
         /**
          * Retrieves expand items of the TreeItem
          *
@@ -4720,7 +4697,7 @@ class TreeComponent extends BaseWidgetDirective {
          * (node: HTMLElement) => node.querySelectorAll('button')
          * ```
          */
-        this.navSelector = input(undefined, ...(ngDevMode ? [{ debugName: "navSelector", alias: 'auNavSelector' }] : [{ alias: 'auNavSelector' }]));
+        this.navSelector = input(undefined, { ...(ngDevMode ? { debugName: "navSelector" } : {}), alias: 'auNavSelector' });
         /**
          * Return the value for the 'aria-label' attribute of the toggle
          * @param label - tree item label
@@ -4730,7 +4707,7 @@ class TreeComponent extends BaseWidgetDirective {
          * (label: string) => `Toggle ${label}`
          * ```
          */
-        this.ariaLabelToggleFn = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelToggleFn", alias: 'auAriaLabelToggleFn' }] : [{ alias: 'auAriaLabelToggleFn' }]));
+        this.ariaLabelToggleFn = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelToggleFn" } : {}), alias: 'auAriaLabelToggleFn' });
         /**
          * An event emitted when the user toggles the expand of the TreeItem.
          *
@@ -4745,30 +4722,27 @@ class TreeComponent extends BaseWidgetDirective {
         /**
          * Slot to change the default tree item content
          */
-        this.itemContent = input(undefined, ...(ngDevMode ? [{ debugName: "itemContent", alias: 'auItemContent' }] : [{ alias: 'auItemContent' }]));
+        this.itemContent = input(undefined, { ...(ngDevMode ? { debugName: "itemContent" } : {}), alias: 'auItemContent' });
         this.slotItemContentFromContent = contentChild(TreeItemContentDirective, ...(ngDevMode ? [{ debugName: "slotItemContentFromContent" }] : []));
         /**
          * Slot to change the default display of the tree
          */
-        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), alias: 'auStructure' });
         this.slotStructureFromContent = contentChild(TreeStructureDirective, ...(ngDevMode ? [{ debugName: "slotStructureFromContent" }] : []));
         /**
          * Slot to change the default tree item toggle
          */
-        this.itemToggle = input(undefined, ...(ngDevMode ? [{ debugName: "itemToggle", alias: 'auItemToggle' }] : [{ alias: 'auItemToggle' }]));
+        this.itemToggle = input(undefined, { ...(ngDevMode ? { debugName: "itemToggle" } : {}), alias: 'auItemToggle' });
         this.slotItemToggleFromContent = contentChild(TreeItemToggleDirective, ...(ngDevMode ? [{ debugName: "slotItemToggleFromContent" }] : []));
         /**
          * Slot to change the default tree item
          */
-        this.item = input(undefined, ...(ngDevMode ? [{ debugName: "item", alias: 'auItem' }] : [{ alias: 'auItem' }]));
+        this.item = input(undefined, { ...(ngDevMode ? { debugName: "item" } : {}), 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) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotItemContentFromContent, TreeItemContentDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, TreeStructureDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotItemToggleFromContent, TreeItemToggleDirective, 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotItemFromContent, TreeItemDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotItemContentFromContent, TreeItemContentDirective, 5)(dirIndex, ctx.slotStructureFromContent, TreeStructureDirective, 5)(dirIndex, ctx.slotItemToggleFromContent, TreeItemToggleDirective, 5)(dirIndex, ctx.slotItemFromContent, TreeItemDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(4);
         } }, inputs: { nodes: [1, "auNodes", "nodes"], className: [1, "auClassName", "className"], navSelector: [1, "auNavSelector", "navSelector"], ariaLabelToggleFn: [1, "auAriaLabelToggleFn", "ariaLabelToggleFn"], itemContent: [1, "auItemContent", "itemContent"], structure: [1, "auStructure", "structure"], itemToggle: [1, "auItemToggle", "itemToggle"], item: [1, "auItem", "item"] }, outputs: { expandToggle: "auExpandToggle" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c7, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function TreeComponent_Template(rf, ctx) { if (rf & 1) {
@@ -4785,7 +4759,7 @@ class TreeComponent extends BaseWidgetDirective {
                 imports: [SlotDirective],
                 template: ` <ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" /> `,
             }]
-    }], () => [], null); })();
+    }], () => [], { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "auNodes", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], navSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "auNavSelector", required: false }] }], ariaLabelToggleFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLabelToggleFn", required: false }] }], expandToggle: [{ type: i0.Output, args: ["auExpandToggle"] }], itemContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemContent", required: false }] }], slotItemContentFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TreeItemContentDirective), { isSignal: true }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TreeStructureDirective), { isSignal: true }] }], itemToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItemToggle", required: false }] }], slotItemToggleFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TreeItemToggleDirective), { isSignal: true }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "auItem", required: false }] }], slotItemFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TreeItemDirective), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeComponent, { className: "TreeComponent", filePath: "components/tree/tree.component.ts", lineNumber: 178 }); })();
 
 /**
@@ -4976,8 +4950,7 @@ 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$2, 5);
-            i0.ɵɵviewQuerySignal(ctx.navigation, _c1$2, 5);
+            i0.ɵɵviewQuerySignal(ctx.structure, _c0$2, 5)(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) {
@@ -5029,7 +5002,7 @@ class CarouselDefaultSlotsComponent {
 		</ng-template>
 	`,
             }]
-    }], null, null); })();
+    }], null, { structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }], navigation: [{ type: i0.ViewChild, args: ['navigation', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CarouselDefaultSlotsComponent, { className: "CarouselDefaultSlotsComponent", filePath: "components/carousel/carousel.component.ts", lineNumber: 107 }); })();
 /**
  * The default slot for the structure
@@ -5066,85 +5039,85 @@ class CarouselComponent extends BaseWidgetDirective {
          * (index: number) => `Select slide ${index + 1}`
          * ```
          */
-        this.ariaIndicatorLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaIndicatorLabel", alias: 'auAriaIndicatorLabel' }] : [{ alias: 'auAriaIndicatorLabel' }]));
+        this.ariaIndicatorLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaIndicatorLabel" } : {}), alias: 'auAriaIndicatorLabel' });
         /**
          * Aria label for previous button
          *
          * @defaultValue `'Select previous slide'`
          */
-        this.ariaPrevLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaPrevLabel", alias: 'auAriaPrevLabel' }] : [{ alias: 'auAriaPrevLabel' }]));
+        this.ariaPrevLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaPrevLabel" } : {}), alias: 'auAriaPrevLabel' });
         /**
          * Aria label for next button
          *
          * @defaultValue `'Select next slide'`
          */
-        this.ariaNextLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaNextLabel", alias: 'auAriaNextLabel' }] : [{ alias: 'auAriaNextLabel' }]));
+        this.ariaNextLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaNextLabel" } : {}), 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, ...(ngDevMode ? [{ debugName: "direction", alias: 'auDirection' }] : [{ alias: 'auDirection' }]));
+        this.direction = input(undefined, { ...(ngDevMode ? { debugName: "direction" } : {}), alias: 'auDirection' });
         /**
          * Enables momentum scrolling
          *
          * @see {@link https://www.embla-carousel.com/api/options/#dragFree}
          * @defaultValue `false`
          */
-        this.dragFree = input(undefined, ...(ngDevMode ? [{ debugName: "dragFree", alias: 'auDragFree', transform: auBooleanAttribute }] : [{ alias: 'auDragFree', transform: auBooleanAttribute }]));
+        this.dragFree = input(undefined, { ...(ngDevMode ? { debugName: "dragFree" } : {}), alias: 'auDragFree', transform: auBooleanAttribute });
         /**
          * Drag threshold in pixels
          *
          * @see {@link https://www.embla-carousel.com/api/options/#dragThreshold}
          * @defaultValue `10`
          */
-        this.dragThreshold = input(undefined, ...(ngDevMode ? [{ debugName: "dragThreshold", alias: 'auDragThreshold', transform: auNumberAttribute }] : [{ alias: 'auDragThreshold', transform: auNumberAttribute }]));
+        this.dragThreshold = input(undefined, { ...(ngDevMode ? { debugName: "dragThreshold" } : {}), 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, ...(ngDevMode ? [{ debugName: "duration", alias: 'auDuration', transform: auNumberAttribute }] : [{ alias: 'auDuration', transform: auNumberAttribute }]));
+        this.duration = input(undefined, { ...(ngDevMode ? { debugName: "duration" } : {}), alias: 'auDuration', transform: auNumberAttribute });
         /**
          * Enables infinite looping
          *
          * @see {@link https://www.embla-carousel.com/api/options/#loop}
          * @defaultValue `false`
          */
-        this.loop = input(undefined, ...(ngDevMode ? [{ debugName: "loop", alias: 'auLoop', transform: auBooleanAttribute }] : [{ alias: 'auLoop', transform: auBooleanAttribute }]));
+        this.loop = input(undefined, { ...(ngDevMode ? { debugName: "loop" } : {}), 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, ...(ngDevMode ? [{ debugName: "skipSnaps", alias: 'auSkipSnaps', transform: auBooleanAttribute }] : [{ alias: 'auSkipSnaps', transform: auBooleanAttribute }]));
+        this.skipSnaps = input(undefined, { ...(ngDevMode ? { debugName: "skipSnaps" } : {}), alias: 'auSkipSnaps', transform: auBooleanAttribute });
         /**
          * If `true`, 'previous' and 'next' navigation arrows will be visible.
          *
          * @defaultValue `true`
          */
-        this.showNavigationArrows = input(undefined, ...(ngDevMode ? [{ debugName: "showNavigationArrows", alias: 'auShowNavigationArrows', transform: auBooleanAttribute }] : [{ alias: 'auShowNavigationArrows', transform: auBooleanAttribute }]));
+        this.showNavigationArrows = input(undefined, { ...(ngDevMode ? { debugName: "showNavigationArrows" } : {}), alias: 'auShowNavigationArrows', transform: auBooleanAttribute });
         /**
          * If `true`, navigation indicators at the bottom of the slide will be visible.
          *
          * @defaultValue `true`
          */
-        this.showNavigationIndicators = input(undefined, ...(ngDevMode ? [{ debugName: "showNavigationIndicators", alias: 'auShowNavigationIndicators', transform: auBooleanAttribute }] : [{ alias: 'auShowNavigationIndicators', transform: auBooleanAttribute }]));
+        this.showNavigationIndicators = input(undefined, { ...(ngDevMode ? { debugName: "showNavigationIndicators" } : {}), alias: 'auShowNavigationIndicators', transform: auBooleanAttribute });
         /**
          * Plugins to extend the carousel with additional features
          * @defaultValue `[]`
          */
-        this.plugins = input(undefined, ...(ngDevMode ? [{ debugName: "plugins", alias: 'auPlugins' }] : [{ alias: 'auPlugins' }]));
+        this.plugins = input(undefined, { ...(ngDevMode ? { debugName: "plugins" } : {}), 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, ...(ngDevMode ? [{ debugName: "align", alias: 'auAlign' }] : [{ alias: 'auAlign' }]));
+        this.align = input(undefined, { ...(ngDevMode ? { debugName: "align" } : {}), 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.
          *
@@ -5152,65 +5125,63 @@ class CarouselComponent extends BaseWidgetDirective {
          *
          * @defaultValue `null`
          */
-        this.container = input(undefined, ...(ngDevMode ? [{ debugName: "container", alias: 'auContainer' }] : [{ alias: 'auContainer' }]));
+        this.container = input(undefined, { ...(ngDevMode ? { debugName: "container" } : {}), 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, ...(ngDevMode ? [{ debugName: "containScroll", alias: 'auContainScroll' }] : [{ alias: 'auContainScroll' }]));
+        this.containScroll = input(undefined, { ...(ngDevMode ? { debugName: "containScroll" } : {}), alias: 'auContainScroll' });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `''`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), alias: 'auClassName' });
         /**
          * Class name to apply to the container of the carousel.
          *
          * @defaultValue `''`
          */
-        this.containerClass = input(undefined, ...(ngDevMode ? [{ debugName: "containerClass", alias: 'auContainerClass' }] : [{ alias: 'auContainerClass' }]));
+        this.containerClass = input(undefined, { ...(ngDevMode ? { debugName: "containerClass" } : {}), alias: 'auContainerClass' });
         /**
          * Class name to apply to each slide in the carousel.
          *
          * @defaultValue `''`
          */
-        this.slideClass = input(undefined, ...(ngDevMode ? [{ debugName: "slideClass", alias: 'auSlideClass' }] : [{ alias: 'auSlideClass' }]));
+        this.slideClass = input(undefined, { ...(ngDevMode ? { debugName: "slideClass" } : {}), alias: 'auSlideClass' });
         /**
          * The aria-live attribute value for the carousel container.
          *
          * @defaultValue `'polite'`
          */
-        this.ariaLive = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLive", alias: 'auAriaLive' }] : [{ alias: 'auAriaLive' }]));
+        this.ariaLive = input(undefined, { ...(ngDevMode ? { debugName: "ariaLive" } : {}), alias: 'auAriaLive' });
         /**
          * The data for each slide in the carousel.
          *
          * @defaultValue `[]`
          */
-        this.slidesData = input(undefined, ...(ngDevMode ? [{ debugName: "slidesData", alias: 'auSlidesData' }] : [{ alias: 'auSlidesData' }]));
+        this.slidesData = input(undefined, { ...(ngDevMode ? { debugName: "slidesData" } : {}), alias: 'auSlidesData' });
         /**
          * The structure of the carousel.
          */
-        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), alias: 'auStructure' });
         /**
          * The navigation layer of the carousel.
          */
-        this.navigation = input(undefined, ...(ngDevMode ? [{ debugName: "navigation", alias: 'auNavigation' }] : [{ alias: 'auNavigation' }]));
+        this.navigation = input(undefined, { ...(ngDevMode ? { debugName: "navigation" } : {}), alias: 'auNavigation' });
         /**
          * The content of each slide in the carousel.
          */
-        this.slide = input(undefined, ...(ngDevMode ? [{ debugName: "slide", alias: 'auSlide' }] : [{ alias: 'auSlide' }]));
+        this.slide = input(undefined, { ...(ngDevMode ? { debugName: "slide" } : {}), 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) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotSlideFromContent, (CarouselSlideDirective), 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, (CarouselStructureDirective), 5);
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotNavigationFromContent, (CarouselNavigationDirective), 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotSlideFromContent, (CarouselSlideDirective), 5)(dirIndex, ctx.slotStructureFromContent, (CarouselStructureDirective), 5)(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$1, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function CarouselComponent_Template(rf, ctx) { if (rf & 1) {
@@ -5227,7 +5198,7 @@ class CarouselComponent extends BaseWidgetDirective {
                 imports: [SlotDirective],
                 template: ` <ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" /> `,
             }]
-    }], () => [], null); })();
+    }], () => [], { ariaIndicatorLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaIndicatorLabel", required: false }] }], ariaPrevLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaPrevLabel", required: false }] }], ariaNextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaNextLabel", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDirection", required: false }] }], dragFree: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDragFree", required: false }] }], dragThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDragThreshold", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDuration", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "auLoop", required: false }] }], skipSnaps: [{ type: i0.Input, args: [{ isSignal: true, alias: "auSkipSnaps", required: false }] }], showNavigationArrows: [{ type: i0.Input, args: [{ isSignal: true, alias: "auShowNavigationArrows", required: false }] }], showNavigationIndicators: [{ type: i0.Input, args: [{ isSignal: true, alias: "auShowNavigationIndicators", required: false }] }], plugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPlugins", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAlign", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "auContainer", required: false }] }], containScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "auContainScroll", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], containerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "auContainerClass", required: false }] }], slideClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "auSlideClass", required: false }] }], ariaLive: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLive", required: false }] }], slidesData: [{ type: i0.Input, args: [{ isSignal: true, alias: "auSlidesData", required: false }] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], navigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "auNavigation", required: false }] }], slide: [{ type: i0.Input, args: [{ isSignal: true, alias: "auSlide", required: false }] }], slotSlideFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CarouselSlideDirective), { isSignal: true }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CarouselStructureDirective), { isSignal: true }] }], slotNavigationFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CarouselNavigationDirective), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CarouselComponent, { className: "CarouselComponent", filePath: "components/carousel/carousel.component.ts", lineNumber: 138 }); })();
 
 class ToasterService extends ToasterService$1 {
@@ -5349,7 +5320,7 @@ class ToasterComponent {
 	`,
                 changeDetection: ChangeDetectionStrategy.OnPush,
             }]
-    }], () => [], null); })();
+    }], () => [], { auDismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDismissible", required: false }] }], auDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "auDuration", required: false }] }], auPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPosition", required: false }] }], auLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "auLimit", required: false }] }], auPauseOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "auPauseOnHover", required: false }] }], auCloseAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "auCloseAll", required: false }] }], auCloseAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "auCloseAllLabel", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToasterComponent, { className: "ToasterComponent", filePath: "components/toast/toaster.component.ts", lineNumber: 45 }); })();
 
 /**
@@ -5366,10 +5337,10 @@ 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);
+function DrawerDefaultSlotsComponent_ng_template_0_Conditional_1_ng_template_1_Template(rf, ctx) { }
+function DrawerDefaultSlotsComponent_ng_template_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtemplate(1, DrawerDefaultSlotsComponent_ng_template_0_Conditional_1_ng_template_1_Template, 0, 0, "ng-template", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -5379,28 +5350,21 @@ function DrawerDefaultSlotsComponent_ng_template_0_Conditional_0_Template(rf, ct
     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_ng_template_3_Template(rf, ctx) { }
 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);
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵconditionalCreate(1, DrawerDefaultSlotsComponent_ng_template_0_Conditional_1_Template, 2, 6, "div", 3);
+    i0.ɵɵelementStart(2, "div", 4);
+    i0.ɵɵtemplate(3, DrawerDefaultSlotsComponent_ng_template_0_ng_template_3_Template, 0, 0, "ng-template", 5);
+    i0.ɵɵelementEnd()();
 } 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);
+    i0.ɵɵconditional(state_r2.header() ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("auSlot", state_r2.children())("auSlotProps", i0.ɵɵpureFunction3(3, _c1, state_r2, api_r3, directives_r4));
 } }
 const _c2 = ["content"];
 const _c3 = ["auDrawer", ""];
@@ -5410,17 +5374,27 @@ 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_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("auUse", ctx_r0.directives.splitterDirective)("tabIndex", 0);
+} }
 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()();
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, DrawerComponent_Conditional_2_Conditional_3_Template, 1, 2, "div", 4);
+    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.ɵɵproperty("auUseMulti", i0.ɵɵpureFunction2(5, _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));
+    i0.ɵɵproperty("auSlot", ctx_r0.state.structure())("auSlotProps", i0.ɵɵpureFunction3(8, _c1, ctx_r0.state, ctx_r0.api, ctx_r0.directives));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.state.resizable() ? 3 : -1);
 } }
 function DrawerComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 1);
@@ -5491,31 +5465,30 @@ class DrawerDefaultSlotsComponent {
             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 }); }
+        } }, decls: 2, vars: 0, consts: [["structure", ""], ["auDrawerStructure", ""], [1, "au-drawer-content"], [1, "au-drawer-header"], [1, "au-drawer-body"], [3, "auSlot", "auSlotProps"]], template: function DrawerDefaultSlotsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, DrawerDefaultSlotsComponent_ng_template_0_Template, 4, 7, "ng-template", 1, 0, i0.ɵɵtemplateRefExtractor);
+        } }, dependencies: [SlotDirective, DrawerStructureDirective], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrawerDefaultSlotsComponent, [{
         type: Component,
         args: [{
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                imports: [SlotDirective, DrawerStructureDirective, UseDirective],
+                imports: [SlotDirective, DrawerStructureDirective],
                 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 class="au-drawer-content">
+			@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>
-		}
-		<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 }); })();
+    }], null, { structure: [{ type: i0.ViewChild, args: ['structure', { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DrawerDefaultSlotsComponent, { className: "DrawerDefaultSlotsComponent", filePath: "components/drawer/drawer.component.ts", lineNumber: 79 }); })();
 /**
  * Represents the default slot structure for the drawer component.
  */
@@ -5537,14 +5510,14 @@ class DrawerComponent extends BaseWidgetDirective {
                 children: this.slotBodyFromContent()?.templateRef,
             }),
             events: {
+                onResizingChange: (event) => this.resizingChange.emit(event),
                 onHidden: () => this.hidden.emit(),
                 onShown: () => this.shown.emit(),
-                onWidthChange: (width) => {
-                    this.widthChange.emit(width);
-                },
-                onHeightChange: (height) => {
-                    this.heightChange.emit(height);
+                onSizeChange: (size) => {
+                    this.sizeChange.emit(size);
                 },
+                onMaximizedChange: (event) => this.maximizedChange.emit(event),
+                onMinimizedChange: (event) => this.minimizedChange.emit(event),
                 onVisibleChange: (event) => this.visibleChange.emit(event),
             },
             slotChildren: () => this.slotChildren(),
@@ -5554,25 +5527,25 @@ class DrawerComponent extends BaseWidgetDirective {
          *
          * @defaultValue `true`
          */
-        this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ alias: 'auAnimated', transform: auBooleanAttribute }]));
+        this.animated = input(undefined, { ...(ngDevMode ? { debugName: "animated" } : {}), alias: 'auAnimated', transform: auBooleanAttribute });
         /**
          * aria-labelledby attribute to use for the drawer element.
          *
          * @defaultValue `''`
          */
-        this.ariaLabelledBy = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabelledBy", alias: 'auAriaLabelledBy' }] : [{ alias: 'auAriaLabelledBy' }]));
+        this.ariaLabelledBy = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelledBy" } : {}), alias: 'auAriaLabelledBy' });
         /**
          * aria-describedby attribute to use for the drawer element.
          *
          * @defaultValue `''`
          */
-        this.ariaDescribedBy = input(undefined, ...(ngDevMode ? [{ debugName: "ariaDescribedBy", alias: 'auAriaDescribedBy' }] : [{ alias: 'auAriaDescribedBy' }]));
+        this.ariaDescribedBy = input(undefined, { ...(ngDevMode ? { debugName: "ariaDescribedBy" } : {}), 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 }]));
+        this.visible = input(undefined, { ...(ngDevMode ? { debugName: "visible" } : {}), alias: 'auVisible', transform: auBooleanAttribute });
         /**
          * The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
          *
@@ -5581,7 +5554,7 @@ class DrawerComponent extends BaseWidgetDirective {
          * collapseVerticalTransition
          * ```
          */
-        this.verticalTransition = input(undefined, ...(ngDevMode ? [{ debugName: "verticalTransition", alias: 'auVerticalTransition' }] : [{ alias: 'auVerticalTransition' }]));
+        this.verticalTransition = input(undefined, { ...(ngDevMode ? { debugName: "verticalTransition" } : {}), alias: 'auVerticalTransition' });
         /**
          * The transition function will be executed when the drawer is displayed or hidden.
          *
@@ -5590,13 +5563,13 @@ class DrawerComponent extends BaseWidgetDirective {
          * collapseHorizontalTransition
          * ```
          */
-        this.transition = input(undefined, ...(ngDevMode ? [{ debugName: "transition", alias: 'auTransition' }] : [{ alias: 'auTransition' }]));
+        this.transition = input(undefined, { ...(ngDevMode ? { debugName: "transition" } : {}), alias: 'auTransition' });
         /**
          * The transition to use for the backdrop behind the drawer (if present).
          *
          * @defaultValue `fadeTransition`
          */
-        this.backdropTransition = input(undefined, ...(ngDevMode ? [{ debugName: "backdropTransition", alias: 'auBackdropTransition' }] : [{ alias: 'auBackdropTransition' }]));
+        this.backdropTransition = input(undefined, { ...(ngDevMode ? { debugName: "backdropTransition" } : {}), 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.
@@ -5607,82 +5580,93 @@ class DrawerComponent extends BaseWidgetDirective {
          * typeof window !== 'undefined' ? document.body : null
          * ```
          */
-        this.container = input(undefined, ...(ngDevMode ? [{ debugName: "container", alias: 'auContainer' }] : [{ alias: 'auContainer' }]));
+        this.container = input(undefined, { ...(ngDevMode ? { debugName: "container" } : {}), alias: 'auContainer' });
         /**
          * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
          *
          * @defaultValue `true`
          */
-        this.backdrop = input(undefined, ...(ngDevMode ? [{ debugName: "backdrop", alias: 'auBackdrop', transform: auBooleanAttribute }] : [{ alias: 'auBackdrop', transform: auBooleanAttribute }]));
+        this.backdrop = input(undefined, { ...(ngDevMode ? { debugName: "backdrop" } : {}), alias: 'auBackdrop', transform: auBooleanAttribute });
         /**
          * If `true` allows body scrolling when the drawer is open.
          *
          * @defaultValue `false`
          */
-        this.bodyScroll = input(undefined, ...(ngDevMode ? [{ debugName: "bodyScroll", alias: 'auBodyScroll', transform: auBooleanAttribute }] : [{ alias: 'auBodyScroll', transform: auBooleanAttribute }]));
+        this.bodyScroll = input(undefined, { ...(ngDevMode ? { debugName: "bodyScroll" } : {}), alias: 'auBodyScroll', transform: auBooleanAttribute });
+        /**
+         * Size of the drawer in pixel once the user start interacting.
+         * It corresponds to the height or the width depending on the drawer orientation
+         *
+         * @defaultValue `null`
+         */
+        this.size = input(undefined, { ...(ngDevMode ? { debugName: "size" } : {}), alias: 'auSize', transform: auNumberOrNullAttribute });
         /**
          * Classes to add on the backdrop DOM element.
          *
          * @defaultValue `''`
          */
-        this.backdropClass = input(undefined, ...(ngDevMode ? [{ debugName: "backdropClass", alias: 'auBackdropClass' }] : [{ alias: 'auBackdropClass' }]));
+        this.backdropClass = input(undefined, { ...(ngDevMode ? { debugName: "backdropClass" } : {}), alias: 'auBackdropClass' });
         /**
          * CSS classes to be applied on the widget main container
          *
          * @defaultValue `'w-full'`
          */
-        this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
+        this.className = input(undefined, { ...(ngDevMode ? { debugName: "className" } : {}), 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 }]));
+        this.resizable = input(undefined, { ...(ngDevMode ? { debugName: "resizable" } : {}), alias: 'auResizable', transform: auBooleanAttribute });
         /**
-         * The width of the drawer in pixels.
+         * An event emitted when the drawer size changes (width or height depending on the orientation).
          *
-         * @defaultValue `200`
-         */
-        this.width = input(undefined, ...(ngDevMode ? [{ debugName: "width", alias: 'auWidth', transform: auNumberAttribute }] : [{ alias: 'auWidth', transform: auNumberAttribute }]));
-        /**
-         * The height of the drawer in pixels.
+         * Event payload is equal to the newly selected width or height.
          *
-         * @defaultValue `200`
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
          */
-        this.height = input(undefined, ...(ngDevMode ? [{ debugName: "height", alias: 'auHeight', transform: auNumberAttribute }] : [{ alias: 'auHeight', transform: auNumberAttribute }]));
+        this.sizeChange = output({ alias: 'auSizeChange' });
         /**
-         * An event emitted when the width is changed.
+         * Event to be triggered when the visible property changes.
          *
-         * Event payload is equal to the newly selected width.
+         * @param visible - new value of the visible propery
          *
          * @defaultValue
          * ```ts
          * () => {}
          * ```
          */
-        this.widthChange = output({ alias: 'auWidthChange' });
+        this.visibleChange = output({ alias: 'auVisibleChange' });
         /**
-         * An event emitted when the height is changed.
-         *
-         * Event payload is equal to the newly selected height.
+         * Event to be triggered when the minimized state changes.
          *
          * @defaultValue
          * ```ts
          * () => {}
          * ```
          */
-        this.heightChange = output({ alias: 'auHeightChange' });
+        this.minimizedChange = output({ alias: 'auMinimizedChange' });
         /**
-         * Event to be triggered when the visible property changes.
+         * Event to be triggered when the maximized state changes.
          *
-         * @param visible - new value of the visible propery
+         * @defaultValue
+         * ```ts
+         * () => {}
+         * ```
+         */
+        this.maximizedChange = output({ alias: 'auMaximizedChange' });
+        /**
+         * Event to be triggered when the user starts or stops resizing the drawer.
          *
          * @defaultValue
          * ```ts
          * () => {}
          * ```
          */
-        this.visibleChange = output({ alias: 'auVisibleChange' });
+        this.resizingChange = output({ alias: 'auResizingChange' });
         /**
          * Event to be triggered when the transition is completed and the drawer is not visible.
          *
@@ -5704,35 +5688,33 @@ class DrawerComponent extends BaseWidgetDirective {
         /**
          * Global template for the drawer component
          */
-        this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
+        this.structure = input(undefined, { ...(ngDevMode ? { debugName: "structure" } : {}), 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.header = input(undefined, { ...(ngDevMode ? { debugName: "header" } : {}), 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.children = input(undefined, { ...(ngDevMode ? { debugName: "children" } : {}), 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);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotStructureFromContent, DrawerStructureDirective, 5)(dirIndex, ctx.slotHeaderFromContent, DrawerHeaderDirective, 5)(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) {
+        } }, 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"], size: [1, "auSize", "size"], backdropClass: [1, "auBackdropClass", "backdropClass"], className: [1, "auClassName", "className"], resizable: [1, "auResizable", "resizable"], structure: [1, "auStructure", "structure"], header: [1, "auHeader", "header"], children: [1, "auChildren", "children"] }, outputs: { sizeChange: "auSizeChange", visibleChange: "auVisibleChange", minimizedChange: "auMinimizedChange", maximizedChange: "auMaximizedChange", resizingChange: "auResizingChange", hidden: "auHidden", shown: "auShown" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3, ngContentSelectors: _c4, decls: 4, vars: 2, consts: [["content", ""], [3, "auUseMulti"], [3, "auUse"], [3, "auSlot", "auSlotProps"], [3, "auUse", "tabIndex"]], 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(2, DrawerComponent_Conditional_2_Template, 4, 12, "div", 1);
             i0.ɵɵconditionalCreate(3, DrawerComponent_Conditional_3_Template, 1, 4, "div", 1);
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -5754,6 +5736,9 @@ class DrawerComponent extends BaseWidgetDirective {
 				<div [auUse]="directives.containerDirective">
 					<ng-template [auSlot]="state.structure()" [auSlotProps]="{state, api, directives}" />
 				</div>
+				@if (state.resizable()) {
+					<div [auUse]="directives.splitterDirective" [tabIndex]="0"></div>
+				}
 			</div>
 		}
 		@if (!state.backdropHidden()) {
@@ -5762,8 +5747,8 @@ class DrawerComponent extends BaseWidgetDirective {
 	`,
                 encapsulation: ViewEncapsulation.None,
             }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DrawerComponent, { className: "DrawerComponent", filePath: "components/drawer/drawer.component.ts", lineNumber: 113 }); })();
+    }], () => [], { animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAnimated", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaLabelledBy", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "auAriaDescribedBy", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "auVisible", required: false }] }], verticalTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auVerticalTransition", required: false }] }], transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auTransition", required: false }] }], backdropTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBackdropTransition", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "auContainer", required: false }] }], backdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBackdrop", required: false }] }], bodyScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBodyScroll", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "auSize", required: false }] }], backdropClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "auBackdropClass", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "auClassName", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "auResizable", required: false }] }], sizeChange: [{ type: i0.Output, args: ["auSizeChange"] }], visibleChange: [{ type: i0.Output, args: ["auVisibleChange"] }], minimizedChange: [{ type: i0.Output, args: ["auMinimizedChange"] }], maximizedChange: [{ type: i0.Output, args: ["auMaximizedChange"] }], resizingChange: [{ type: i0.Output, args: ["auResizingChange"] }], hidden: [{ type: i0.Output, args: ["auHidden"] }], shown: [{ type: i0.Output, args: ["auShown"] }], structure: [{ type: i0.Input, args: [{ isSignal: true, alias: "auStructure", required: false }] }], slotStructureFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DrawerStructureDirective), { isSignal: true }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "auHeader", required: false }] }], slotHeaderFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DrawerHeaderDirective), { isSignal: true }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "auChildren", required: false }] }], slotBodyFromContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => DrawerBodyDirective), { isSignal: true }] }], slotChildren: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DrawerComponent, { className: "DrawerComponent", filePath: "components/drawer/drawer.component.ts", lineNumber: 115 }); })();
 
 // [import-placeholder]
 /* istanbul ignore next */