@coreui/angular-pro 5.7.20 → 5.7.22

package/fesm2022/coreui-angular-pro.mjs

@@ -679,6 +679,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 class DropdownService {
     #dropdownState = new BehaviorSubject({});
     dropdownState$ = this.#dropdownState.asObservable();
+    alignment = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignment" }] : /* istanbul ignore next */ []));
     toggle(state) {
         this.#dropdownState.next(state);
     }
@@ -699,7 +701,7 @@ class DropdownMenuDirective {
     #focusKeyManager;
     /**
      * Set alignment of dropdown menu.
-     * @returns 'start' | 'end'
+     * @returns DropdownAlignment
      */
     alignment = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "alignment" }] : /* istanbul ignore next */ []));
@@ -711,11 +713,10 @@ class DropdownMenuDirective {
     visible = linkedSignal({ ...(ngDevMode ? { debugName: "visible" } : /* istanbul ignore next */ {}), source: this.visibleInput,
         computation: (value) => value });
     hostClasses = computed(() => {
-        const alignment = this.alignment();
         const visible = this.visible();
         return {
             'dropdown-menu': true,
-            [`dropdown-menu-${alignment}`]: !!alignment,
+            ...alignmentClasses(this.alignment() ?? this.#dropdownService.alignment()),
             show: visible
         };
     }, /* @ts-ignore */
@@ -798,6 +799,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                     }
                 }]
         }], propDecorators: { alignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignment", required: false }] }], visibleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }], dropdownItemsContent: [{ type: i0.ContentChildren, args: [forwardRef(() => DropdownItemDirective), { ...{ descendants: true }, isSignal: true }] }] } });
+const alignmentClasses = (alignment) => {
+    if (!alignment) {
+        return {};
+    }
+    if (typeof alignment === 'string') {
+        return { [`dropdown-menu-${alignment}`]: true };
+    }
+    return Object.fromEntries(Object.entries(alignment).map(([breakpoint, direction]) => [
+        `dropdown-menu${breakpoint === BreakpointInfix.xs ? '' : `-${breakpoint}`}-${direction}`,
+        true
+    ]));
+};
 
 // lightweight injection token
 class DropdownToken {
@@ -898,12 +911,15 @@ class DropdownComponent {
     }
     /**
      * Set alignment of dropdown menu.
-     * @returns {'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } | { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} | { xxl: 'start' | 'end'}}
+     * @returns DropdownAlignment
      */
     alignment = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "alignment" }] : /* istanbul ignore next */ []));
     /**
-     * Automatically close dropdown when clicking outside the dropdown menu.
+     * Configure the auto close behavior: `true` closes the dropdown on a click inside or
+     * outside the menu, `false` only on the toggle button or an explicit hide/toggle call
+     * and not on the Esc key, `inside` only on a click inside the menu, `outside` only on
+     * a click outside it.
      * @returns boolean | 'inside' | 'outside'
      * @default true
      */
@@ -911,7 +927,7 @@ class DropdownComponent {
     ...(ngDevMode ? [{ debugName: "autoClose" }] : /* istanbul ignore next */ []));
     /**
      * Sets a specified  direction and location of the dropdown menu.
-     * @returns 'dropup' | 'dropend' | 'dropstart'
+     * @returns 'center' | 'dropup' | 'dropup-center' | 'dropend' | 'dropstart'
      */
     direction = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "direction" }] : /* istanbul ignore next */ []));
@@ -929,9 +945,17 @@ class DropdownComponent {
      * @default true
      */
     popper = input(true, { ...(ngDevMode ? { debugName: "popper" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    #popperEnabled = computed(() => this.popper() && typeof this.alignment() !== 'object', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#popperEnabled" }] : /* istanbul ignore next */ []));
+    #alignmentEffect = effect(() => {
+        this.dropdownService.alignment.set(this.alignment());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#alignmentEffect" }] : /* istanbul ignore next */ []));
     /**
-     * Optional popper Options object, `placement` prop takes precedence over
+     * Optional Popper.js options object; the `placement` prop takes precedence over the
+     * placement set here. See https://popper.js.org/docs/v2/constructors/#options
      * @returns Partial<Options>
+     * @default {}
      */
     popperOptionsInput = input({}, { ...(ngDevMode ? { debugName: "popperOptionsInput" } : /* istanbul ignore next */ {}), alias: 'popperOptions' });
     #popperOptionsEffect = effect(() => {
@@ -1081,7 +1105,7 @@ class DropdownComponent {
                 // workaround for popper position calculate (see also: dropdown-menu.component)
                 _menu.elementRef.nativeElement.style.visibility = 'hidden';
                 _menu.elementRef.nativeElement.style.display = 'block';
-                if (this.popper()) {
+                if (this.#popperEnabled()) {
                     this.popperInstance = createPopper(_toggler.elementRef.nativeElement, _menu.elementRef.nativeElement, {
                         ...this.popperOptions
                     });
@@ -5820,7 +5844,7 @@ class BreadcrumbItemComponent {
     active = input(undefined, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The `url` prop for the inner `[routerLink]` directive
-     * @returns string
+     * @returns string | any[]
      */
     url = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "url" }] : /* istanbul ignore next */ []));
@@ -5994,7 +6018,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 class ButtonGroupComponent {
     /**
      * Size the component small or large.
-     * @returns '' | 'sm' | 'lg' | string
+     * @returns '' | 'sm' | 'lg'
      */
     size = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
@@ -7766,6 +7790,10 @@ class CalendarComponent {
      */
     ariaPrevYearLabel = input('Previous year', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "ariaPrevYearLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Event emitted on calendar cell hover.
+     * @returns Date | null
+     */
     calendarCellHover = output();
     // used with calendarService
     hoverDate = signal(null, /* @ts-ignore */
@@ -8133,7 +8161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
 class CardImgDirective {
     /**
      * Optionally orientate the image to the top, bottom, or make it overlaid across the card.
-     * @returns {'top | 'bottom'}
+     * @returns 'top' | 'bottom' | 'start' | 'end'
      */
     orientation = input(undefined, { ...(ngDevMode ? { debugName: "orientation" } : /* istanbul ignore next */ {}), alias: 'cCardImg' });
     hostClasses = computed(() => {
@@ -8429,7 +8457,7 @@ class CarouselComponent {
     ...(ngDevMode ? [{ debugName: "#intervalEffect" }] : /* istanbul ignore next */ []));
     /**
      * Sets which event handlers you’d like provided to your pause prop. You can specify one trigger or an array of them.
-     * @returns 'hover' | 'focus' | 'click'
+     * @returns Triggers | Triggers[] | false
      */
     pause = input('hover', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "pause" }] : /* istanbul ignore next */ []));
@@ -12524,7 +12552,7 @@ class ListGroupItemDirective {
     active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
-     * @returns InputSignal<Colors | undefined>
+     * @returns Colors
      */
     color = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
@@ -13113,8 +13141,7 @@ class NavbarTogglerDirective {
     }
     /**
      * Reference to navbar collapse element (via # template variable)
-     * @returns string
-     * @default 'button'
+     * @returns CollapseDirective
      */
     collapseRef = input(undefined, { ...(ngDevMode ? { debugName: "collapseRef" } : /* istanbul ignore next */ {}), alias: 'cNavbarToggler' });
     /**
@@ -13751,6 +13778,14 @@ class OffcanvasComponent {
      */
     backdrop = input(true, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "backdrop" }] : /* istanbul ignore next */ []));
+    /**
+     * Appends the offcanvas to a specific element. You can pass an HTML element or function that returns a single element. By default, `document.body`.
+     * @since 5.7.21
+     * @returns Element | (() => Element | null) | null
+     * @default document.body
+     */
+    container = input(this.#document.body, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []));
     /**
      * Closes the offcanvas when the escape key is pressed
      * @returns boolean
@@ -13764,6 +13799,13 @@ class OffcanvasComponent {
      */
     placement = input('start', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
+    /**
+     * Generates offcanvas using a portal
+     * @since 5.7.21
+     * @returns boolean
+     * @default false
+     */
+    portal = input(false, { ...(ngDevMode ? { debugName: "portal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Responsive offcanvas property hides content outside the viewport from a specified breakpoint and down.
      * @returns boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
@@ -13794,6 +13836,8 @@ class OffcanvasComponent {
     #activeBackdrop;
     #backdropClickSubscription;
     #layoutChangeSubscription;
+    #hideFallbackId;
+    #isShown = false;
     /**
      * Allow body scrolling while offcanvas is visible.
      * @returns boolean
@@ -13808,6 +13852,33 @@ class OffcanvasComponent {
     visibleInput = input(false, { ...(ngDevMode ? { debugName: "visibleInput" } : /* istanbul ignore next */ {}), transform: booleanAttribute, alias: 'visible' });
     visible = linkedSignal({ ...(ngDevMode ? { debugName: "visible" } : /* istanbul ignore next */ {}), source: this.visibleInput,
         computation: (value) => value });
+    domPortal = new DomPortal(this.#hostElement.nativeElement);
+    domPortalOutlet;
+    domPortalCleanup = () => {
+        if (this.domPortalOutlet?.hasAttached()) {
+            this.domPortalOutlet.detach();
+        }
+    };
+    #portalEffect = effect(() => {
+        const visible = this.visible();
+        const containerInput = this.container();
+        const portalEnabled = this.portal();
+        untracked(() => {
+            if (!visible) {
+                return;
+            }
+            const container = typeof containerInput === 'function' ? containerInput() : containerInput;
+            this.domPortalCleanup();
+            if (container && portalEnabled) {
+                this.domPortalOutlet = new DomPortalOutlet(container);
+                this.domPortalOutlet.attach(this.domPortal);
+                // Re-inserting the host drops its computed style, so the show classes applied later in
+                // this same cycle would have no starting point to animate from. Force a reflow to commit it.
+                void this.#hostElement.nativeElement.offsetHeight;
+            }
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#portalEffect" }] : /* istanbul ignore next */ []));
     visibleEffect = effect(() => {
         const visible = this.visible();
         this.animateStart(visible);
@@ -13864,6 +13935,9 @@ class OffcanvasComponent {
         return breakpointValue ? `${parseFloat(breakpointValue.trim()) - 0.02}px` : false;
     }
     animateStart(visible = this.visible()) {
+        const wasShown = this.#isShown;
+        this.#isShown = visible;
+        this.#clearHideFallback();
         if (visible) {
             if (!this.scroll()) {
                 this.#backdropService.hideScrollbar();
@@ -13874,6 +13948,9 @@ class OffcanvasComponent {
         else {
             this.#renderer.removeClass(this.#hostElement.nativeElement, 'showing');
             this.#renderer.addClass(this.#hostElement.nativeElement, 'hiding');
+            if (wasShown) {
+                this.#scheduleHideFallback();
+            }
         }
     }
     onKeyDownHandler(event) {
@@ -13892,6 +13969,8 @@ class OffcanvasComponent {
     ngOnDestroy() {
         this.#offcanvasService.toggle({ show: false, id: this.id() });
         this.#removeEventListeners();
+        this.#clearHideFallback();
+        this.domPortalCleanup();
     }
     #removeEventListeners = () => {
         this.#hostElement.nativeElement.removeEventListener('transitionend', this.#handleTransitionEnd);
@@ -13903,12 +13982,30 @@ class OffcanvasComponent {
                 this.#renderer.removeClass(offcanvasElement, 'showing');
             }
             else {
-                this.#renderer.removeClass(offcanvasElement, 'hiding');
-                this.#renderer.removeStyle(this.#document.body, 'overflow');
-                this.#renderer.removeStyle(this.#document.body, 'paddingRight');
+                this.#completeHide();
             }
         }
     };
+    #completeHide() {
+        this.#clearHideFallback();
+        this.#renderer.removeClass(this.#hostElement.nativeElement, 'hiding');
+        this.#renderer.removeStyle(this.#document.body, 'overflow');
+        this.#renderer.removeStyle(this.#document.body, 'paddingRight');
+        this.domPortalCleanup();
+    }
+    // `transitionend` never fires when there is nothing to animate — reduced motion, or a responsive
+    // offcanvas above its breakpoint — which would leave the body scroll-locked and the host parked
+    // in the portal container.
+    #scheduleHideFallback() {
+        const style = this.#document.defaultView?.getComputedStyle(this.#hostElement.nativeElement);
+        const duration = Number.parseFloat(style?.transitionDuration ?? '') || 0;
+        const delay = Number.parseFloat(style?.transitionDelay ?? '') || 0;
+        this.#hideFallbackId = setTimeout(() => this.#completeHide(), (duration + delay) * 1000 + 5);
+    }
+    #clearHideFallback() {
+        clearTimeout(this.#hideFallbackId);
+        this.#hideFallbackId = undefined;
+    }
     setFocus() {
         if (isPlatformBrowser(this.#platformId)) {
             setTimeout(() => this.#hostElement.nativeElement.focus());
@@ -13959,12 +14056,11 @@ class OffcanvasComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: OffcanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: OffcanvasComponent, isStandalone: true, selector: "c-offcanvas", inputs: { backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, keyboard: { classPropertyName: "keyboard", publicName: "keyboard", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, ariaModal: { classPropertyName: "ariaModal", publicName: "ariaModal", isSignal: true, isRequired: false, transformFunction: null }, scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, visibleInput: { classPropertyName: "visibleInput", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "document:keydown": "onKeyDownHandler($event)" }, properties: { "attr.id": "id()", "attr.inert": "ariaHidden() || null", "attr.role": "role()", "attr.aria-modal": "ariaModal()", "attr.tabindex": "tabIndex", "class": "hostClasses()" } }, exportAs: ["cOffcanvas"], hostDirectives: [{ directive: ThemeDirective, inputs: ["dark", "dark"] }], ngImport: i0, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content />\n</div>\n\n", styles: [":host{display:none}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: OffcanvasComponent, isStandalone: true, selector: "c-offcanvas", inputs: { backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, keyboard: { classPropertyName: "keyboard", publicName: "keyboard", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, portal: { classPropertyName: "portal", publicName: "portal", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, ariaModal: { classPropertyName: "ariaModal", publicName: "ariaModal", isSignal: true, isRequired: false, transformFunction: null }, scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, visibleInput: { classPropertyName: "visibleInput", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange" }, host: { listeners: { "document:keydown": "onKeyDownHandler($event)" }, properties: { "attr.id": "id()", "attr.inert": "ariaHidden() || null", "attr.role": "role()", "attr.aria-modal": "ariaModal()", "attr.tabindex": "tabIndex", "class": "hostClasses()" } }, exportAs: ["cOffcanvas"], hostDirectives: [{ directive: ThemeDirective, inputs: ["dark", "dark"] }], ngImport: i0, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content />\n</div>\n\n", styles: [":host{display:none}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: OffcanvasComponent, decorators: [{
             type: Component,
             args: [{ selector: 'c-offcanvas', exportAs: 'cOffcanvas', imports: [A11yModule], hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], host: {
-                        ngSkipHydration: 'true',
                         '[attr.id]': 'id()',
                         '[attr.inert]': 'ariaHidden() || null',
                         '[attr.role]': 'role()',
@@ -13973,7 +14069,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                         '[class]': 'hostClasses()',
                         '(document:keydown)': 'onKeyDownHandler($event)'
                     }, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content />\n</div>\n\n", styles: [":host{display:none}\n"] }]
-        }], propDecorators: { backdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdrop", required: false }] }], keyboard: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboard", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], ariaModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaModal", required: false }] }], scroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "scroll", required: false }] }], visibleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }] } });
+        }], propDecorators: { backdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdrop", required: false }] }], container: [{ type: i0.Input, args: [{ isSignal: true, alias: "container", required: false }] }], keyboard: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboard", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], portal: [{ type: i0.Input, args: [{ isSignal: true, alias: "portal", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], ariaModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaModal", required: false }] }], scroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "scroll", required: false }] }], visibleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }] } });
 
 class OffcanvasBodyComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: OffcanvasBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -14737,7 +14833,7 @@ class PaginationComponent {
     ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
     /**
      * Size the component small or large.
-     * @returns '' | 'sm' | 'lg' | string
+     * @returns '' | 'sm' | 'lg'
      */
     size = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
@@ -20123,6 +20219,11 @@ class TabPaneComponent {
             active: this.active
         };
     }
+    /**
+     * Element role.
+     * @returns string
+     * @default 'tabpanel'
+     */
     role = 'tabpanel';
     ngOnDestroy() {
         this.subscribeTabService(false);
@@ -20425,7 +20526,7 @@ class TabsComponent {
     tabsService = inject(TabsService);
     /**
      * The active item key.
-     * @returns <string | number | undefined>
+     * @returns number | string
      */
     activeItemKey = model(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "activeItemKey" }] : /* istanbul ignore next */ []));
@@ -21579,7 +21680,7 @@ class WidgetStatFComponent extends CardComponent {
     ...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
     /**
      * Value for your widget to display
-     * @returns string
+     * @returns string | number
      */
     value = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));