@acorex/components 19.8.0-next.1 → 19.8.0-next.3

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

@@ -1,5 +1,4 @@
 import { AXStyleColorType, NXComponent } from '@acorex/components/common';
-import { OnDestroy } from '@angular/core';
 import { AXMenuItemClickBaseEvent, AXRootMenu } from './menu.types';
 import * as i0 from "@angular/core";
 export type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>;
@@ -7,7 +6,7 @@ export type AXMenuItemClickEvent = AXMenuItemClickBaseEvent<AXMenuItemComponent>
  * Represents a menu item component used within an `ax-menu`.
  * @category Components
  */
-export declare class AXMenuItemComponent extends NXComponent implements OnDestroy {
+export declare class AXMenuItemComponent extends NXComponent {
     protected isOpen: import("@angular/core").WritableSignal<boolean>;
     protected hasSubItems: import("@angular/core").WritableSignal<boolean>;
     protected isFirstLevel: import("@angular/core").WritableSignal<boolean>;

package/notification/lib/notification.service.d.ts

@@ -15,7 +15,7 @@ export declare class AXNotificationService {
     hideAll(): void;
     private handleShowReservedNotification;
     private handleReservedNotificationCounter;
-    private createReservedCounternotification;
+    private createReservedCounterToast;
     private reposition;
     private getRepositionPosition;
     private getPosition;

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

@@ -154,7 +154,6 @@ export declare class AXNumberBoxComponent extends AXNumberBoxComponent_base impl
      * Decreases the value by the decimal step amount, using 'auto' or a custom step value.
      */
     decimalStepDown(u?: boolean): void;
-    get __hostClass(): string[];
     onWheel(event: WheelEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-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; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "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", "ax-validation-rule"], false, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/components",
-  "version": "19.8.0-next.1",
+  "version": "19.8.0-next.3",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",

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

@@ -36,7 +36,6 @@ export declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base
      * Toggles the input type between 'password' and 'text' to show or hide the password.
      */
     toggleType(): void;
-    get __hostClass(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "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; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "required": false; }; "classNames": { "alias": "class"; "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", "ax-validation-rule", "ax-password-strength-validation"], false, never>;
 }

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/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,14 +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;
-    get __hostClass(): string[];
     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/text-box/lib/text-box.component.d.ts

@@ -55,10 +55,6 @@ export declare class AXTextBoxComponent extends AXTextBoxComponent_base implemen
     private _onComplete;
     /** @ignore */
     protected _handleModelChange(value: string | null): void;
-    /**
-     *  @ignore
-     */
-    get __hostClass(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", 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; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "maskOptions": { "alias": "mask-options"; "required": false; }; "classNames": { "alias": "class"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, ["_maskOptionsContent"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], false, never>;
 }

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/toolbar/lib/toolbar.component.d.ts

@@ -2,11 +2,12 @@ import * as i0 from "@angular/core";
 export declare class AXToolBarComponent {
     #private;
     private buttons;
+    private textBox;
     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, {}, {}, ["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>;
-}