@acorex/components 19.15.0-next.8 → 20.0.0

package/bottom-navigation/index.d.ts

@@ -1,3 +1,67 @@
-export * from './lib/bottom-navigation-item/bottom-navigation-item.component';
-export * from './lib/bottom-navigation.component';
-export * from './lib/bottom-navigation.module';
+import * as polytype from 'polytype';
+import * as i1 from '@acorex/cdk/common';
+import { MXInteractiveComponent, MXLookComponent, AXClickEvent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, AfterContentInit } from '@angular/core';
+import * as i1$1 from '@angular/common';
+
+declare const AXBottomNavigationItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXLookComponent]>;
+declare class AXBottomNavigationItemComponent extends AXBottomNavigationItemComponent_base {
+    name: string;
+    active: boolean;
+    onClick: EventEmitter<AXClickEvent>;
+    get __hostClass(): string;
+    protected handleClick(e: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBottomNavigationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBottomNavigationItemComponent, "ax-bottom-navigation-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "name": { "alias": "name"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "disabledChange": "disabledChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onClick": "onClick"; }, never, ["ax-prefix, ax-icon", "ax-text, ng-content, ng-container", "ax-suffix"], true, [{ directive: typeof i1.AXRippleDirective; inputs: {}; outputs: {}; }]>;
+}
+
+type AXBottomNavigationLook = 'solid' | 'with-line' | 'pills' | 'pills-color';
+/**
+ * The BottomNavigation component provides a navigational bar at the bottom of the screen with customizable appearance and behavior.
+ *
+ * @category Components
+ */
+declare class AXBottomNavigationComponent implements AfterContentInit {
+    /**
+     *  @ignore
+     */
+    private _contentButtons;
+    look: i0.InputSignal<AXBottomNavigationLook>;
+    /**
+     * This will be displayed as an interface
+     */
+    hasBorder: i0.InputSignal<boolean>;
+    /**
+     * Determines the position of the indicator relative to the button.
+     *
+     * @defaultValue 'top'
+     */
+    indicatorPosition: i0.InputSignal<"top" | "bottom">;
+    /**
+     * Emit item click.
+     * @returns The AXClickEvent
+     */
+    onItemClick: i0.OutputEmitterRef<AXClickEvent>;
+    /**
+     *  @ignore
+     */
+    ngAfterContentInit(): void;
+    /** @ignore */
+    private _bindEvents;
+    /** @ignore */
+    _handleClickEvent(item: AXClickEvent): void;
+    /** @ignore */
+    get __hostClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBottomNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBottomNavigationComponent, "ax-bottom-navigation", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "indicatorPosition": { "alias": "indicatorPosition"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ng-container, ax-bottom-navigation-item"], true, never>;
+}
+
+declare class AXBottomNavigationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBottomNavigationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBottomNavigationModule, never, [typeof i1$1.CommonModule, typeof AXBottomNavigationComponent, typeof AXBottomNavigationItemComponent], [typeof AXBottomNavigationComponent, typeof AXBottomNavigationItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXBottomNavigationModule>;
+}
+
+export { AXBottomNavigationComponent, AXBottomNavigationItemComponent, AXBottomNavigationModule };
+export type { AXBottomNavigationLook };

package/breadcrumbs/index.d.ts

@@ -1,4 +1,56 @@
-export * from './lib/breadcrumbs-item.class';
-export * from './lib/breadcrumbs-item.component';
-export * from './lib/breadcrumbs.component';
-export * from './lib/breadcrumbs.module';
+import { MXBaseComponent, MXInteractiveComponent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import { AfterViewInit, TemplateRef } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/router';
+
+interface AXBreadcrumbsItems {
+    name?: string;
+    icon?: string;
+    text: string;
+    tooltip?: string;
+    iconClass?: string;
+    disabled?: boolean;
+    onClick?: (...args: any[]) => void;
+}
+
+/**
+ * The Breadcrumbs component displays a navigation trail of links, helping users to track their location within an application's hierarchy.
+ *
+ * @category Components
+ */
+declare class AXBreadCrumbsComponent extends MXBaseComponent implements AfterViewInit {
+    protected _divider: i0.Signal<TemplateRef<any>>;
+    dividerTemplate: i0.Signal<TemplateRef<any>>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsComponent, "ax-breadcrumbs", never, {}, {}, ["_divider"], ["ax-breadcrumbs-item"], true, never>;
+}
+
+/**
+ * Component representing an item in a breadcrumbs navigation.
+ *
+ * @category Components
+ */
+declare class AXBreadCrumbsItemComponent extends MXInteractiveComponent {
+    _parent: AXBreadCrumbsComponent;
+    /**
+     * Indicates whether this breadcrumb item is the current active item.
+     */
+    active: boolean;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadCrumbsItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBreadCrumbsItemComponent, "ax-breadcrumbs-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, ["ax-prefix", "*", "ax-suffix"], true, never>;
+}
+
+declare class AXBreadcrumbsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXBreadcrumbsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXBreadcrumbsModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof AXBreadCrumbsComponent, typeof AXBreadCrumbsItemComponent], [typeof AXBreadCrumbsComponent, typeof AXBreadCrumbsItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXBreadcrumbsModule>;
+}
+
+export { AXBreadCrumbsComponent, AXBreadCrumbsItemComponent, AXBreadcrumbsModule };
+export type { AXBreadcrumbsItems };

package/button/index.d.ts

@@ -1,5 +1,230 @@
-export * from './lib/button-item-list.component';
-export * from './lib/button-item.class';
-export * from './lib/button-item.component';
-export * from './lib/button.component';
-export * from './lib/button.module';
+import * as i0 from '@angular/core';
+import { EventEmitter, QueryList, AfterViewInit } from '@angular/core';
+import * as i2 from '@acorex/cdk/common';
+import { MXInteractiveComponent, MXColorComponent, AXClickEvent, AXStyleColorType, AXItemClickEvent, AXStyleLookType, AXHotKeyAction, MXButtonBaseComponent } from '@acorex/cdk/common';
+import * as polytype from 'polytype';
+import * as i4 from '@acorex/components/loading';
+import { AXLoadingComponent } from '@acorex/components/loading';
+import * as i1 from '@angular/common';
+import * as i3 from '@acorex/components/decorators';
+
+interface AXButtonItemListItem {
+    name: string;
+    text: string;
+    icon: string;
+    divided?: boolean;
+    disabled?: boolean;
+    color?: AXStyleColorType;
+}
+declare const AXButtonItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
+/**
+ * Represents a button item with optional content like icons, text, and dropdowns.
+ *
+ * @category Components
+ */
+declare class AXButtonItemComponent extends AXButtonItemComponent_base {
+    /**
+     * Text displayed on the button item.
+     */
+    text: string;
+    /**
+     *  @ignore
+     */
+    private _selected;
+    /**
+     * Indicates whether the button item is selected.
+     *
+     * @param v - A boolean indicating the selected state.
+     * Updates the view when the value changes.
+     */
+    get selected(): boolean;
+    set selected(v: boolean);
+    /**
+     * Whether the item is visually separated from other items.
+     *  @defaultValue false
+     */
+    divided: boolean;
+    /**
+     * Data associated with the button item.
+     */
+    data: unknown;
+    /**
+     * The name of the button item.
+     */
+    name: string;
+    /**
+     * Emitted when the button item is clicked.
+     * @event
+     * The emitted value is an `AXClickEvent` object containing event details.
+     */
+    onClick: EventEmitter<AXClickEvent>;
+    /**
+     *  @ignore
+     */
+    private __hostClick;
+    /**
+     *  @ignore
+     */
+    private __hostFocus;
+    /**
+     *  @ignore
+     */
+    private __hostBlur;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    /**
+     *  @ignore
+     */
+    tabindex: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemComponent, "ax-button-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-loading", "ax-icon", "ax-suffix", "ax-dropdown-panel"], true, never>;
+}
+
+/**
+ * A component for rendering a list of button items with optional dividers between them.
+ *
+ * @category Components
+ */
+declare class AXButtonItemListComponent extends MXInteractiveComponent {
+    private parent;
+    protected _contentButtons: QueryList<AXButtonItemComponent>;
+    /**
+     * The list of button items to display.
+     *
+     * @defaultValue []
+     */
+    items: i0.InputSignal<AXButtonItemListItem[]>;
+    /**
+     * Emits an event when an item is clicked.
+     * The event contains details about the clicked item.
+     *
+     * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.
+     */
+    onItemClick: EventEmitter<AXItemClickEvent<AXButtonItemComponent>>;
+    /**
+     *  @ignore
+     */
+    constructor();
+    /**
+     *  @ignore
+     */
+    private _initContents;
+    /**
+     *  @ignore
+     */
+    private _bindEvents;
+    /**
+     *  @ignore
+     */
+    private _bindProps;
+    /**
+     *  @ignore
+     */
+    protected _handleOnItemClick(e: AXClickEvent): void;
+    /**
+     *  @ignore
+     */
+    _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemListComponent, "ax-button-item-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["*"], true, never>;
+}
+
+type AXButtonType = 'submit' | 'button' | 'cancel' | 'reset';
+interface AXButtonItem {
+    cssClass?: string;
+    color?: AXStyleColorType;
+    look?: AXStyleLookType;
+    text?: string;
+    tooltip?: string;
+    iconClass?: string;
+    badge?: string;
+    disabled?: boolean;
+    selected?: boolean;
+    separated?: boolean;
+    name?: string;
+    data?: unknown;
+    onClick?: (e?: {
+        source: AXButtonItem;
+        handled?: boolean;
+    }) => void;
+    hotkey?: string | AXHotKeyAction;
+    type?: AXButtonType;
+    loading?: boolean;
+    autofocus?: boolean;
+}
+
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+declare class AXButtonComponent extends MXButtonBaseComponent implements AfterViewInit {
+    iconOnly: i0.InputSignal<boolean>;
+    protected showIcon: i0.Signal<boolean>;
+    protected loadingIcon: i0.Signal<AXLoadingComponent>;
+    protected hasLoadingIcon: i0.Signal<boolean>;
+    /**
+     *  Fires each time the user clicks the button.
+     *  @event
+     */
+    onClick: EventEmitter<AXClickEvent>;
+    /**
+     * Specifies the type of button to be used in the action sheet.
+     *
+     * @defaultValue 'button'
+     */
+    type: i0.InputSignal<AXButtonType>;
+    /**
+     * Defines the text displayed while the action sheet is loading.
+     *
+     * @defaultValue null
+     */
+    loadingText: i0.ModelSignal<string>;
+    /**
+     *  @ignore
+     */
+    ngAfterViewInit(): void;
+    /**
+     *  @ignore
+     */
+    private getButton;
+    /**
+     *  @ignore
+     */
+    _handleClick(e: MouseEvent): void;
+    /**
+     * Triggers a click event on the button element.
+     */
+    click(): void;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    /**
+     * Sets focus on the button element and adds a focus style class.
+     *
+     */
+    focus(): void;
+    /**
+     * Removes the focus style class from the button element
+     * when the button loses focus.
+     */
+    blur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "loadingText": "loadingTextChange"; }, ["loadingIcon"], ["ax-loading, ax-loading-spinner", "ax-prefix, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content", "*"], true, never>;
+}
+
+declare class AXButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i3.AXDecoratorModule, typeof i4.AXLoadingModule, typeof i2.AXRippleDirective, typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent], [typeof AXButtonComponent, typeof AXButtonItemComponent, typeof AXButtonItemListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXButtonModule>;
+}
+
+export { AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent, AXButtonModule };
+export type { AXButtonItem, AXButtonItemListItem, AXButtonType };

package/button-group/index.d.ts

@@ -1,3 +1,166 @@
-export * from './lib/button-group-item.component';
-export * from './lib/button-group.component';
-export * from './lib/button-group.module';
+import * as polytype from 'polytype';
+import { MXInteractiveComponent, MXColorLookComponent, AXClickEvent, AXSelectionMode, AXStyleColorType, MXColorComponent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/button';
+
+declare const AXButtonGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
+/**
+ * A component that groups multiple buttons together, allowing for consistent styling and behavior.
+ *
+ * @category Components
+ */
+declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
+    #private;
+    /**
+     * Fires when any button in the group is clicked.
+     *
+     * @event
+     */
+    onClick: EventEmitter<AXClickEvent>;
+    /**
+     *  @ignore
+     */
+    private _contentButtons;
+    /**
+     * Emitted when the selection mode changes.
+     *
+     * @event
+     */
+    selectionChange: EventEmitter<AXSelectionMode>;
+    selectedButtonChange: i0.OutputEmitterRef<AXButtonGroupItemComponent>;
+    /**
+     *  @ignore
+     */
+    private _selection;
+    /**
+     * Defines the selection mode for the component.
+     */
+    get selection(): AXSelectionMode;
+    /**
+     * Sets the selection mode for the component.
+     *
+     * @param value - The selection mode to be set. Possible values include 'single', 'multiple', or 'none'.
+     */
+    set selection(value: AXSelectionMode);
+    /**
+     *  @ignore
+     */
+    private _bindEvents;
+    /**
+     *  @ignore
+     */
+    private _bindProps;
+    /**
+     * Updates component properties based on internal option changes.
+     */
+    internalOptionChanged(): void;
+    /**
+     *  @ignore
+     */
+    private _handleClickEvent;
+    /**
+     *  @ignore
+     */
+    private clearSelection;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    /**
+     *  @ignore
+     */
+    get role(): string;
+    /**
+     *  @ignore
+     */
+    private __hostClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
+}
+
+interface AXButtonItemListItem {
+    name: string;
+    text: string;
+    icon: string;
+    divided?: boolean;
+    disabled?: boolean;
+    color?: AXStyleColorType;
+}
+declare const AXButtonGroupItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
+/**
+ * Represents a button item with optional content like icons, text, and dropdowns.
+ *
+ * @category Components
+ */
+declare class AXButtonGroupItemComponent extends AXButtonGroupItemComponent_base {
+    btnGroup: AXButtonGroupComponent;
+    /**
+     * Text displayed on the button item.
+     */
+    text: string;
+    /**
+     *  @ignore
+     */
+    private _selected;
+    /**
+     * Indicates whether the button item is selected.
+     *
+     * @param v - A boolean indicating the selected state.
+     * Updates the view when the value changes.
+     */
+    get selected(): boolean;
+    set selected(v: boolean);
+    /**
+     * Whether the item is visually separated from other items.
+     *  @defaultValue false
+     */
+    divided: boolean;
+    /**
+     * Data associated with the button item.
+     */
+    data: unknown;
+    /**
+     * The name of the button item.
+     */
+    name: string;
+    /**
+     * Emitted when the button item is clicked.
+     * @event
+     * The emitted value is an `AXClickEvent` object containing event details.
+     */
+    onClick: EventEmitter<AXClickEvent>;
+    /**
+     *  @ignore
+     */
+    private __hostClick;
+    /**
+     *  @ignore
+     */
+    private __hostFocus;
+    /**
+     *  @ignore
+     */
+    private __hostBlur;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    /**
+     *  @ignore
+     */
+    tabindex: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, never, ["*"], true, never>;
+}
+
+declare class AXButtonGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonGroupModule, never, [typeof i1.CommonModule, typeof i2.AXDecoratorModule, typeof i3.AXButtonModule, typeof AXButtonGroupComponent, typeof AXButtonGroupItemComponent], [typeof AXButtonGroupComponent, typeof AXButtonGroupItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXButtonGroupModule>;
+}
+
+export { AXButtonGroupComponent, AXButtonGroupItemComponent, AXButtonGroupModule };
+export type { AXButtonItemListItem };