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

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

@@ -2249,7 +2249,7 @@ const export_createAccordionItem = createAccordionItem;
  */
 const export_createAccordion = createAccordion;
 /**
- * Create an accordion WidgetFactory based on a item factory and the list of item props that should inherit from the parent accordion
+ * Create an accordion WidgetFactory based on an item factory and the list of item props that should inherit from the parent accordion
  *
  * @param itemFactory - the item factory
  * @param accordionItemProps - the list of item props
@@ -2419,7 +2419,7 @@ function AccordionItemDefaultSlotsComponent_ng_template_0_Template(rf, ctx) { if
 } if (rf & 2) {
     let tmp_12_0;
     const state_r10 = ctx.state;
-    i0.ɵɵconditional((tmp_12_0 = state_r10.headingTag()) === "h1" ? 0 : tmp_12_0 === "h2" ? 1 : tmp_12_0 === "h3" ? 2 : tmp_12_0 === "h4" ? 3 : tmp_12_0 === "h5" ? 4 : tmp_12_0 === "h6" ? 5 : 6);
+    i0.ɵɵconditional((tmp_12_0 = state_r10.headingLevel()) === 1 ? 0 : tmp_12_0 === 2 ? 1 : tmp_12_0 === 3 ? 2 : tmp_12_0 === 4 ? 3 : tmp_12_0 === 5 ? 4 : tmp_12_0 === 6 ? 5 : 6);
     i0.ɵɵadvance(21);
     i0.ɵɵconditional(state_r10.shouldBeInDOM() ? 21 : -1);
 } }
@@ -2509,23 +2509,23 @@ class AccordionItemDefaultSlotsComponent {
                 imports: [UseDirective, SlotDirective, NgTemplateOutlet, AccordionItemStructureDirective],
                 template: `
 		<ng-template auAccordionItemStructure #structure let-state="state" let-api="api" let-directives="directives">
-			@switch (state.headingTag()) {
-				@case ('h1') {
+			@switch (state.headingLevel()) {
+				@case (1) {
 					<ng-container [ngTemplateOutlet]="h1" />
 				}
-				@case ('h2') {
+				@case (2) {
 					<ng-container [ngTemplateOutlet]="h2" />
 				}
-				@case ('h3') {
+				@case (3) {
 					<ng-container [ngTemplateOutlet]="h3" />
 				}
-				@case ('h4') {
+				@case (4) {
 					<ng-container [ngTemplateOutlet]="h4" />
 				}
-				@case ('h5') {
+				@case (5) {
 					<ng-container [ngTemplateOutlet]="h5" />
 				}
-				@case ('h6') {
+				@case (6) {
 					<ng-container [ngTemplateOutlet]="h6" />
 				}
 				@default {
@@ -2584,7 +2584,7 @@ class AccordionItemDefaultSlotsComponent {
 	`,
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionItemDefaultSlotsComponent, { className: "AccordionItemDefaultSlotsComponent", filePath: "components/accordion/accordion.component.ts", lineNumber: 136 }); })();
+(() => { (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.
  */
@@ -2686,9 +2686,9 @@ class AccordionItemComponent extends BaseWidgetDirective {
          */
         this.bodyClassName = input(undefined, ...(ngDevMode ? [{ debugName: "bodyClassName", alias: 'auBodyClassName' }] : [{ alias: 'auBodyClassName' }]));
         /**
-         * The html tag to use for the accordion-item-header.
+         * The html heading level to use for the accordion-item-header.
          */
-        this.headingTag = input(undefined, ...(ngDevMode ? [{ debugName: "headingTag", alias: 'auHeadingTag' }] : [{ alias: 'auHeadingTag' }]));
+        this.headingLevel = input(undefined, ...(ngDevMode ? [{ debugName: "headingLevel", alias: 'auHeadingLevel' }] : [{ alias: 'auHeadingLevel' }]));
         /**
          * An event fired when an item is shown.
          */
@@ -2719,7 +2719,7 @@ class AccordionItemComponent extends BaseWidgetDirective {
             i0.ɵɵviewQuerySignal(ctx.slotChildren, _c2$6, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
-        } }, hostAttrs: [1, "accordion-item"], inputs: { header: [1, "auHeader", "header"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], id: [1, "auId", "id"], transition: [1, "auTransition", "transition"], className: [1, "auClassName", "className"], destroyOnHide: [1, "auDestroyOnHide", "destroyOnHide"], disabled: [1, "auDisabled", "disabled"], visible: [1, "auVisible", "visible"], animated: [1, "auAnimated", "animated"], headerClassName: [1, "auHeaderClassName", "headerClassName"], buttonClassName: [1, "auButtonClassName", "buttonClassName"], bodyContainerClassName: [1, "auBodyContainerClassName", "bodyContainerClassName"], bodyClassName: [1, "auBodyClassName", "bodyClassName"], headingTag: [1, "auHeadingTag", "headingTag"] }, outputs: { shown: "auShown", hidden: "auHidden", visibleChange: "auVisibleChange" }, exportAs: ["auAccordionItem"], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$6, ngContentSelectors: _c4$6, decls: 3, vars: 6, consts: [["content", ""], [3, "auSlotProps", "auSlot"]], template: function AccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, hostAttrs: [1, "accordion-item"], inputs: { header: [1, "auHeader", "header"], children: [1, "auChildren", "children"], structure: [1, "auStructure", "structure"], id: [1, "auId", "id"], transition: [1, "auTransition", "transition"], className: [1, "auClassName", "className"], destroyOnHide: [1, "auDestroyOnHide", "destroyOnHide"], disabled: [1, "auDisabled", "disabled"], visible: [1, "auVisible", "visible"], animated: [1, "auAnimated", "animated"], headerClassName: [1, "auHeaderClassName", "headerClassName"], buttonClassName: [1, "auButtonClassName", "buttonClassName"], bodyContainerClassName: [1, "auBodyContainerClassName", "bodyContainerClassName"], bodyClassName: [1, "auBodyClassName", "bodyClassName"], headingLevel: [1, "auHeadingLevel", "headingLevel"] }, outputs: { shown: "auShown", hidden: "auHidden", visibleChange: "auVisibleChange" }, exportAs: ["auAccordionItem"], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$6, ngContentSelectors: _c4$6, decls: 3, vars: 6, consts: [["content", ""], [3, "auSlotProps", "auSlot"]], template: function AccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, AccordionItemComponent_ng_template_0_Template, 1, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(2, AccordionItemComponent_ng_template_2_Template, 0, 0, "ng-template", 1);
         } if (rf & 2) {
@@ -2738,12 +2738,14 @@ class AccordionItemComponent extends BaseWidgetDirective {
                 },
                 imports: [SlotDirective],
                 template: `
-		<ng-template #content><ng-content /></ng-template>
+		<ng-template #content>
+			<ng-content />
+		</ng-template>
 		<ng-template [auSlotProps]="{state, api, directives}" [auSlot]="state.structure()" />
 	`,
             }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionItemComponent, { className: "AccordionItemComponent", filePath: "components/accordion/accordion.component.ts", lineNumber: 163 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccordionItemComponent, { className: "AccordionItemComponent", filePath: "components/accordion/accordion.component.ts", lineNumber: 169 }); })();
 /**
  * Directive for creating an accordion component.
  *
@@ -2858,14 +2860,14 @@ class AccordionDirective extends BaseWidgetDirective {
          */
         this.itemBodyClassName = input(undefined, ...(ngDevMode ? [{ debugName: "itemBodyClassName", alias: 'auItemBodyClassName' }] : [{ alias: 'auItemBodyClassName' }]));
         /**
-         * The html tag to use for the accordion-item-header.
+         * The html heading level to use for the accordion-item-header.
          *
-         * @defaultValue `''`
+         * @defaultValue `2`
          */
-        this.itemHeadingTag = input(undefined, ...(ngDevMode ? [{ debugName: "itemHeadingTag", alias: 'auItemHeadingTag' }] : [{ alias: 'auItemHeadingTag' }]));
+        this.itemHeadingLevel = input(undefined, ...(ngDevMode ? [{ debugName: "itemHeadingLevel", alias: 'auItemHeadingLevel' }] : [{ 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"], itemHeadingTag: [1, "auItemHeadingTag", "itemHeadingTag"] }, outputs: { itemShown: "auItemShown", itemHidden: "auItemHidden" }, exportAs: ["auAccordion"], features: [i0.ɵɵInheritDefinitionFeature] }); }
+    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] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccordionDirective, [{
         type: Directive,
@@ -3373,21 +3375,21 @@ class SliderComponent extends BaseWidgetDirective {
          * Minimum distance between two values.
          * When set to 0, no minimum distance constraint is applied.
          *
-         * @defaultValue 0
+         * @defaultValue `0`
          */
         this.minRange = input(undefined, ...(ngDevMode ? [{ debugName: "minRange", alias: 'auMinRange', transform: auNumberAttribute }] : [{ alias: 'auMinRange', transform: auNumberAttribute }]));
         /**
          * Maximum distance between two values
          * When set to 0, no maximum distance constraint is applied.
          *
-         * @defaultValue 0
+         * @defaultValue `0`
          */
         this.maxRange = input(undefined, ...(ngDevMode ? [{ debugName: "maxRange", alias: 'auMaxRange', transform: auNumberAttribute }] : [{ alias: 'auMaxRange', transform: auNumberAttribute }]));
         /**
          * When true, if moving a value would break the minRange or maxRange constraint,
          * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
          *
-         * @defaultValue false
+         * @defaultValue `false`
          */
         this.pushRange = input(undefined, ...(ngDevMode ? [{ debugName: "pushRange", alias: 'auPushRange', transform: auBooleanAttribute }] : [{ alias: 'auPushRange', transform: auBooleanAttribute }]));
         /**
@@ -3447,7 +3449,7 @@ class SliderComponent extends BaseWidgetDirective {
          *
          * @defaultValue
          * ```ts
-         * (value: number) => ''
+         * () => ''
          * ```
          */
         this.ariaValueText = input(undefined, ...(ngDevMode ? [{ debugName: "ariaValueText", alias: 'auAriaValueText' }] : [{ alias: 'auAriaValueText' }]));
@@ -4246,7 +4248,7 @@ class CollapseDirective extends BaseWidgetDirective {
         /**
          * If `true` the collapse is visible to the user
          *
-         * @defaultValue `true`
+         * @defaultValue `false`
          */
         this.visible = input(undefined, ...(ngDevMode ? [{ debugName: "visible", alias: 'auVisible', transform: auBooleanAttribute }] : [{ alias: 'auVisible', transform: auBooleanAttribute }]));
         /**
@@ -4696,12 +4698,6 @@ class TreeComponent extends BaseWidgetDirective {
                 itemToggle: this.slotItemToggleFromContent()?.templateRef,
             }),
         }));
-        /**
-         * Optional accessibility label for the tree if there is no explicit label
-         *
-         * @defaultValue `''`
-         */
-        this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'auAriaLabel' }] : [{ alias: 'auAriaLabel' }]));
         /**
          * Array of the tree nodes to display
          *
@@ -4775,7 +4771,7 @@ class TreeComponent extends BaseWidgetDirective {
             i0.ɵɵcontentQuerySignal(dirIndex, ctx.slotItemFromContent, TreeItemDirective, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(4);
-        } }, inputs: { ariaLabel: [1, "auAriaLabel", "ariaLabel"], nodes: [1, "auNodes", "nodes"], className: [1, "auClassName", "className"], navSelector: [1, "auNavSelector", "navSelector"], ariaLabelToggleFn: [1, "auAriaLabelToggleFn", "ariaLabelToggleFn"], itemContent: [1, "auItemContent", "itemContent"], structure: [1, "auStructure", "structure"], itemToggle: [1, "auItemToggle", "itemToggle"], item: [1, "auItem", "item"] }, outputs: { expandToggle: "auExpandToggle" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c7, decls: 1, vars: 6, consts: [[3, "auSlot", "auSlotProps"]], template: function TreeComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, 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) {
             i0.ɵɵtemplate(0, TreeComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("auSlot", ctx.state.structure())("auSlotProps", i0.ɵɵpureFunction3(2, _c8, ctx.state, ctx.api, ctx.directives));
@@ -5064,14 +5060,23 @@ class CarouselComponent extends BaseWidgetDirective {
         }));
         /**
          * Aria label for navigation indicators
+         *
+         * @defaultValue
+         * ```ts
+         * (index: number) => `Select slide ${index + 1}`
+         * ```
          */
         this.ariaIndicatorLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaIndicatorLabel", alias: 'auAriaIndicatorLabel' }] : [{ alias: 'auAriaIndicatorLabel' }]));
         /**
          * Aria label for previous button
+         *
+         * @defaultValue `'Select previous slide'`
          */
         this.ariaPrevLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaPrevLabel", alias: 'auAriaPrevLabel' }] : [{ alias: 'auAriaPrevLabel' }]));
         /**
          * Aria label for next button
+         *
+         * @defaultValue `'Select next slide'`
          */
         this.ariaNextLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaNextLabel", alias: 'auAriaNextLabel' }] : [{ alias: 'auAriaNextLabel' }]));
         /**
@@ -5118,10 +5123,14 @@ class CarouselComponent extends BaseWidgetDirective {
         this.skipSnaps = input(undefined, ...(ngDevMode ? [{ debugName: "skipSnaps", alias: 'auSkipSnaps', transform: auBooleanAttribute }] : [{ alias: 'auSkipSnaps', transform: auBooleanAttribute }]));
         /**
          * If `true`, 'previous' and 'next' navigation arrows will be visible.
+         *
+         * @defaultValue `true`
          */
         this.showNavigationArrows = input(undefined, ...(ngDevMode ? [{ debugName: "showNavigationArrows", alias: 'auShowNavigationArrows', transform: auBooleanAttribute }] : [{ alias: 'auShowNavigationArrows', transform: auBooleanAttribute }]));
         /**
          * If `true`, navigation indicators at the bottom of the slide will be visible.
+         *
+         * @defaultValue `true`
          */
         this.showNavigationIndicators = input(undefined, ...(ngDevMode ? [{ debugName: "showNavigationIndicators", alias: 'auShowNavigationIndicators', transform: auBooleanAttribute }] : [{ alias: 'auShowNavigationIndicators', transform: auBooleanAttribute }]));
         /**
@@ -5140,6 +5149,8 @@ class CarouselComponent extends BaseWidgetDirective {
          * Enables choosing a custom container element which holds the slides. By default, Embla will choose the first direct child element of the root element. Provide a valid CSS selector string.
          *
          * @see {@link https://www.embla-carousel.com/api/options/#container}
+         *
+         * @defaultValue `null`
          */
         this.container = input(undefined, ...(ngDevMode ? [{ debugName: "container", alias: 'auContainer' }] : [{ alias: 'auContainer' }]));
         /**
@@ -5181,20 +5192,14 @@ class CarouselComponent extends BaseWidgetDirective {
         this.slidesData = input(undefined, ...(ngDevMode ? [{ debugName: "slidesData", alias: 'auSlidesData' }] : [{ alias: 'auSlidesData' }]));
         /**
          * The structure of the carousel.
-         *
-         * @defaultValue `undefined`
          */
         this.structure = input(undefined, ...(ngDevMode ? [{ debugName: "structure", alias: 'auStructure' }] : [{ alias: 'auStructure' }]));
         /**
          * The navigation layer of the carousel.
-         *
-         * @defaultValue `undefined`
          */
         this.navigation = input(undefined, ...(ngDevMode ? [{ debugName: "navigation", alias: 'auNavigation' }] : [{ alias: 'auNavigation' }]));
         /**
          * The content of each slide in the carousel.
-         *
-         * @defaultValue `undefined`
          */
         this.slide = input(undefined, ...(ngDevMode ? [{ debugName: "slide", alias: 'auSlide' }] : [{ alias: 'auSlide' }]));
         this.slotSlideFromContent = contentChild((CarouselSlideDirective), ...(ngDevMode ? [{ debugName: "slotSlideFromContent" }] : []));
@@ -5546,14 +5551,20 @@ class DrawerComponent extends BaseWidgetDirective {
         }));
         /**
          * If `true` opening and closing will be animated.
+         *
+         * @defaultValue `true`
          */
         this.animated = input(undefined, ...(ngDevMode ? [{ debugName: "animated", alias: 'auAnimated', transform: auBooleanAttribute }] : [{ 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' }]));
         /**
          * aria-describedby attribute to use for the drawer element.
+         *
+         * @defaultValue `''`
          */
         this.ariaDescribedBy = input(undefined, ...(ngDevMode ? [{ debugName: "ariaDescribedBy", alias: 'auAriaDescribedBy' }] : [{ alias: 'auAriaDescribedBy' }]));
         /**
@@ -5567,7 +5578,7 @@ class DrawerComponent extends BaseWidgetDirective {
          *
          * @defaultValue
          * ```ts
-         * () => {}
+         * collapseVerticalTransition
          * ```
          */
         this.verticalTransition = input(undefined, ...(ngDevMode ? [{ debugName: "verticalTransition", alias: 'auVerticalTransition' }] : [{ alias: 'auVerticalTransition' }]));
@@ -5576,17 +5587,14 @@ class DrawerComponent extends BaseWidgetDirective {
          *
          * @defaultValue
          * ```ts
-         * () => {}
+         * collapseHorizontalTransition
          * ```
          */
         this.transition = input(undefined, ...(ngDevMode ? [{ debugName: "transition", alias: 'auTransition' }] : [{ alias: 'auTransition' }]));
         /**
          * The transition to use for the backdrop behind the drawer (if present).
          *
-         * @defaultValue
-         * ```ts
-         * () => {}
-         * ```
+         * @defaultValue `fadeTransition`
          */
         this.backdropTransition = input(undefined, ...(ngDevMode ? [{ debugName: "backdropTransition", alias: 'auBackdropTransition' }] : [{ alias: 'auBackdropTransition' }]));
         /**
@@ -5602,10 +5610,14 @@ class DrawerComponent extends BaseWidgetDirective {
         this.container = input(undefined, ...(ngDevMode ? [{ debugName: "container", alias: 'auContainer' }] : [{ alias: 'auContainer' }]));
         /**
          * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+         *
+         * @defaultValue `true`
          */
         this.backdrop = input(undefined, ...(ngDevMode ? [{ debugName: "backdrop", alias: 'auBackdrop', transform: auBooleanAttribute }] : [{ alias: 'auBackdrop', transform: auBooleanAttribute }]));
         /**
          * If `true` allows body scrolling when the drawer is open.
+         *
+         * @defaultValue `false`
          */
         this.bodyScroll = input(undefined, ...(ngDevMode ? [{ debugName: "bodyScroll", alias: 'auBodyScroll', transform: auBooleanAttribute }] : [{ alias: 'auBodyScroll', transform: auBooleanAttribute }]));
         /**
@@ -5617,7 +5629,7 @@ class DrawerComponent extends BaseWidgetDirective {
         /**
          * CSS classes to be applied on the widget main container
          *
-         * @defaultValue `''`
+         * @defaultValue `'w-full'`
          */
         this.className = input(undefined, ...(ngDevMode ? [{ debugName: "className", alias: 'auClassName' }] : [{ alias: 'auClassName' }]));
         /**
@@ -5628,10 +5640,14 @@ class DrawerComponent extends BaseWidgetDirective {
         this.resizable = input(undefined, ...(ngDevMode ? [{ debugName: "resizable", alias: 'auResizable', transform: auBooleanAttribute }] : [{ alias: 'auResizable', transform: auBooleanAttribute }]));
         /**
          * The width of the drawer in pixels.
+         *
+         * @defaultValue `200`
          */
         this.width = input(undefined, ...(ngDevMode ? [{ debugName: "width", alias: 'auWidth', transform: auNumberAttribute }] : [{ alias: 'auWidth', transform: auNumberAttribute }]));
         /**
          * The height of the drawer in pixels.
+         *
+         * @defaultValue `200`
          */
         this.height = input(undefined, ...(ngDevMode ? [{ debugName: "height", alias: 'auHeight', transform: auNumberAttribute }] : [{ alias: 'auHeight', transform: auNumberAttribute }]));
         /**