@acorex/components 21.0.2-next.21 → 21.0.2-next.23

package/{types/acorex-components-accordion.d.ts → accordion/index.d.ts}

@@ -12,6 +12,7 @@ declare class AXAccordionGroupComponent {
     activeIndex: _angular_core.ModelSignal<number | number[]>;
     look: _angular_core.InputSignal<AXAccordionLook>;
     collapsedOnItemClick: _angular_core.InputSignal<boolean>;
+    private get __hostClass();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAccordionGroupComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAccordionGroupComponent, "ax-accordion-group", never, { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "collapsedOnItemClick": { "alias": "collapsedOnItemClick"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["content"], ["ax-accordion-item"], true, never>;
 }

package/{types/acorex-components-button.d.ts → button/index.d.ts}

@@ -64,7 +64,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The mouse event that triggered the click.
      * @ignore
      */
-    __hostClick(e: MouseEvent): void;
+    private __hostClick;
     /**
      * Handles focus events on the button item host element.
      * Emits the onFocus event.
@@ -72,7 +72,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The focus event that was triggered.
      * @ignore
      */
-    __hostFocus(e: FocusEvent): void;
+    private __hostFocus;
     /**
      * Handles blur events on the button item host element.
      * Emits the onBlur event.
@@ -80,7 +80,7 @@ declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      * @param e - The blur event that was triggered.
      * @ignore
      */
-    __hostBlur(e: FocusEvent): void;
+    private __hostBlur;
     /**
      * Generates the CSS classes for the button item host element.
      * Includes classes for icon-only state, disabled state, selected state, divided state, and color.

package/{types/acorex-components-button-group.d.ts → button-group/index.d.ts}

@@ -1,24 +1,17 @@
+import * as polytype from 'polytype';
+import { MXInteractiveComponent, MXColorLookComponent, AXClickEvent, AXSelectionMode, MXColorComponent, AXStyleColorType } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import { MXInteractiveComponent, AXStyleColorType, AXStyleLookType, AXClickEvent, AXSelectionMode } from '@acorex/cdk/common';
 
+declare const AXButtonGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
 /**
  * A component that groups multiple buttons together, allowing for consistent styling and behavior.
  *
  * @category Components
  */
-declare class AXButtonGroupComponent extends MXInteractiveComponent {
+declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
     #private;
     readonly fitParent: i0.InputSignal<boolean>;
-    colorChange: EventEmitter<AXStyleColorType>;
-    private _color;
-    get color(): AXStyleColorType;
-    set color(v: AXStyleColorType);
-    lookChange: EventEmitter<AXStyleLookType>;
-    private _look;
-    get look(): AXStyleLookType;
-    set look(v: AXStyleLookType);
-    readonly customClass: i0.InputSignal<string>;
     /**
      * Fires when any button in the group is clicked.
      *
@@ -87,9 +80,9 @@ declare class AXButtonGroupComponent extends MXInteractiveComponent {
     /**
      *  @ignore
      */
-    __hostClick(e: MouseEvent): void;
+    private __hostClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "disabledChange": "disabledChange"; "colorChange": "colorChange"; "lookChange": "lookChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; "selectedButtonChange": "selectedButtonChange"; }, ["_contentButtons"], ["ax-button-group-item"], true, never>;
 }
 
 interface AXButtonItemListItem {
@@ -100,14 +93,14 @@ interface AXButtonItemListItem {
     disabled?: boolean;
     color?: AXStyleColorType;
 }
+declare const AXButtonGroupItemComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
 /**
  * Represents a button item with optional content like icons, text, and dropdowns.
  *
  * @category Components
  */
-declare class AXButtonGroupItemComponent extends MXInteractiveComponent {
+declare class AXButtonGroupItemComponent extends AXButtonGroupItemComponent_base {
     btnGroup: AXButtonGroupComponent;
-    color: AXStyleColorType;
     /**
      * Text displayed on the button item.
      */
@@ -116,7 +109,6 @@ declare class AXButtonGroupItemComponent extends MXInteractiveComponent {
      *  @ignore
      */
     private _selected;
-    readonly customClass: i0.ModelSignal<string>;
     /**
      * Indicates whether the button item is selected.
      *
@@ -147,15 +139,15 @@ declare class AXButtonGroupItemComponent extends MXInteractiveComponent {
     /**
      *  @ignore
      */
-    __hostClick(e: MouseEvent): void;
+    private __hostClick;
     /**
      *  @ignore
      */
-    __hostFocus(e: FocusEvent): void;
+    private __hostFocus;
     /**
      *  @ignore
      */
-    __hostBlur(e: FocusEvent): void;
+    private __hostBlur;
     /**
      *  @ignore
      */
@@ -165,7 +157,7 @@ declare class AXButtonGroupItemComponent extends MXInteractiveComponent {
      */
     tabindex: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; }; "customClass": { "alias": "class"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; "customClass": "classChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, never, ["*"], true, never>;
 }
 
 declare class AXButtonGroupModule {

package/{types/acorex-components-check-box.d.ts → check-box/index.d.ts}

@@ -49,7 +49,7 @@ declare class AXCheckBoxComponent extends AXCheckBoxComponent_base {
     /**
      * @ignore
      */
-    _handleClick(e: UIEvent): boolean;
+    private _handleClick;
     /**
      *  @ignore
      */

package/{types/acorex-components-chips.d.ts → chips/index.d.ts}

@@ -1,25 +1,29 @@
 import * as i0 from '@angular/core';
 import * as i1 from '@acorex/cdk/common';
-import { MXColorLookComponent } from '@acorex/cdk/common';
+import { MXColorComponent, AXStyleLookType, AXStyleSizeType } from '@acorex/cdk/common';
 
+type AXChipsLookType = Extract<AXStyleLookType, 'solid' | 'outline' | 'twotone'>;
+type AXChipsSizeType = Exclude<AXStyleSizeType, 'ax-xs' | 'ax-xl'>;
 /**
  * A component for displaying and managing a set of chips.
  *
  * @category Components
  */
-declare class AXChipsComponent extends MXColorLookComponent {
+declare class AXChipsComponent extends MXColorComponent {
     /**
      * The text displayed on the chips.
      *
      * @defaultValue ''
      */
     text: i0.ModelSignal<string>;
+    look: i0.ModelSignal<AXChipsLookType>;
+    size: i0.ModelSignal<AXChipsSizeType>;
     /**
      *  @ignore
      */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXChipsComponent, "ax-chips", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "text": "textChange"; }, never, ["ax-prefix", "ax-suffix"], true, [{ directive: typeof i1.AXRippleDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXChipsComponent, "ax-chips", never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "look": "lookChange"; "size": "sizeChange"; }, never, ["ax-prefix", "ax-suffix"], true, [{ directive: typeof i1.AXRippleDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class AXChipsModule {
@@ -29,3 +33,4 @@ declare class AXChipsModule {
 }
 
 export { AXChipsComponent, AXChipsModule };
+export type { AXChipsLookType, AXChipsSizeType };

package/collapse/README.md

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

package/collapse/index.d.ts

@@ -0,0 +1,174 @@
+import * as polytype from 'polytype';
+import { MXBaseComponent, MXLookComponent, AXClickEvent, MXInteractiveComponent } from '@acorex/cdk/common';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, EventEmitter, TemplateRef } from '@angular/core';
+
+declare const AXCollapseGroupComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXBaseComponent, typeof MXLookComponent]>;
+/**
+ * Container for collapsible items with configurable styling.
+ *
+ * @category Components
+ */
+declare class AXCollapseGroupComponent extends AXCollapseGroupComponent_base implements AfterViewInit, OnDestroy {
+    /**
+     * Emitted when the accordion state changes.
+     *
+     * @event
+     */
+    accordionChange: EventEmitter<boolean>;
+    /**
+     *  @ignore
+     */
+    private _accordion?;
+    /**
+     *  Enables accordion behavior, allowing only one collapsible item to be expanded at a time
+     */
+    get accordion(): boolean | undefined;
+    set accordion(value: boolean);
+    /**
+     * Emits when the active index changes.
+     * @event
+     */
+    activeIndexChange: EventEmitter<number>;
+    /**
+     *  @ignore
+     */
+    private _activeIndex;
+    /**
+     *  Index of the currently active item within the group
+     */
+    get activeIndex(): number;
+    set activeIndex(value: number);
+    private _items;
+    /**
+     *  @ignore
+     */
+    private _subs;
+    /**
+     *  @ignore
+     */
+    ngAfterViewInit(): void;
+    /**
+     *  @ignore
+     */
+    private applyAccordion;
+    /**
+     *  @ignore
+     */
+    private removeAccordion;
+    /**
+     *  @ignore
+     */
+    ngOnDestroy(): void;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseGroupComponent, "ax-collapse-group", never, { "look": { "alias": "look"; "required": false; }; "accordion": { "alias": "accordion"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; }, { "accordionChange": "accordionChange"; "activeIndexChange": "activeIndexChange"; }, ["_items"], ["ax-collapse"], true, never>;
+}
+
+declare class AXCollapseClickEvent extends AXClickEvent {
+    handled: boolean;
+}
+declare const AXCollapseComponent_base: polytype.Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXLookComponent]>;
+/**
+ * A component that provides a collapsible section with animated transitions.
+ *
+ * @category Components
+ */
+declare class AXCollapseComponent extends AXCollapseComponent_base {
+    private parent;
+    /**
+     *  Fires each time the user clicks the panel header.
+     *  @event
+     */
+    onClick: EventEmitter<AXCollapseClickEvent>;
+    /**
+     * Fires an event when the collapse state changes.
+     *
+     * @event
+     */
+    isCollapsedChange: EventEmitter<any>;
+    /**
+     *  @ignore
+     */
+    private _isCollapsed;
+    /**
+     *  Providing a boolean value for its collapse state
+     */
+    get isCollapsed(): boolean;
+    set isCollapsed(v: boolean);
+    /**
+     *  @ignore
+     */
+    private _showHeader;
+    /**
+     *  Providing a boolean value for show or hide header
+     */
+    get showHeader(): boolean;
+    set showHeader(v: boolean);
+    /**
+     * Sets the caption for the collapse component.
+     *
+     * @defaultValue ''
+     */
+    caption: string;
+    /**
+     * Specifies the icon to display in the collapse component.
+     *
+     * @defaultValue ''
+     */
+    icon: string;
+    /**
+     *  @ignore
+     */
+    private _isLoading;
+    /**
+     *  Providing a boolean value for its collapse state
+     */
+    get isLoading(): boolean;
+    set isLoading(v: boolean);
+    /**
+     * Template used for the collapse component's header.
+     */
+    headerTemplate: TemplateRef<any>;
+    /**
+     * Handles header clicks, emitting a click event and toggling collapse state if not handled.
+     *
+     * @param e - The native mouse event.
+     */
+    handleHeaderClick(e: MouseEvent): void;
+    /**
+     * Expands the collapse component.
+     *
+     * @returns void - No return value. Sets `isCollapsed` to false and expands the body.
+     */
+    open(): void;
+    /**
+     * Collapses the collapse component.
+     *
+     * @returns void - No return value. Sets `isCollapsed` to true and hides the body.
+     */
+    close(): void;
+    /**
+     * Toggles the collapse state between expanded and collapsed.
+     *
+     * @returns void - No return value. Flips the `isCollapsed` state.
+     */
+    toggle(): void;
+    /**
+     *  @ignore
+     */
+    get __hostClass(): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapseComponent, "ax-collapse", never, { "disabled": { "alias": "disabled"; "required": false; }; "look": { "alias": "look"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; }, { "onClick": "onClick"; "isCollapsedChange": "isCollapsedChange"; }, never, ["*"], true, never>;
+}
+
+declare class AXCollapseModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapseModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXCollapseModule, never, [typeof AXCollapseComponent, typeof AXCollapseGroupComponent], [typeof AXCollapseComponent, typeof AXCollapseGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXCollapseModule>;
+}
+
+export { AXCollapseClickEvent, AXCollapseComponent, AXCollapseGroupComponent, AXCollapseModule };

package/{types/acorex-components-color-palette.d.ts → color-palette/index.d.ts}

@@ -96,7 +96,6 @@ declare class AXColorPaletteInputComponent extends MXBaseComponent implements Af
  */
 declare class AXColorPalettePickerComponent extends MXBaseComponent implements OnDestroy {
     protected _parent: AXColorPaletteParentComponent;
-    private platformId;
     private _unsubscriber;
     private colorService;
     private render;
@@ -169,7 +168,6 @@ declare class AXColorPalettePickerComponent extends MXBaseComponent implements O
      *  @ignore
      */
     protected _handleGradientChanged(e: any): void;
-    private getParentRect;
     /**
      *  @ignore
      */

package/conversation2/README.md

@@ -83,17 +83,16 @@ import {
   AXIndexedDBUserApi,
   AXIndexedDBConversationApi,
   AXIndexedDBMessageApi,
-  AXConversationIndexedDbUploaderApi,
   AXIndexedDBRealtimeApi,
 } from '@acorex/components/conversation2';
 
 export const appConfig: ApplicationConfig = {
   providers: [
+    MyAppUploaderService,
     provideConversation({
       userApi: AXIndexedDBUserApi,
       conversationApi: AXIndexedDBConversationApi,
       messageApi: AXIndexedDBMessageApi,
-      uploaderApi: AXConversationIndexedDbUploaderApi,
       realtimeApi: AXIndexedDBRealtimeApi, // optional
       config: {
         messagePageSize: 50,
@@ -188,11 +187,12 @@ provideConversation({
   userApi: AXIndexedDBUserApi,
   conversationApi: AXIndexedDBConversationApi,
   messageApi: AXIndexedDBMessageApi,
-  uploaderApi: AXIndexedDBMediaUploaderApi,
   realtimeApi: AXIndexedDBRealtimeApi,
 });
 ```
 
+Register a service that subscribes to `AXUploaderService.onUpload`, `onResolveUrl`, and `onDeleteMedia` (see showcase `AXShowcaseConversationIndexedDbUploaderService`).
+
 #### IndexedDB with AI API (AI-Powered Demo)
 
 ```typescript
@@ -209,7 +209,6 @@ provideConversation({
   userApi: AXIndexedDBUserApi,
   conversationApi: AXIndexedDBConversationApi,
   messageApi: AXIndexedDBMessageAIApi,
-  uploaderApi: AXIndexedDBMediaUploaderApi,
   realtimeApi: AXIndexedDBRealtimeApi,
 });
 ```
@@ -434,7 +433,7 @@ Supported message types out of the box:
 **Issue**: File upload fails
 
 - Check `config.maxFileSize` / `config.allowedFileTypes` and per-action `uploadConstraints` (`allowedMimeTypes`, `minSize`, `maxSize`)
-- Verify `uploaderApi` is provided and implements `AXUploaderApi.upload()` with progress and `AbortSignal` support
+- Register a handler service subscribed to `AXUploaderService.onUpload` (and resolve/delete events) with progress and `AbortSignal` support
 
 **Issue**: Styling issues