@acorex/components 19.10.0-next.0 → 19.10.0-next.1

package/progress-bar/lib/progress-bar.component.d.ts

@@ -11,41 +11,41 @@ export declare class AXProgressBarComponent extends MXColorComponent {
     /** @ignore */
     circle: ElementRef;
     /**
-     * @event
-     * Emits when the slider value changes.
-     */
+   * @event
+   * Emits when the slider value changes.
+   */
     ValueChange: EventEmitter<number>;
     /** @ignore */
     private _progress;
     /**
-     * Specifies the progress indicator mode.
-     */
+   * Specifies the progress indicator mode.
+   */
     mode: AXProgressMode;
     /**
-     * Gets or sets the progress value (0-100).
-     */
+   * Gets or sets the progress value (0-100).
+   */
     get progress(): number;
     /**
-     * Sets the progress value (0-100).
-     * @param {number} v
-     */
+   * Sets the progress value (0-100).
+   * @param {number} v
+   */
     set progress(v: number);
     /**
-     * Emitted when the size changes.
-     * @event
-     */
+   * Emitted when the size changes.
+   * @event
+   */
     sizeChange: EventEmitter<number>;
     /** @ignore */
     private _height;
     /**
-     * Gets or sets the height of the component.
-     * @param {number} v
-     */
+   * Gets or sets the height of the component.
+   * @param {number} v
+   */
     get height(): number;
     /**
-     * Sets the height of the component.
-     * @param {number} v
-     */
+   * Sets the height of the component.
+   * @param {number} v
+   */
     set height(v: number);
     /** @ignore */
     private get __hostClass();

package/range-slider/lib/range-slider.component.d.ts

@@ -27,7 +27,7 @@ export declare class AXRangeSliderComponent extends AXRangeSliderComponent_base
      * Color theme for the slider, affecting highlight, tooltip, and handler.
      * @default 'primary'
      */
-    color: import("@angular/core").InputSignal<"success" | "primary" | "secondary" | "warning" | "danger">;
+    color: import("@angular/core").InputSignal<"success" | "primary" | "warning" | "danger" | "neutral">;
     /**
      * @description
      * The value(s) of the slider. Can be a single number for single mode or an array of two numbers for dual mode.

package/scheduler/lib/scheduler-month-view.component.d.ts

@@ -25,16 +25,16 @@ export declare class AXSchedulerMonthViewComponent extends MXBaseComponent {
      */
     get date(): AXDateTime;
     /**
-     * Sets the date for the scheduler view and triggers the generation of time slots.
-     * @param {AXDateTime} v
-     */
+   * Sets the date for the scheduler view and triggers the generation of time slots.
+   * @param {AXDateTime} v
+   */
     set date(v: AXDateTime);
     /** @ignore */
     ngOnInit(): void;
     /**
-     * Generates slots for the scheduler, including CSS classes for days outside the current month
-     * and a flag for the current day.
-     */
+   * Generates slots for the scheduler, including CSS classes for days outside the current month
+   * and a flag for the current day.
+   */
     generateSlots(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSchedulerMonthViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXSchedulerMonthViewComponent, "ax-scheduler-month-view", never, { "date": { "alias": "date"; "required": false; }; }, {}, never, never, false, never>;

package/search-box/lib/search-box.component.d.ts

@@ -16,10 +16,6 @@ export declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     constructor(
     /** @ignore */
     _parent: AXSearchableComponent);
-    /**
-     * Defines custom CSS classes to apply to the component.
-     */
-    classNames: string;
     /**
      * The delay time for search actions, specified in milliseconds.
      * @defaultValue 500
@@ -34,6 +30,6 @@ export declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
     /** @ignore */
     get __hostClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-icon", "ax-clear-button", "ax-suffix"], false, never>;
 }
 export {};

package/side-menu/lib/side-menu-item/side-menu-item.component.d.ts

@@ -1,11 +1,12 @@
-import { AXClickEvent, MXInteractiveComponent } from '@acorex/components/common';
+import { AXClickEvent, MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';
 import { ElementRef } from '@angular/core';
 import { IsActiveMatchOptions, UrlTree } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class AXSideMenuItemClickEvent extends AXClickEvent {
     handled: boolean;
 }
-export declare class AXSideMenuItemComponent extends MXInteractiveComponent {
+declare const AXSideMenuItemComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
+export declare class AXSideMenuItemComponent extends AXSideMenuItemComponent_base {
     private elem;
     text: import("@angular/core").ModelSignal<string>;
     active: import("@angular/core").ModelSignal<boolean>;
@@ -25,6 +26,8 @@ export declare class AXSideMenuItemComponent extends MXInteractiveComponent {
     toggle(): void;
     open(): void;
     close(): void;
+    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵ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-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "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-suffix"], false, never>;
 }
+export {};

package/side-menu/lib/side-menu.component.d.ts

@@ -1,4 +1,4 @@
-import { NXComponent } from '@acorex/components/common';
+import { AXStyleColorType, NXComponent } from '@acorex/components/common';
 import { IsActiveMatchOptions, UrlTree } from '@angular/router';
 import { AXSideMenuItemComponent } from './side-menu-item/side-menu-item.component';
 import * as i0 from "@angular/core";
@@ -14,6 +14,7 @@ export type AXSideMenuItem = {
     href?: string;
     target?: '_blank' | '_self' | '_parent' | '_top';
     text: string;
+    color?: AXStyleColorType;
     active?: boolean;
     disabled?: boolean;
     isLoading?: boolean;

package/tabs/lib/tabs.class.d.ts

@@ -4,5 +4,5 @@ export declare class AXTabStripChangedEvent extends AXEvent {
     tab: AXTabItemComponent;
     index: number;
 }
-export type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color' | 'classic';
+export type AXTabLook = 'default' | 'pills' | 'pills-color' | 'with-line' | 'with-line-color' | 'classic' | 'custom';
 export type AXTabLocation = 'top' | 'bottom' | 'start' | 'end';

package/text-area/lib/text-area.component.d.ts

@@ -29,13 +29,9 @@ export declare class AXTextAreaComponent extends AXTextAreaComponent_base {
      * Specifies the maximum number of characters allowed in the input field.
      */
     maxLength: number;
-    /**
-     * CSS classes to apply to the component.
-     */
-    classNames: string;
     /** @ignore */
     protected _handleModelChange(value: string | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "allowResize": { "alias": "allowResize"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-validation-rule"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "allowResize": { "alias": "allowResize"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-validation-rule"], false, never>;
 }
 export {};

package/time-line/lib/time-line.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-export type AXTimeLineMode = 'icon' | 'bullet';
+export type AXTimeLineMode = 'icon' | 'bulet';
 export declare class AXTimeLineComponent {
     #private;
     mode: import("@angular/core").InputSignal<AXTimeLineMode>;

package/toast/lib/toast.service.d.ts

@@ -14,7 +14,7 @@ export declare class AXToastService {
     scrollStrategy: ScrollStrategy;
     constructor(scrollStrategyOptions: ScrollStrategyOptions);
     primary(content: string): void;
-    secondary(content: string): void;
+    neutral(content: string): void;
     success(content: string): void;
     warning(content: string): void;
     danger(content: string): void;

package/toolbar/lib/toolbar.component.d.ts

@@ -2,11 +2,13 @@ import * as i0 from "@angular/core";
 export declare class AXToolBarComponent {
     #private;
     private buttons;
+    private textBox;
+    dividerState: import("@angular/core").InputSignal<boolean>;
     private decorators;
     protected prefixState: import("@angular/core").WritableSignal<boolean>;
     protected suffixState: import("@angular/core").WritableSignal<boolean>;
     protected contentState: import("@angular/core").WritableSignal<boolean>;
     get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXToolBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolBarComponent, "ax-toolbar", never, {}, {}, ["buttons", "decorators"], ["ax-prefix", "ax-content", "ax-suffix"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXToolBarComponent, "ax-toolbar", never, { "dividerState": { "alias": "dividerState"; "required": false; "isSignal": true; }; }, {}, ["buttons", "textBox", "decorators"], ["ax-prefix", "ax-content", "ax-suffix"], false, never>;
 }

package/wysiwyg/lib/wysiwyg/wysiwyg-container/wysiwyg-container.component.d.ts

@@ -18,9 +18,9 @@ export declare class AXWysiwygContainerComponent extends AXWysiwygContainerCompo
     /** @ignore */
     private zone;
     /** @ignore */
-    protected quillChangeTriggered: import("@angular/core").WritableSignal<boolean>;
+    protected quillChangeTriggred: import("@angular/core").WritableSignal<boolean>;
     /** @ignore */
-    protected ngModelChangeTriggered: import("@angular/core").WritableSignal<boolean>;
+    protected ngModleChangeTriggred: import("@angular/core").WritableSignal<boolean>;
     /**
      * Specifies the placeholder text.
      *

package/decorators/lib/components/color-indicator/color-indicator.component.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class AXDecoratorColorIndicatorComponent {
-    previewColor: import("@angular/core").InputSignal<unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorColorIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorColorIndicatorComponent, "ax-color-indicator", never, { "previewColor": { "alias": "previewColor"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
-}

package/decorators/lib/components/heading/heading.component.d.ts

@@ -1,11 +0,0 @@
-import { MXBaseComponent } from '@acorex/components/common';
-import * as i0 from "@angular/core";
-/**
- * A button component that displays a close icon and triggers an action when clicked.
- *
- * @category Components
- */
-export declare class AXDecoratorHeadingComponent extends MXBaseComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorHeadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorHeadingComponent, "ax-heading", never, {}, {}, never, ["ax-title, ax-subtitle"], false, never>;
-}

package/fesm2022/acorex-components-kbd.mjs

@@ -1,56 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, signal, ChangeDetectionStrategy, ViewEncapsulation, Component, HostBinding, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-class AXKBDItemComponent {
-    constructor() {
-        this.keys = input();
-        this.modifierKeys = signal(['Ctrl', 'Shift', 'Alt', 'Meta']);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXKBDItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXKBDItemComponent, isStandalone: false, selector: "ax-kbd-item", inputs: { keys: { classPropertyName: "keys", publicName: "keys", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (typeof keys() === 'string') {\n  <kbd>{{ keys() }}</kbd>\n} @else {\n  @for (key of keys(); track $index; let last = $last) {\n    <kbd>{{ key }}</kbd>\n    @if (!last && modifierKeys().includes(key)) {\n      <span>+</span>\n    }\n  }\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXKBDItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-kbd-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (typeof keys() === 'string') {\n  <kbd>{{ keys() }}</kbd>\n} @else {\n  @for (key of keys(); track $index; let last = $last) {\n    <kbd>{{ key }}</kbd>\n    @if (!last && modifierKeys().includes(key)) {\n      <span>+</span>\n    }\n  }\n}\n" }]
-        }] });
-
-class AXKBDComponent {
-    constructor() {
-        this.look = input('outline');
-    }
-    get __hostClass() {
-        return `ax-${this.look()}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXKBDComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXKBDComponent, isStandalone: false, selector: "ax-kbd", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, ngImport: i0, template: "<ng-content select=\"ax-kbd-item\"></ng-content>\n", styles: ["ax-kbd{display:flex;-webkit-user-select:none;user-select:none;line-height:normal;gap:var(--ax-comp-kbd-gap, 1rem)}ax-kbd ax-kbd-item{gap:.25rem;display:flex;align-items:center;gap:var(--ax-comp-kbd-item-gap, .25rem)}ax-kbd ax-kbd-item kbd{padding-inline:.5rem;padding-block:.125rem;border-radius:var(--ax-comp-kbd-item-border-radius, var(--ax-sys-border-radius));background-color:rgba(var(--ax-comp-kbd-item-bg-color, var(--ax-sys-color-ghost-200)))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXKBDComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-kbd', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-content select=\"ax-kbd-item\"></ng-content>\n", styles: ["ax-kbd{display:flex;-webkit-user-select:none;user-select:none;line-height:normal;gap:var(--ax-comp-kbd-gap, 1rem)}ax-kbd ax-kbd-item{gap:.25rem;display:flex;align-items:center;gap:var(--ax-comp-kbd-item-gap, .25rem)}ax-kbd ax-kbd-item kbd{padding-inline:.5rem;padding-block:.125rem;border-radius:var(--ax-comp-kbd-item-border-radius, var(--ax-sys-border-radius));background-color:rgba(var(--ax-comp-kbd-item-bg-color, var(--ax-sys-color-ghost-200)))}\n"] }]
-        }], propDecorators: { __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class AXKBDModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXKBDModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXKBDModule, declarations: [AXKBDComponent, AXKBDItemComponent], imports: [CommonModule], exports: [AXKBDComponent, AXKBDItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXKBDModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXKBDModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AXKBDComponent, AXKBDItemComponent],
-                    imports: [CommonModule],
-                    exports: [AXKBDComponent, AXKBDItemComponent],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXKBDComponent, AXKBDItemComponent, AXKBDModule };
-//# sourceMappingURL=acorex-components-kbd.mjs.map

package/fesm2022/acorex-components-kbd.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-kbd.mjs","sources":["../../../../libs/components/kbd/src/lib/kbd-item/kbd-item.component.ts","../../../../libs/components/kbd/src/lib/kbd-item/kbd-item.component.html","../../../../libs/components/kbd/src/lib/kbd.component.ts","../../../../libs/components/kbd/src/lib/kbd.component.html","../../../../libs/components/kbd/src/lib/kbd.module.ts","../../../../libs/components/kbd/src/acorex-components-kbd.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, signal, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-kbd-item',\n  templateUrl: './kbd-item.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class AXKBDItemComponent {\n  keys = input<string[] | string>();\n\n  modifierKeys = signal(['Ctrl', 'Shift', 'Alt', 'Meta']);\n}\n","@if (typeof keys() === 'string') {\n  <kbd>{{ keys() }}</kbd>\n} @else {\n  @for (key of keys(); track $index; let last = $last) {\n    <kbd>{{ key }}</kbd>\n    @if (!last && modifierKeys().includes(key)) {\n      <span>+</span>\n    }\n  }\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-kbd',\n  templateUrl: './kbd.component.html',\n  styleUrls: ['./kbd.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class AXKBDComponent {\n  look = input<'solid' | 'outline' | 'blank'>('outline');\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.look()}`;\n  }\n}\n","<ng-content select=\"ax-kbd-item\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXKBDItemComponent } from './kbd-item/kbd-item.component';\nimport { AXKBDComponent } from './kbd.component';\n\n@NgModule({\n  declarations: [AXKBDComponent, AXKBDItemComponent],\n  imports: [CommonModule],\n  exports: [AXKBDComponent, AXKBDItemComponent],\n  providers: [],\n})\nexport class AXKBDModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-sliding-item.mjs

@@ -1,153 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, output, HostListener, HostBinding, ViewEncapsulation, Component, viewChild, contentChildren, ElementRef, signal, effect, afterNextRender, NgModule } from '@angular/core';
-import * as i1 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i1$1 from '@acorex/cdk/sliding-item';
-import { AXSlidingItemDirective, AXSlidingItemDirectiveModule } from '@acorex/cdk/sliding-item';
-
-class AXSlidingItemPrefixComponent {
-    constructor() {
-        this.color = input();
-        this.text = input();
-        this.onClick = output();
-    }
-    get __hostClass() {
-        return `ax-${this.color()}`;
-    }
-    _onclick() {
-        this.onClick.emit({ component: this });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXSlidingItemPrefixComponent, isStandalone: false, selector: "ax-sliding-item-prefix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", styles: [""], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemPrefixComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-sliding-item-prefix', standalone: false, encapsulation: ViewEncapsulation.None, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
-        }], propDecorators: { __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], _onclick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
-class AXSlidingItemSuffixComponent {
-    constructor() {
-        this.color = input();
-        this.text = input();
-        this.onClick = output();
-    }
-    get __hostClass() {
-        return `ax-${this.color()}`;
-    }
-    _onclick() {
-        this.onClick.emit({ component: this });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemSuffixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.3", type: AXSlidingItemSuffixComponent, isStandalone: false, selector: "ax-sliding-item-suffix", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "_onclick()" }, properties: { "class": "this.__hostClass" } }, ngImport: i0, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n", styles: [""], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemSuffixComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-sliding-item-suffix', standalone: false, encapsulation: ViewEncapsulation.None, template: "<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n" }]
-        }], propDecorators: { __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], _onclick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
-class AXSlidingItemComponent {
-    constructor() {
-        this.slidingItem = viewChild(AXSlidingItemDirective);
-        this.itemPrefix = contentChildren(AXSlidingItemPrefixComponent, { read: ElementRef });
-        this.itemSuffix = contentChildren(AXSlidingItemSuffixComponent, { read: ElementRef });
-        this.stopArrayPrefix = signal([]);
-        this.stopArraySuffix = signal([]);
-        this.#effect = effect(() => {
-            if (this.slidingItem().currentX() > 0)
-                return;
-            this.stopArraySuffix().forEach((item, index) => {
-                if (this.slidingItem().currentX() < item) {
-                    this.slidingItem().stopPoint.set(item);
-                }
-                else if (this.slidingItem().currentX() > item && index === 0) {
-                    this.slidingItem().stopPoint.set(0);
-                }
-            });
-        });
-        this.#effect2 = effect(() => {
-            if (this.slidingItem().currentX() < 0)
-                return;
-            this.stopArrayPrefix().forEach((item, index) => {
-                if (this.slidingItem().currentX() > item) {
-                    this.slidingItem().stopPoint.set(item);
-                }
-                else if (this.slidingItem().currentX() < item && index === 0) {
-                    this.slidingItem().stopPoint.set(0);
-                }
-            });
-        });
-        this.#init = afterNextRender(() => {
-            this.itemPrefix().forEach((item) => {
-                const itemElem = item.nativeElement;
-                this.stopArrayPrefix.update((prev) => {
-                    const prevCopy = [...prev];
-                    if (prevCopy[prevCopy.length - 1]) {
-                        prevCopy.push(itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);
-                    }
-                    else {
-                        prevCopy.push(itemElem.getClientRects()[0].width);
-                    }
-                    return prevCopy;
-                });
-            });
-            this.itemSuffix().forEach((item) => {
-                const itemElem = item.nativeElement;
-                this.stopArraySuffix.update((prev) => {
-                    const prevCopy = [...prev];
-                    if (prevCopy[prevCopy.length - 1]) {
-                        prevCopy.push(-itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);
-                    }
-                    else {
-                        prevCopy.push(-itemElem.getClientRects()[0].width);
-                    }
-                    return prevCopy;
-                });
-            });
-        });
-    }
-    #effect;
-    #effect2;
-    #init;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXSlidingItemComponent, isStandalone: false, selector: "ax-sliding-item", queries: [{ propertyName: "itemPrefix", predicate: AXSlidingItemPrefixComponent, read: ElementRef, isSignal: true }, { propertyName: "itemSuffix", predicate: AXSlidingItemSuffixComponent, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "slidingItem", first: true, predicate: AXSlidingItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{--ax-comp-sliding-item-content-bg-color: var(--ax-sys-color-surface);--ax-comp-sliding-item-content-text-color: var(--ax-sys-color-on-surface);--ax-comp-sliding-item-primary-btn-bg-color: var(--ax-sys-color-primary-500);--ax-comp-sliding-item-primary-btn-text-color: var(--ax-sys-color-on-primary);--ax-comp-sliding-item-primary-btn-active-bg-color: var(--ax-sys-color-primary-700);--ax-comp-sliding-item-primary-btn-active-text-color: var(--ax-sys-color-on-primary);--ax-comp-sliding-item-primary-btn-hover-bg-color: var(--ax-sys-color-primary-600);--ax-comp-sliding-item-primary-btn-hover-text-color: var(--ax-sys-color-contrast-primary);--ax-comp-sliding-item-secondary-btn-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-sliding-item-secondary-btn-text-color: var(--ax-sys-color-on-secondary);--ax-comp-sliding-item-secondary-btn-active-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-sliding-item-secondary-btn-active-text-color: var(--ax-sys-color-on-secondary);--ax-comp-sliding-item-secondary-btn-hover-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-sliding-item-secondary-btn-hover-text-color: var(--ax-sys-color-contrast-secondary);--ax-comp-sliding-item-danger-btn-bg-color: var(--ax-sys-color-danger-500);--ax-comp-sliding-item-danger-btn-text-color: var(--ax-sys-color-on-danger);--ax-comp-sliding-item-danger-btn-active-bg-color: var(--ax-sys-color-danger-700);--ax-comp-sliding-item-danger-btn-active-text-color: var(--ax-sys-color-on-danger);--ax-comp-sliding-item-danger-btn-hover-bg-color: var(--ax-sys-color-danger-600);--ax-comp-sliding-item-danger-btn-hover-text-color: var(--ax-sys-color-contrast-danger);--ax-comp-sliding-item-warning-btn-bg-color: var(--ax-sys-color-warning-500);--ax-comp-sliding-item-warning-btn-text-color: var(--ax-sys-color-on-warning);--ax-comp-sliding-item-warning-btn-active-bg-color: var(--ax-sys-color-warning-700);--ax-comp-sliding-item-warning-btn-active-text-color: var(--ax-sys-color-on-warning);--ax-comp-sliding-item-warning-btn-hover-bg-color: var(--ax-sys-color-warning-600);--ax-comp-sliding-item-warning-btn-hover-text-color: var(--ax-sys-color-contrast-warning);--ax-comp-sliding-item-ghost-btn-bg-color: var(--ax-sys-color-ghost-500);--ax-comp-sliding-item-ghost-btn-text-color: var(--ax-sys-color-on-ghost);--ax-comp-sliding-item-ghost-btn-active-bg-color: var(--ax-sys-color-ghost-700);--ax-comp-sliding-item-ghost-btn-active-text-color: var(--ax-sys-color-on-ghost);--ax-comp-sliding-item-ghost-btn-hover-bg-color: var(--ax-sys-color-ghost-600);--ax-comp-sliding-item-ghost-btn-hover-text-color: var(--ax-sys-color-contrast-ghost)}ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{width:100%;height:100%;display:flex;align-items:center;background-color:rgba(var(--ax-comp-sliding-item-content-bg-color));color:rgba(var(--ax-comp-sliding-item-content-text-color));padding:1rem}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:4rem;aspect-ratio:1;cursor:pointer;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sliding-item ax-sliding-item-prefix.ax-primary,ax-sliding-item ax-sliding-item-suffix.ax-primary{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active,ax-sliding-item ax-sliding-item-suffix.ax-primary:active{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary,ax-sliding-item ax-sliding-item-suffix.ax-secondary{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger,ax-sliding-item ax-sliding-item-suffix.ax-danger{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active,ax-sliding-item ax-sliding-item-suffix.ax-danger:active{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning,ax-sliding-item ax-sliding-item-suffix.ax-warning{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active,ax-sliding-item ax-sliding-item-suffix.ax-warning:active{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost,ax-sliding-item ax-sliding-item-suffix.ax-ghost{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:active,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-active-text-color))}\n"], dependencies: [{ kind: "directive", type: i1$1.AXSlidingItemDirective, selector: "[axSlidingItem]" }], encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-sliding-item', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n", styles: ["ax-sliding-item{--ax-comp-sliding-item-content-bg-color: var(--ax-sys-color-surface);--ax-comp-sliding-item-content-text-color: var(--ax-sys-color-on-surface);--ax-comp-sliding-item-primary-btn-bg-color: var(--ax-sys-color-primary-500);--ax-comp-sliding-item-primary-btn-text-color: var(--ax-sys-color-on-primary);--ax-comp-sliding-item-primary-btn-active-bg-color: var(--ax-sys-color-primary-700);--ax-comp-sliding-item-primary-btn-active-text-color: var(--ax-sys-color-on-primary);--ax-comp-sliding-item-primary-btn-hover-bg-color: var(--ax-sys-color-primary-600);--ax-comp-sliding-item-primary-btn-hover-text-color: var(--ax-sys-color-contrast-primary);--ax-comp-sliding-item-secondary-btn-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-sliding-item-secondary-btn-text-color: var(--ax-sys-color-on-secondary);--ax-comp-sliding-item-secondary-btn-active-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-sliding-item-secondary-btn-active-text-color: var(--ax-sys-color-on-secondary);--ax-comp-sliding-item-secondary-btn-hover-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-sliding-item-secondary-btn-hover-text-color: var(--ax-sys-color-contrast-secondary);--ax-comp-sliding-item-danger-btn-bg-color: var(--ax-sys-color-danger-500);--ax-comp-sliding-item-danger-btn-text-color: var(--ax-sys-color-on-danger);--ax-comp-sliding-item-danger-btn-active-bg-color: var(--ax-sys-color-danger-700);--ax-comp-sliding-item-danger-btn-active-text-color: var(--ax-sys-color-on-danger);--ax-comp-sliding-item-danger-btn-hover-bg-color: var(--ax-sys-color-danger-600);--ax-comp-sliding-item-danger-btn-hover-text-color: var(--ax-sys-color-contrast-danger);--ax-comp-sliding-item-warning-btn-bg-color: var(--ax-sys-color-warning-500);--ax-comp-sliding-item-warning-btn-text-color: var(--ax-sys-color-on-warning);--ax-comp-sliding-item-warning-btn-active-bg-color: var(--ax-sys-color-warning-700);--ax-comp-sliding-item-warning-btn-active-text-color: var(--ax-sys-color-on-warning);--ax-comp-sliding-item-warning-btn-hover-bg-color: var(--ax-sys-color-warning-600);--ax-comp-sliding-item-warning-btn-hover-text-color: var(--ax-sys-color-contrast-warning);--ax-comp-sliding-item-ghost-btn-bg-color: var(--ax-sys-color-ghost-500);--ax-comp-sliding-item-ghost-btn-text-color: var(--ax-sys-color-on-ghost);--ax-comp-sliding-item-ghost-btn-active-bg-color: var(--ax-sys-color-ghost-700);--ax-comp-sliding-item-ghost-btn-active-text-color: var(--ax-sys-color-on-ghost);--ax-comp-sliding-item-ghost-btn-hover-bg-color: var(--ax-sys-color-ghost-600);--ax-comp-sliding-item-ghost-btn-hover-text-color: var(--ax-sys-color-contrast-ghost)}ax-sliding-item{width:100%;height:100%}ax-sliding-item .ax-sliding-item-container{display:flex}ax-sliding-item ax-content{width:100%;height:100%;display:flex;align-items:center;background-color:rgba(var(--ax-comp-sliding-item-content-bg-color));color:rgba(var(--ax-comp-sliding-item-content-text-color));padding:1rem}ax-sliding-item ax-sliding-item-prefix,ax-sliding-item ax-sliding-item-suffix{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:4rem;aspect-ratio:1;cursor:pointer;transition-property:background-color,color;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-sliding-item ax-sliding-item-prefix.ax-primary,ax-sliding-item ax-sliding-item-suffix.ax-primary{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active,ax-sliding-item ax-sliding-item-suffix.ax-primary:active{background-color:rgba(var(--ax-comp-sliding-item-primary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-primary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-primary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-primary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary,ax-sliding-item ax-sliding-item-suffix.ax-secondary{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active{background-color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-secondary:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-secondary:active ax-icon{color:rgba(var(--ax-comp-sliding-item-secondary-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger,ax-sliding-item ax-sliding-item-suffix.ax-danger{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active,ax-sliding-item ax-sliding-item-suffix.ax-danger:active{background-color:rgba(var(--ax-comp-sliding-item-danger-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-danger:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-danger:active ax-icon{color:rgba(var(--ax-comp-sliding-item-danger-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning,ax-sliding-item ax-sliding-item-suffix.ax-warning{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active,ax-sliding-item ax-sliding-item-suffix.ax-warning:active{background-color:rgba(var(--ax-comp-sliding-item-warning-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-warning:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-warning:active ax-icon{color:rgba(var(--ax-comp-sliding-item-warning-btn-active-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost,ax-sliding-item ax-sliding-item-suffix.ax-ghost{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-hover-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost:hover ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost:hover ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-hover-text-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:active,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active{background-color:rgba(var(--ax-comp-sliding-item-ghost-btn-active-bg-color))}ax-sliding-item ax-sliding-item-prefix.ax-ghost:active ax-text,ax-sliding-item ax-sliding-item-prefix.ax-ghost:active ax-icon,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active ax-text,ax-sliding-item ax-sliding-item-suffix.ax-ghost:active ax-icon{color:rgba(var(--ax-comp-sliding-item-ghost-btn-active-text-color))}\n"] }]
-        }] });
-
-const COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];
-const MODULES = [AXSlidingItemDirectiveModule, AXDecoratorModule];
-class AXSlidingItemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemModule, declarations: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent], imports: [AXSlidingItemDirectiveModule, AXDecoratorModule], exports: [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemModule, imports: [MODULES] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSlidingItemModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXSlidingItemComponent, AXSlidingItemModule, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent };
-//# sourceMappingURL=acorex-components-sliding-item.mjs.map

package/fesm2022/acorex-components-sliding-item.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-sliding-item.mjs","sources":["../../../../libs/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.ts","../../../../libs/components/sliding-item/src/lib/sliding-item-prefix/sliding-item-prefix.component.html","../../../../libs/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.ts","../../../../libs/components/sliding-item/src/lib/sliding-item-suffix/sliding-item-suffix.component.html","../../../../libs/components/sliding-item/src/lib/sliding-item/sliding-item.component.ts","../../../../libs/components/sliding-item/src/lib/sliding-item/sliding-item.component.html","../../../../libs/components/sliding-item/src/lib/sliding-item.module.ts","../../../../libs/components/sliding-item/src/acorex-components-sliding-item.ts"],"sourcesContent":["import { AXClickEvent, AXStyleColorType } from '@acorex/components/common';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-sliding-item-prefix',\n  templateUrl: './sliding-item-prefix.component.html',\n  styleUrl: 'sliding-item-prefix.component.scss',\n  standalone: false,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXSlidingItemPrefixComponent {\n  color = input<AXStyleColorType>();\n  text = input<string | number>();\n  onClick = output<AXClickEvent>();\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color()}`;\n  }\n\n  @HostListener('click') _onclick() {\n    this.onClick.emit({ component: this });\n  }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXClickEvent, AXStyleColorType } from '@acorex/components/common';\nimport { Component, HostBinding, HostListener, input, output, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-sliding-item-suffix',\n  templateUrl: './sliding-item-suffix.component.html',\n  styleUrl: 'sliding-item-suffix.component.scss',\n  standalone: false,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXSlidingItemSuffixComponent {\n  color = input<AXStyleColorType>();\n  text = input<string | number>();\n  onClick = output<AXClickEvent>();\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.color()}`;\n  }\n\n  @HostListener('click') _onclick() {\n    this.onClick.emit({ component: this });\n  }\n}\n","<ng-content #select=\"ax-icon\"></ng-content>\n<ax-text>{{ text() }}</ax-text>\n","import { AXSlidingItemDirective } from '@acorex/cdk/sliding-item';\nimport {\n  afterNextRender,\n  Component,\n  contentChildren,\n  effect,\n  ElementRef,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from '../sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from '../sliding-item-suffix/sliding-item-suffix.component';\n\n@Component({\n  selector: 'ax-sliding-item',\n  templateUrl: './sliding-item.component.html',\n  styleUrl: 'sliding-item.component.scss',\n  standalone: false,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXSlidingItemComponent {\n  protected slidingItem = viewChild(AXSlidingItemDirective);\n  protected itemPrefix = contentChildren(AXSlidingItemPrefixComponent, { read: ElementRef });\n  protected itemSuffix = contentChildren(AXSlidingItemSuffixComponent, { read: ElementRef });\n\n  protected stopArrayPrefix = signal<number[]>([]);\n  protected stopArraySuffix = signal<number[]>([]);\n\n  #effect = effect(() => {\n    if (this.slidingItem().currentX() > 0) return;\n    this.stopArraySuffix().forEach((item, index) => {\n      if (this.slidingItem().currentX() < item) {\n        this.slidingItem().stopPoint.set(item);\n      } else if (this.slidingItem().currentX() > item && index === 0) {\n        this.slidingItem().stopPoint.set(0);\n      }\n    });\n  });\n\n  #effect2 = effect(() => {\n    if (this.slidingItem().currentX() < 0) return;\n    this.stopArrayPrefix().forEach((item, index) => {\n      if (this.slidingItem().currentX() > item) {\n        this.slidingItem().stopPoint.set(item);\n      } else if (this.slidingItem().currentX() < item && index === 0) {\n        this.slidingItem().stopPoint.set(0);\n      }\n    });\n  });\n\n  #init = afterNextRender(() => {\n    this.itemPrefix().forEach((item) => {\n      const itemElem = item.nativeElement as HTMLElement;\n\n      this.stopArrayPrefix.update((prev) => {\n        const prevCopy = [...prev];\n        if (prevCopy[prevCopy.length - 1]) {\n          prevCopy.push(itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n        } else {\n          prevCopy.push(itemElem.getClientRects()[0].width);\n        }\n        return prevCopy;\n      });\n    });\n\n    this.itemSuffix().forEach((item) => {\n      const itemElem = item.nativeElement as HTMLElement;\n\n      this.stopArraySuffix.update((prev) => {\n        const prevCopy = [...prev];\n        if (prevCopy[prevCopy.length - 1]) {\n          prevCopy.push(-itemElem.getClientRects()[0].width + prevCopy[prevCopy.length - 1]);\n        } else {\n          prevCopy.push(-itemElem.getClientRects()[0].width);\n        }\n        return prevCopy;\n      });\n    });\n  });\n}\n","<div #itemPrefix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-prefix\"></ng-content>\n</div>\n\n<div axSlidingItem>\n  <ng-content select=\"ax-content\"> </ng-content>\n</div>\n\n<div #itemSuffix class=\"ax-sliding-item-container\">\n  <ng-content select=\"ax-sliding-item-suffix\"></ng-content>\n</div>\n","import { AXSlidingItemDirectiveModule } from '@acorex/cdk/sliding-item';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgModule } from '@angular/core';\nimport { AXSlidingItemPrefixComponent } from './sliding-item-prefix/sliding-item-prefix.component';\nimport { AXSlidingItemSuffixComponent } from './sliding-item-suffix/sliding-item-suffix.component';\nimport { AXSlidingItemComponent } from './sliding-item/sliding-item.component';\n\nconst COMPONENT = [AXSlidingItemComponent, AXSlidingItemPrefixComponent, AXSlidingItemSuffixComponent];\n\nconst MODULES = [AXSlidingItemDirectiveModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSlidingItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":";;;;;;;MAUa,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAAG,KAAK,EAAoB;QACjC,IAAI,CAAA,IAAA,GAAG,KAAK,EAAmB;QAC/B,IAAO,CAAA,OAAA,GAAG,MAAM,EAAgB;AAUjC;AARC,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE;;IAGN,QAAQ,GAAA;QAC7B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;8GAX7B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,0cCVzC,kFAEA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,8IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDQa,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAGtB,UAAA,EAAA,KAAK,EACF,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,kFAAA,EAAA;8BAQzB,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;gBAKG,QAAQ,EAAA,CAAA;sBAA9B,YAAY;uBAAC,OAAO;;;MEVV,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAAG,KAAK,EAAoB;QACjC,IAAI,CAAA,IAAA,GAAG,KAAK,EAAmB;QAC/B,IAAO,CAAA,OAAA,GAAG,MAAM,EAAgB;AAUjC;AARC,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE;;IAGN,QAAQ,GAAA;QAC7B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;8GAX7B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,0cCVzC,kFAEA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,8IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDQa,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAGtB,UAAA,EAAA,KAAK,EACF,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,kFAAA,EAAA;8BAQzB,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO;gBAKG,QAAQ,EAAA,CAAA;sBAA9B,YAAY;uBAAC,OAAO;;;MECV,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;AAQY,QAAA,IAAA,CAAA,WAAW,GAAG,SAAS,CAAC,sBAAsB,CAAC;QAC/C,IAAU,CAAA,UAAA,GAAG,eAAe,CAAC,4BAA4B,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;QAChF,IAAU,CAAA,UAAA,GAAG,eAAe,CAAC,4BAA4B,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;AAEhF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAW,EAAE,CAAC;AACtC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAW,EAAE,CAAC;AAEhD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,MAAK;YACpB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC;gBAAE;YACvC,IAAI,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC7C,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE;oBACxC,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;;AACjC,qBAAA,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;oBAC9D,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;;AAEvC,aAAC,CAAC;AACJ,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,MAAK;YACrB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC;gBAAE;YACvC,IAAI,CAAC,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC7C,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE;oBACxC,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;;AACjC,qBAAA,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,GAAG,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;oBAC9D,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;;AAEvC,aAAC,CAAC;AACJ,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,MAAK;YAC3B,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,aAA4B;gBAElD,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;AACnC,oBAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC;oBAC1B,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;wBACjC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;;yBAC5E;AACL,wBAAA,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;;AAEnD,oBAAA,OAAO,QAAQ;AACjB,iBAAC,CAAC;AACJ,aAAC,CAAC;YAEF,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,aAA4B;gBAElD,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;AACnC,oBAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC;oBAC1B,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;wBACjC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;;yBAC7E;AACL,wBAAA,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;;AAEpD,oBAAA,OAAO,QAAQ;AACjB,iBAAC,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;AACH;AAnDC,IAAA,OAAO;AAWP,IAAA,QAAQ;AAWR,IAAA,KAAK;8GA9BM,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAEM,4BAA4B,EAAA,IAAA,EAAU,UAAU,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAChD,4BAA4B,EAAA,IAAA,EAAU,UAAU,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAFrD,sBAAsB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtB1D,mVAWA,EAAA,MAAA,EAAA,CAAA,mkVAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDUa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGf,UAAA,EAAA,KAAK,EACF,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,mVAAA,EAAA,MAAA,EAAA,CAAA,mkVAAA,CAAA,EAAA;;;AEZvC,MAAM,SAAS,GAAG,CAAC,sBAAsB,EAAE,4BAA4B,EAAE,4BAA4B,CAAC;AAEtG,MAAM,OAAO,GAAG,CAAC,4BAA4B,EAAE,iBAAiB,CAAC;MAQpD,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,EAVb,YAAA,EAAA,CAAA,sBAAsB,EAAE,4BAA4B,EAAE,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAEpF,4BAA4B,EAAE,iBAAiB,CAF7C,EAAA,OAAA,EAAA,CAAA,sBAAsB,EAAE,4BAA4B,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA;AAUxF,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAJjB,OAAO,CAAA,EAAA,CAAA,CAAA;;2FAIT,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;AChBD;;AAEG;;;;"}

package/kbd/README.md

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

package/kbd/index.d.ts

@@ -1,3 +0,0 @@
-export * from './lib/kbd-item/kbd-item.component';
-export * from './lib/kbd.component';
-export * from './lib/kbd.module';

package/kbd/lib/kbd-item/kbd-item.component.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class AXKBDItemComponent {
-    keys: import("@angular/core").InputSignal<string | string[]>;
-    modifierKeys: import("@angular/core").WritableSignal<string[]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDItemComponent, "ax-kbd-item", never, { "keys": { "alias": "keys"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
-}

package/kbd/lib/kbd.component.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class AXKBDComponent {
-    look: import("@angular/core").InputSignal<"solid" | "outline" | "blank">;
-    private get __hostClass();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXKBDComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXKBDComponent, "ax-kbd", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; }, {}, never, ["ax-kbd-item"], false, never>;
-}