@coreui/angular-pro 5.2.0-next.0 → 5.2.1

package/lib/multi-select/multi-select/multi-select.component.d.ts

@@ -130,7 +130,7 @@ export declare class MultiSelectComponent<TValue extends string | number> implem
      * @type boolean | SearchFn | 'external'
      * @default true
      */
-    search: (boolean | 'external' | SearchFn);
+    search: boolean | 'external' | SearchFn;
     /**
      * Sets the label for no results when filtering
      * @type string
@@ -230,6 +230,7 @@ export declare class MultiSelectComponent<TValue extends string | number> implem
      * @default 196
      */
     itemMinWidth: number;
+    readonly minWidth: import("@angular/core").WritableSignal<number>;
     /**
      * Toggle the visibility of the dropdown select component.
      * @type boolean
@@ -321,11 +322,11 @@ export declare class MultiSelectComponent<TValue extends string | number> implem
     handleSearchValueChange(searchValue: string): void;
     private setVirtualScroller;
     private setListKeyManager;
-    setFocusKeyManager(focusableOptions: (QueryList<MultiSelectOptionComponent> | MultiSelectOptionComponent[])): void;
+    setFocusKeyManager(focusableOptions: QueryList<MultiSelectOptionComponent> | MultiSelectOptionComponent[]): void;
     get firstFocusableItem(): MultiSelectOptionComponent | undefined;
     private setFirstItemActive;
     updateActiveItem(index: number): void;
-    updateActiveItem<TItem extends (MultiSelectOptionComponent & FocusableOption)>(item: TItem): void;
+    updateActiveItem<TItem extends MultiSelectOptionComponent & FocusableOption>(item: TItem): void;
     handleIndicatorClick($event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent<any>, "c-multi-select", ["cMultiSelect"], { "allowCreateOptions": { "alias": "allowCreateOptions"; "required": false; }; "cleaner": { "alias": "cleaner"; "required": false; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "nativeFormId": { "alias": "nativeFormId"; "required": false; }; "nativeId": { "alias": "nativeId"; "required": false; }; "nativeName": { "alias": "nativeName"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionsMaxHeight": { "alias": "optionsMaxHeight"; "required": false; }; "optionsStyle": { "alias": "optionsStyle"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchNoResultsLabel": { "alias": "searchNoResultsLabel"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "selectionTypeCounterText": { "alias": "selectionTypeCounterText"; "required": false; }; "selectionTypeCounterTextPluralMap": { "alias": "selectionTypeCounterTextPluralMap"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "virtualScroller": { "alias": "virtualScroller"; "required": false; }; "visibleItems": { "alias": "visibleItems"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "itemMinWidth": { "alias": "itemMinWidth"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "popperOptions": { "alias": "popperOptions"; "required": false; }; }, { "searchValueChange": "searchValueChange"; "valueChange": "valueChange"; "visibleChange": "visibleChange"; }, ["multiSelectOptionsContent", "contentTemplates"], ["*"], true, never>;

package/lib/tabs-2/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/lib/tabs-2/public_api.d.ts

@@ -0,0 +1,7 @@
+export { Tabs2Module } from './tabs2.module';
+export { TabsComponent } from './tabs.component';
+export { TabsContentComponent } from './tabs-content/tabs-content.component';
+export { TabsListComponent } from './tabs-list/tabs-list.component';
+export { TabsService } from './tabs.service';
+export { TabDirective } from './tab/tab.directive';
+export { TabPanelComponent } from './tab-panel/tab-panel.component';

package/lib/tabs-2/tab/tab.directive.d.ts

@@ -0,0 +1,43 @@
+import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
+import { InputSignal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TabDirective implements FocusableOption {
+    #private;
+    /**
+     * Disabled attribute
+     * @type boolean
+     * @default false
+     */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /**
+     * Item key.
+     * @type string | number
+     * @required
+     */
+    readonly itemKey: InputSignal<string | number>;
+    /**
+     * Element id attribute
+     * @type string
+     * @default undefined
+     */
+    readonly id: InputSignal<string | undefined>;
+    /**
+     * aria-controls attribute
+     * @type string
+     * @default undefined
+     */
+    readonly ariaControls: InputSignal<string | undefined>;
+    readonly isActive: import("@angular/core").Signal<boolean>;
+    readonly hostClasses: import("@angular/core").Signal<{
+        'nav-link': boolean;
+        active: boolean;
+    }>;
+    readonly propId: import("@angular/core").Signal<string>;
+    readonly attrAriaControls: import("@angular/core").Signal<string>;
+    disabledEffect: import("@angular/core").EffectRef;
+    focus(origin?: FocusOrigin): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "button[cTab]", ["cTab"], { "disabled": { "alias": "disabled"; "required": false; }; "itemKey": { "alias": "itemKey"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "aria-controls"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/lib/tabs-2/tab-panel/tab-panel.component.d.ts

@@ -0,0 +1,64 @@
+import { AnimationEvent } from '@angular/animations';
+import { InputSignal, InputSignalWithTransform, OutputEmitterRef } from '@angular/core';
+import { TabsService } from '../tabs.service';
+import * as i0 from "@angular/core";
+type AnimateType = 'hide' | 'show';
+type VisibleChangeEvent = {
+    itemKey: string | number;
+    visible: boolean;
+};
+export declare class TabPanelComponent {
+    readonly tabsService: TabsService;
+    /**
+     * aria-labelledby attribute
+     * @type string
+     * @default undefined
+     */
+    readonly ariaLabelledBy: InputSignal<string | undefined>;
+    /**
+     * Element id attribute
+     * @type string
+     * @default undefined
+     */
+    readonly id: InputSignal<string | undefined>;
+    /**
+     * Item key.
+     * @type string | number
+     * @required
+     */
+    readonly itemKey: InputSignal<string | number>;
+    /**
+     * tabindex attribute.
+     * @type number
+     * @default 0
+     */
+    readonly tabindex: InputSignalWithTransform<number, unknown>;
+    /**
+     * Enable fade in transition.
+     * @type boolean
+     * @default true
+     */
+    readonly transition: InputSignal<boolean>;
+    /**
+     * visible change output
+     * @type OutputEmitterRef<VisibleChangeEvent>
+     */
+    readonly visibleChange: OutputEmitterRef<VisibleChangeEvent>;
+    readonly show: import("@angular/core").WritableSignal<boolean>;
+    readonly visible: import("@angular/core").Signal<boolean>;
+    readonly propId: import("@angular/core").Signal<string>;
+    readonly attrAriaLabelledBy: import("@angular/core").Signal<string>;
+    readonly hostClasses: import("@angular/core").Signal<{
+        'tab-pane': boolean;
+        active: boolean;
+        fade: boolean;
+        show: boolean;
+        invisible: any;
+    }>;
+    get animationDisabled(): boolean;
+    get animateType(): AnimateType;
+    onAnimationDone($event: AnimationEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabPanelComponent, "c-tab-panel", ["cTabPanel"], { "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "itemKey": { "alias": "itemKey"; "required": true; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "transition": { "alias": "transition"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
+}
+export {};

package/lib/tabs-2/tabs-content/tabs-content.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class TabsContentComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsContentComponent, "c-tabs-content", ["cTabsContent"], {}, {}, never, ["*"], true, never>;
+}

package/lib/tabs-2/tabs-list/tabs-list.component.d.ts

@@ -0,0 +1,35 @@
+import { InputSignal } from '@angular/core';
+import { TabDirective } from '../tab/tab.directive';
+import { TabsService } from '../tabs.service';
+import * as i0 from "@angular/core";
+export declare class TabsListComponent {
+    #private;
+    readonly tabsService: TabsService;
+    /**
+     * Specify a layout type for component.
+     * @type 'fill' | 'justified' | undefined
+     * @default undefined
+     */
+    readonly layout: InputSignal<'fill' | 'justified' | undefined>;
+    /**
+     * Set the variant to tabs, pills or underline.
+     * @type 'pills' | 'tabs' | 'underline' | 'underline-border' | undefined
+     * @default undefined
+     */
+    readonly variant: InputSignal<'pills' | 'tabs' | 'underline' | 'underline-border' | undefined>;
+    /**
+     * Set the role to tab list.
+     * @default 'tablist'
+     */
+    readonly role: InputSignal<string>;
+    readonly hostClasses: import("@angular/core").Signal<{
+        [x: string]: boolean | "fill" | "justified" | "tabs" | "pills" | "underline" | "underline-border" | undefined;
+        nav: boolean;
+    }>;
+    readonly tabs: import("@angular/core").Signal<readonly TabDirective[]>;
+    readonly tabsEffect: import("@angular/core").EffectRef;
+    tabsServiceEffect: import("@angular/core").EffectRef;
+    onKeydown($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsListComponent, "c-tabs-list", ["cTabsList"], { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, ["tabs"], ["*"], true, never>;
+}

package/lib/tabs-2/tabs.component.d.ts

@@ -0,0 +1,21 @@
+import { ModelSignal } from '@angular/core';
+import { TabsService } from './tabs.service';
+import * as i0 from "@angular/core";
+export declare class TabsComponent {
+    readonly tabsService: TabsService;
+    /**
+     * The active item key.
+     * @type <string | number | undefined>
+     */
+    readonly activeItemKey: ModelSignal<string | number | undefined>;
+    /**
+     * The id attribute
+     * @type string
+     */
+    tabsId: string;
+    readonly id: import("@angular/core").InputSignal<string>;
+    readonly activeItemEffect: import("@angular/core").EffectRef;
+    readonly tabsServiceEffect: import("@angular/core").EffectRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "c-tabs", ["cTabs"], { "activeItemKey": { "alias": "activeItemKey"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "activeItemKey": "activeItemKeyChange"; }, never, ["*"], true, never>;
+}

package/lib/tabs-2/tabs.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class TabsService {
+    readonly activeItem: import("@angular/core").WritableSignal<any>;
+    readonly activeItemKey: import("@angular/core").WritableSignal<string | number | undefined>;
+    readonly id: import("@angular/core").WritableSignal<string | number | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TabsService>;
+}

package/lib/tabs-2/tabs2.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tabs.component";
+import * as i2 from "./tabs-list/tabs-list.component";
+import * as i3 from "./tab/tab.directive";
+import * as i4 from "./tabs-content/tabs-content.component";
+import * as i5 from "./tab-panel/tab-panel.component";
+export declare class Tabs2Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tabs2Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<Tabs2Module, never, [typeof i1.TabsComponent, typeof i2.TabsListComponent, typeof i3.TabDirective, typeof i4.TabsContentComponent, typeof i5.TabPanelComponent], [typeof i1.TabsComponent, typeof i2.TabsListComponent, typeof i3.TabDirective, typeof i4.TabsContentComponent, typeof i5.TabPanelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<Tabs2Module>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "5.2.0-next.0",
+  "version": "5.2.1",
   "description": "CoreUI Pro Components Library for Angular",
   "copyright": "Copyright 2024 creativeLabs Łukasz Holeczek",
   "homepage": "https://coreui.io/angular",
@@ -28,7 +28,7 @@
     "@angular/core": "^18.0.0",
     "@angular/forms": "^18.0.0",
     "@angular/router": "^18.0.0",
-    "@coreui/coreui-pro": "~5.2.0",
+    "@coreui/coreui-pro": "^5.2.0",
     "@coreui/icons-angular": "~5.2.0-0 || ~5.2.0",
     "rxjs": "^7.8.1"
   },

package/public-api.d.ts

@@ -41,6 +41,7 @@ export * from './lib/smart-table';
 export * from './lib/spinner';
 export * from './lib/table';
 export * from './lib/tabs';
+export * from './lib/tabs-2';
 export * from './lib/time-picker';
 export * from './lib/toast';
 export * from './lib/tooltip';