@acorex/components 19.15.0-next.9 → 20.0.0

package/select-box/index.d.ts

@@ -1,2 +1,161 @@
-export * from './lib/select-box.component';
-export * from './lib/select-box.module';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, WritableSignal, TemplateRef, ElementRef } from '@angular/core';
+import * as polytype from 'polytype';
+import * as i2 from '@acorex/cdk/common';
+import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXEvent, AXValueChangedEvent } from '@acorex/cdk/common';
+import * as i12 from '@acorex/components/dropdown';
+import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
+import * as i13 from '@acorex/components/list';
+import { AXListComponent } from '@acorex/components/list';
+import { AXSearchBoxComponent } from '@acorex/components/search-box';
+import { Observable } from 'rxjs';
+import * as i1 from '@angular/common';
+import * as i3 from '@angular/forms';
+import * as i4 from '@acorex/components/check-box';
+import * as i5 from '@acorex/components/badge';
+import * as i6 from '@acorex/components/decorators';
+import * as i7 from '@acorex/core/translation';
+import * as i8 from '@acorex/components/popover';
+import * as i9 from '@acorex/components/loading';
+import * as i10 from '@angular/cdk/a11y';
+import * as i11 from '@acorex/components/text-box';
+
+declare const AXSelectBoxComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXDropdownBoxBaseComponent, typeof MXSelectionValueComponent, typeof MXLookComponent]>;
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ * @category
+ */
+declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements AfterViewInit, OnDestroy {
+    /** @ignore */
+    private hotKeyService;
+    /** @ignore */
+    protected isLoading: WritableSignal<boolean>;
+    /** @ignore */
+    protected searchValue: WritableSignal<string>;
+    /** @ignore */
+    protected renderList: boolean;
+    /** @ignore */
+    protected dropdownSizes: {
+        width: string;
+        height: string;
+    };
+    /** @ignore */
+    protected _listDataSource: AXDataSource<any>;
+    /** @ignore */
+    private _dataSource;
+    /** @ignore */
+    private onChangedSubscription;
+    /**
+     * Gets the data source for the component, which can be either an `AXDataSource` or an array of items.
+     * @returns {AXDataSource<any> | any[]}
+     */
+    get dataSource(): AXDataSource<any> | any[];
+    /**
+     * Sets the data source, either as an `AXDataSource` or an array.
+     * @param {AXDataSource<any> | any[]} v
+     */
+    set dataSource(v: AXDataSource<any> | any[]);
+    /**
+     * The placeholder text displayed when the component is empty.
+     * @param {string} placeholder
+     */
+    placeholder: string;
+    /**
+     * The minRecordsForSearch defines the minimum number of records required to display the search box.
+     * @param {number} minRecordsForSearch
+     */
+    minRecordsForSearch: number;
+    /**
+     * The caption text to be displayed in the component.
+     * @param {string} caption
+     */
+    caption: string;
+    /**
+     * The template used to customize the rendering of items.
+     * @param {TemplateRef<any>} itemTemplate
+     */
+    itemTemplate: TemplateRef<any>;
+    /**
+     * The template used to customize the rendering of selected items.
+     * @param {TemplateRef<any>} selectedTemplate
+     */
+    selectedTemplate: TemplateRef<any>;
+    /**
+     * The template used to display when there are no items.
+     * @param {TemplateRef<any>} emptyTemplate
+     */
+    emptyTemplate: TemplateRef<any>;
+    /**
+     * The template used to display while loading.
+     * @param {TemplateRef<any>} loadingTemplate
+     */
+    loadingTemplate: TemplateRef<any>;
+    /**
+     * The width of the dropdown in pixels.
+     * @defaultValue 260
+     */
+    dropdownWidth: number;
+    /** @ignore */
+    panel: ElementRef<HTMLDivElement>;
+    /** @ignore */
+    list: AXListComponent;
+    /** @ignore */
+    searchBox: AXSearchBoxComponent;
+    searchBoxAutoFocus: i0.InputSignal<boolean>;
+    /** @ignore */
+    protected dropdown: AXDropdownBoxComponent;
+    /**
+     * Service for managing selection data, injected via `AX_SELECTION_DATA_TOKEN`.
+     */
+    selectionService: MXSelectionBridgeService;
+    searchEvent: Observable<any>;
+    /** @ignore */
+    private _unsubscriber;
+    /** @ignore */
+    protected ngOnInit(): void;
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /**
+     * Retrieves an item by its key.
+     * @param {any} key
+     */
+    getItemByKey(key: any): Promise<any> | any;
+    /** @ignore */
+    protected _handleOnOpenedEvent(e: AXEvent): void;
+    /** @ignore */
+    protected _handleOnClosedEvent(e: AXEvent): void;
+    /** @ignore */
+    protected _handleFocus(): void;
+    /** @ignore */
+    protected _handleBadgeRemove(e: MouseEvent, item: any): void;
+    /** @ignore */
+    protected _handleValueChanged(e: AXValueChangedEvent): void;
+    /** @ignore */
+    private setDropdownSize;
+    /** @ignore */
+    _handleKeydown(e: KeyboardEvent): void;
+    /** @ignore */
+    private selectItemByNav;
+    /**
+     * Filters the data source based on the provided search term.
+     * @param {string} term
+     */
+    search(term: string): void;
+    /**
+     * Refreshes the component by resetting state, clearing selection cache, refreshing the list, and closing the component.
+     */
+    refresh(): void;
+    private hostClickListener;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
+}
+
+declare class AXSelectBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectBoxModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.FormsModule, typeof i4.AXCheckBoxModule, typeof i5.AXBadgeModule, typeof i6.AXDecoratorModule, typeof i7.AXTranslationModule, typeof i8.AXPopoverModule, typeof i9.AXLoadingModule, typeof i10.A11yModule, typeof i11.AXTextBoxModule, typeof i12.AXDropdownModule, typeof i13.AXListModule, typeof AXSelectBoxComponent], [typeof AXSelectBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectBoxModule>;
+}
+
+export { AXSelectBoxComponent, AXSelectBoxModule };

package/selection-list/index.d.ts

@@ -1,2 +1,93 @@
-export * from './lib/selection-list.component';
-export * from './lib/selection-list.module';
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { MXSelectionValueComponent, AXDirection } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i3 from '@acorex/components/check-box';
+import * as i4 from '@acorex/components/radio';
+import * as i5 from '@acorex/components/label';
+import * as i6 from '@acorex/components/form';
+
+type AXSelectionListLook = 'solid' | 'divided' | 'card';
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXSelectionListComponent extends MXSelectionValueComponent {
+    /**
+     * sets the direction of the component.
+     * @param {AXDirection} value
+     */
+    direction: i0.InputSignal<AXDirection>;
+    /**
+     * The custom template used for rendering content.
+     *
+     * @param {TemplateRef<unknown>} customTemplate
+     */
+    customTemplate: i0.InputSignal<TemplateRef<unknown>>;
+    /** @ignore */
+    private _showControl;
+    /**
+     * @param {void}
+     * Gets the current state of the control visibility.
+     */
+    get showControl(): boolean;
+    /**
+     * @param {boolean} v
+     * Sets the visibility state of the control.
+     */
+    set showControl(v: boolean);
+    /** @ignore */
+    private _items;
+    /**
+     * Gets the list of items.
+     * @param {void}
+     */
+    get items(): any[];
+    /**
+     * Sets the list of items.
+     *
+     * @param {any[]} v
+     */
+    set items(v: any[]);
+    /** @ignore */
+    private _hintField;
+    /**
+     * Gets the field used for displaying hints.
+     */
+    get hintField(): string;
+    /**
+     * Sets the field used for displaying hints.
+     *
+     * @param {string} v
+     */
+    set hintField(v: string);
+    /**
+     * Retrieves an item from the list by its key.
+     *
+     * @param {unknown} key - The key to search for.
+     */
+    getItemByKey(key: unknown): unknown;
+    /**
+     * Defines the visual appearance of the selection list.
+     *
+     * @defaultValue 'solid'
+     */
+    look: AXSelectionListLook;
+    /** @ignore */
+    protected _handleOnItemValueChange(item: any, e: Event): void;
+    /** @ignore */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionListComponent, "ax-selection-list", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["ax-validation-rule"], true, never>;
+}
+
+declare class AXSelectionListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionListModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXCheckBoxModule, typeof i4.AXRadioModule, typeof i5.AXLabelModule, typeof i6.AXFormModule, typeof AXSelectionListComponent], [typeof AXSelectionListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionListModule>;
+}
+
+export { AXSelectionListComponent, AXSelectionListModule };
+export type { AXSelectionListLook };

package/selection-list-2/README.md

@@ -0,0 +1,3 @@
+# @acorex/components/selection-list-2
+
+Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/selection-list-2`.

package/selection-list-2/index.d.ts

@@ -0,0 +1,52 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { MXSelectionValueComponent, AXDirection, AXSelectionValueChangedEvent } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/forms';
+import * as i3 from '@acorex/components/check-box';
+import * as i4 from '@acorex/components/radio';
+import * as i5 from '@acorex/components/label';
+import * as i6 from '@acorex/components/form';
+
+type AXSelectionListLook = 'solid' | 'divided' | 'card';
+type AXSelectionList2Item = {
+    id: string | number;
+    text: string;
+    hint?: string;
+    disabled?: boolean;
+};
+
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXSelectionList2Component extends MXSelectionValueComponent {
+    direction: i0.InputSignal<AXDirection>;
+    customTemplate: i0.InputSignal<TemplateRef<unknown>>;
+    look: i0.InputSignal<AXSelectionListLook>;
+    onSelectionChanged: i0.OutputEmitterRef<AXSelectionValueChangedEvent>;
+    protected changeState(e: AXSelectionValueChangedEvent): void;
+    private _showControl;
+    get showControl(): boolean;
+    set showControl(v: boolean);
+    private _items;
+    get items(): AXSelectionList2Item[];
+    set items(v: AXSelectionList2Item[]);
+    private _hintField;
+    get hintField(): string;
+    set hintField(v: string);
+    getItemByKey(key: unknown): unknown;
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionList2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectionList2Component, "ax-selection-list2", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "readonlyField": { "alias": "readonlyField"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "customTemplate": { "alias": "customTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "showControl": { "alias": "showControl"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onSelectionChanged": "onSelectionChanged"; }, never, ["ax-validation-rule"], true, never>;
+}
+
+declare class AXSelectionList2Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionList2Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionList2Module, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.AXCheckBoxModule, typeof i4.AXRadioModule, typeof i5.AXLabelModule, typeof i6.AXFormModule, typeof AXSelectionList2Component], [typeof AXSelectionList2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionList2Module>;
+}
+
+export { AXSelectionList2Component, AXSelectionList2Module };
+export type { AXSelectionList2Item, AXSelectionListLook };

package/side-menu/index.d.ts

@@ -1,4 +1,94 @@
-export * from './lib/side-menu-item/side-menu-item.component';
-export * from './lib/side-menu.component';
-export * from './lib/side-menu.directive';
-export * from './lib/side-menu.module';
+import * as _angular_core from '@angular/core';
+import * as i2 from '@acorex/cdk/common';
+import { AXClickEvent, MXInteractiveComponent, NXComponent } from '@acorex/cdk/common';
+import * as i5 from '@angular/router';
+import { UrlTree, IsActiveMatchOptions, Router } from '@angular/router';
+import { AXOutlineContainerDirective } from '@acorex/cdk/outline';
+import * as i1 from '@angular/common';
+import * as i3 from '@acorex/components/loading';
+import * as i4 from '@acorex/core/translation';
+import * as i6 from '@acorex/components/decorators';
+
+declare class AXSideMenuItemClickEvent extends AXClickEvent {
+    handled: boolean;
+}
+declare class AXSideMenuItemComponent extends MXInteractiveComponent {
+    private elem;
+    text: _angular_core.ModelSignal<string>;
+    active: _angular_core.ModelSignal<boolean>;
+    isLoading: _angular_core.ModelSignal<boolean>;
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    onClick: _angular_core.OutputEmitterRef<AXSideMenuItemClickEvent>;
+    href: _angular_core.InputSignal<string>;
+    routerLink: _angular_core.InputSignal<string | any[] | UrlTree>;
+    routerLinkActive: _angular_core.InputSignal<string | string[]>;
+    routerLinkActiveOptions: _angular_core.InputSignal<{
+        exact: boolean;
+    } | IsActiveMatchOptions>;
+    target: _angular_core.InputSignal<"_blank" | "_self" | "_parent" | "_top">;
+    protected hasChild: _angular_core.WritableSignal<boolean>;
+    constructor();
+    _handleClickEvent(e: MouseEvent): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "ax-text", "*", "ax-suffix"], true, never>;
+}
+
+type AXSideMenuLook = 'pills' | 'with-line' | 'with-line-color';
+type AXSideMenuLocation = 'start' | 'end';
+type AXSideMenuItem = {
+    title?: string;
+    routerLink?: string | any[] | UrlTree;
+    routerLinkActive?: string | string[];
+    routerLinkActiveOptions?: {
+        exact: boolean;
+    } | IsActiveMatchOptions;
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    text: string;
+    active?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    isCollapsed?: boolean;
+    icon?: string;
+    data?: unknown;
+    suffixText?: string;
+    items?: AXSideMenuItem[];
+};
+/**
+ * @category
+ * A component for displaying a side menu with customizable content.
+ */
+declare class AXSideMenuComponent extends NXComponent {
+    items: _angular_core.ModelSignal<AXSideMenuItem[]>;
+    look: _angular_core.InputSignal<AXSideMenuLook>;
+    location: _angular_core.InputSignal<AXSideMenuLocation>;
+    children: _angular_core.Signal<readonly AXSideMenuItemComponent[]>;
+    /** @ignore */
+    private get __hostClass();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuComponent, "ax-side-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; }, never, ["ax-side-menu-item,ax-title,ng-container,ng-content"], true, never>;
+}
+
+declare class AXOutlineSideMenuDirective {
+    #private;
+    router: Router;
+    sideMenu: AXSideMenuComponent;
+    container: AXOutlineContainerDirective;
+    private unsubscriber;
+    private updateSideMenu;
+    private textReplace;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOutlineSideMenuDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXOutlineSideMenuDirective, "[axOutlineSideMenu]", ["axOutlineSideMenu"], {}, {}, never, never, true, never>;
+}
+
+declare class AXSideMenuModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSideMenuModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i2.AXRippleDirective, typeof i3.AXLoadingModule, typeof i4.AXTranslationModule, typeof i5.RouterLink, typeof i5.RouterLinkActive, typeof i6.AXDecoratorModule, typeof AXSideMenuComponent, typeof AXSideMenuItemComponent, typeof AXOutlineSideMenuDirective], [typeof AXSideMenuComponent, typeof AXSideMenuItemComponent, typeof AXOutlineSideMenuDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXSideMenuModule>;
+}
+
+export { AXOutlineSideMenuDirective, AXSideMenuComponent, AXSideMenuItemClickEvent, AXSideMenuItemComponent, AXSideMenuModule };
+export type { AXSideMenuItem, AXSideMenuLocation, AXSideMenuLook };

package/skeleton/index.d.ts

@@ -1,2 +1,28 @@
-export * from './lib/skeleton.component';
-export * from './lib/skeleton.module';
+import { MXBaseComponent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import * as i1 from '@angular/common';
+
+/**
+ * @category
+ * A skeleton component used for loading placeholders.
+ */
+declare class AXSkeletonComponent extends MXBaseComponent {
+    /**
+     * Determines whether animations are enabled.
+     *
+     * @defaultValue true
+     */
+    animated: boolean;
+    /** @ignore */
+    get __hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSkeletonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSkeletonComponent, "ax-skeleton", never, { "animated": { "alias": "animated"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class AXSkeletonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSkeletonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSkeletonModule, never, [typeof i1.CommonModule, typeof AXSkeletonComponent], [typeof AXSkeletonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSkeletonModule>;
+}
+
+export { AXSkeletonComponent, AXSkeletonModule };

package/slider/index.d.ts

@@ -1,2 +1,101 @@
-export * from './lib/slider.component';
-export * from './lib/slider.module';
+import * as polytype from 'polytype';
+import * as i0 from '@angular/core';
+import * as i2 from '@acorex/cdk/common';
+import { MXValueComponent, MXColorComponent, AXClickEvent, AXDirection, MXComponentOptionChanged } from '@acorex/cdk/common';
+import * as i1 from '@angular/common';
+import * as i3 from '@angular/forms';
+
+declare const AXSliderComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXValueComponent<number>;
+    ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
+    ɵprov: i0.ɵɵInjectableDeclaration<MXValueComponent<any>>;
+}, typeof MXColorComponent]>;
+/**
+ * @category
+ *  A customizable slider component for selecting a value within a range.
+ */
+declare class AXSliderComponent extends AXSliderComponent_base {
+    private _zone;
+    /**
+     * @event
+     */
+    onClick: i0.OutputEmitterRef<AXClickEvent>;
+    /** @ignore */
+    private _minValue;
+    /**
+     *  Specifies the smallest value that is valid
+     */
+    get minValue(): number;
+    /**
+     * Sets the minimum value of the slider.
+     *
+     * @param {number} v
+     */
+    set minValue(v: number);
+    /** @ignore */
+    private _maxValue;
+    /**
+     *  Specifies the greatest value that is valid
+     */
+    get maxValue(): number;
+    /**
+     * Sets the maximum value of the slider.
+     *
+     * @param {number} v
+     */
+    set maxValue(v: number);
+    /** @ignore */
+    private _step;
+    /**
+     *  Specifies the greatest value that is valid
+     */
+    get step(): number;
+    /**
+     * Sets the step increment for the slider.
+     *
+     * @param {number} v
+     */
+    set step(v: number);
+    /**
+     * The direction of the slider.
+     *
+     * @defaultValue 'horizontal'
+     */
+    direction: AXDirection;
+    /**
+     * Handles changes to internal component options.
+     *
+     * @param {MXComponentOptionChanged} e
+     */
+    internalOptionChanged(e: MXComponentOptionChanged): void;
+    /**
+     * Handles changes to the component's value.
+     *
+     * @param {number} value
+     */
+    internalValueChanged(value: number): void;
+    /** @ignore */
+    protected _handleModelChange(value: number): void;
+    /** @ignore */
+    private _calcVars;
+    /**
+     * @event
+     *
+     * Emits the value of the clicked input element when the click event occurs.
+     */
+    clickHandler(e: Event): void;
+    /** @ignore */
+    private get __hostClass();
+    /** @ignore */
+    private get __hostClassDisabled();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSliderComponent, "ax-slider", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "color": { "alias": "color"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "step": { "alias": "step"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; }, { "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onChange": "onChange"; "onClick": "onClick"; }, never, never, true, never>;
+}
+
+declare class AXSliderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSliderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSliderModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.FormsModule, typeof AXSliderComponent], [typeof AXSliderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSliderModule>;
+}
+
+export { AXSliderComponent, AXSliderModule };

package/sliding-item/index.d.ts

@@ -1,4 +1,45 @@
-export * from './lib/sliding-item-prefix/sliding-item-prefix.component';
-export * from './lib/sliding-item-suffix/sliding-item-suffix.component';
-export * from './lib/sliding-item.module';
-export * from './lib/sliding-item/sliding-item.component';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import { AXStyleColorType, AXClickEvent } from '@acorex/cdk/common';
+import * as i1 from '@acorex/cdk/sliding-item';
+import { AXSlidingItemDirective } from '@acorex/cdk/sliding-item';
+import * as i2 from '@acorex/components/decorators';
+
+declare class AXSlidingItemPrefixComponent {
+    color: _angular_core.InputSignal<AXStyleColorType>;
+    text: _angular_core.InputSignal<string | number>;
+    onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    private get __hostClass();
+    _onclick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSlidingItemPrefixComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSlidingItemPrefixComponent, "ax-sliding-item-prefix", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+}
+
+declare class AXSlidingItemSuffixComponent {
+    color: _angular_core.InputSignal<AXStyleColorType>;
+    text: _angular_core.InputSignal<string | number>;
+    onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    private get __hostClass();
+    _onclick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSlidingItemSuffixComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSlidingItemSuffixComponent, "ax-sliding-item-suffix", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+}
+
+declare class AXSlidingItemComponent {
+    #private;
+    protected slidingItem: _angular_core.Signal<AXSlidingItemDirective>;
+    protected itemPrefix: _angular_core.Signal<readonly ElementRef<any>[]>;
+    protected itemSuffix: _angular_core.Signal<readonly ElementRef<any>[]>;
+    protected stopArrayPrefix: _angular_core.WritableSignal<number[]>;
+    protected stopArraySuffix: _angular_core.WritableSignal<number[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSlidingItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSlidingItemComponent, "ax-sliding-item", never, {}, {}, ["itemPrefix", "itemSuffix"], ["ax-sliding-item-prefix", "ax-content", "ax-sliding-item-suffix"], true, never>;
+}
+
+declare class AXSlidingItemModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSlidingItemModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSlidingItemModule, never, [typeof i1.AXSlidingItemDirectiveModule, typeof i2.AXDecoratorModule, typeof AXSlidingItemComponent, typeof AXSlidingItemPrefixComponent, typeof AXSlidingItemSuffixComponent], [typeof AXSlidingItemComponent, typeof AXSlidingItemPrefixComponent, typeof AXSlidingItemSuffixComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXSlidingItemModule>;
+}
+
+export { AXSlidingItemComponent, AXSlidingItemModule, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent };