@acorex/components 19.15.0-next.24 → 19.15.0-next.25

package/accordion/README.md

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

package/accordion/index.d.ts

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

package/{collapse2/lib/collapse2-group/collapse2-group.component.d.ts → accordion/lib/accordion-group/accordion-group.component.d.ts}

@@ -1,13 +1,13 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@acorex/cdk/collapse";
-export declare class AXCollapse2GroupComponent {
+import * as i1 from "@acorex/cdk/accordion";
+export declare class AXAccordionGroupComponent {
     #private;
-    private collapseGroup;
+    private accordionGroup;
     accordion: import("@angular/core").InputSignal<boolean>;
     activeIndex: import("@angular/core").InputSignal<any>;
     look: import("@angular/core").InputSignal<string>;
     activeIndexChange: import("@angular/core").OutputEmitterRef<number>;
     private get __hostClass();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapse2GroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapse2GroupComponent, "ax-collapse2-group", never, { "accordion": { "alias": "accordion"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "activeIndexChange": "activeIndexChange"; }, never, ["ax-collapse2-item"], true, [{ directive: typeof i1.AXCollapseGroupDirective; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXAccordionGroupComponent, never>;
+    static ɵcmp: i0.ɵɵ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; }; }, { "activeIndexChange": "activeIndexChange"; }, never, ["ax-accordion-item"], true, [{ directive: typeof i1.AXAccordionGroupDirective; inputs: {}; outputs: {}; }]>;
 }

package/{collapse2/lib/collapse2-item/collapse2-item.component.d.ts → accordion/lib/accordion-item/accordion-item.component.d.ts}

@@ -1,7 +1,7 @@
 import { AXClickEvent } from '@acorex/cdk/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@acorex/cdk/collapse";
-export declare class AXCollapse2ItemComponent {
+import * as i1 from "@acorex/cdk/accordion";
+export declare class AXAccordionItemComponent {
     #private;
     showHeader: import("@angular/core").InputSignal<boolean>;
     isCollapsed: import("@angular/core").ModelSignal<boolean>;
@@ -11,11 +11,11 @@ export declare class AXCollapse2ItemComponent {
     headerTemplate: import("@angular/core").InputSignal<any>;
     look: import("@angular/core").InputSignal<string>;
     disabled: import("@angular/core").InputSignal<boolean>;
-    private collapseItem;
+    private accordionItem;
     private parent;
     onClick: import("@angular/core").OutputEmitterRef<AXClickEvent>;
     isCollapsedChange: import("@angular/core").OutputEmitterRef<boolean>;
     get __hostClass(): string[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXCollapse2ItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXCollapse2ItemComponent, "ax-collapse2-item", never, { "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; "isCollapsedChange": "isCollapsedChange"; }, never, ["*"], true, [{ directive: typeof i1.AXCollapseItemDirective; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXAccordionItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXAccordionItemComponent, "ax-accordion-item", never, { "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; "isCollapsedChange": "isCollapsedChange"; }, never, ["*"], true, [{ directive: typeof i1.AXAccordionItemDirective; inputs: {}; outputs: {}; }]>;
 }

package/accordion/lib/accordion.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./accordion-item/accordion-item.component";
+import * as i2 from "./accordion-group/accordion-group.component";
+export declare class AXAccordionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXAccordionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXAccordionModule, never, [typeof i1.AXAccordionItemComponent, typeof i2.AXAccordionGroupComponent], [typeof i1.AXAccordionItemComponent, typeof i2.AXAccordionGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXAccordionModule>;
+}

package/action-sheet/index.d.ts

@@ -1,4 +1,5 @@
 export * from './lib/action-sheet.class';
 export * from './lib/action-sheet.component';
+export * from './lib/action-sheet.component.stories';
 export * from './lib/action-sheet.module';
 export * from './lib/action-sheet.service';

package/action-sheet/lib/action-sheet.component.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { AXActionSheetComponent } from './action-sheet.component';
+declare const meta: Meta<AXActionSheetComponent>;
+export default meta;
+type Story = StoryObj<AXActionSheetComponent>;
+export declare const Primary: Story;
+export declare const Heading: Story;

package/badge/lib/badge.component.d.ts

@@ -12,5 +12,5 @@ export declare class AXBadgeComponent extends MXColorComponent {
      */
     private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["ax-prefix", "ax-suffix"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXBadgeComponent, "ax-badge", never, { "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["ax-prefix", "ax-suffix"], true, never>;
 }

package/conversation/index.d.ts

@@ -13,6 +13,4 @@ export * from './lib/conversation-messages/conversation-message-voice/conversati
 export * from './lib/conversation-view/conversation-view.component';
 export * from './lib/conversation.module';
 export * from './lib/conversation.types';
-export * from './lib/services/conversation-message-type-registry.service';
-export * from './lib/services/conversation.service';
 export * from './lib/services/recording.service';

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

@@ -1,9 +1,13 @@
+import { AXConversationMessage } from '../conversation.types';
 import * as i0 from "@angular/core";
 /**
  * A container for displaying and managing conversations.
  * @category Components
  */
 export declare class AXConversationContainerComponent {
+    #private;
+    chatData: import("@angular/core").InputSignal<AXConversationMessage[]>;
+    private conversationService;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXConversationContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXConversationContainerComponent, "ax-conversation-container", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXConversationContainerComponent, "ax-conversation-container", never, { "chatData": { "alias": "chatData"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/conversation/lib/conversation-input/conversation-input.component.d.ts

@@ -30,11 +30,11 @@ export declare class AXConversationInputComponent extends AXConversationInputCom
     /**
      *  @ignore
      */
-    protected chats: Signal<AXConversationMessage<any>[]>;
+    protected chats: Signal<AXConversationMessage[]>;
     /**
      *  @ignore
      */
-    protected replyChat: Signal<AXConversationMessage<any>>;
+    protected replyChat: Signal<AXConversationMessage>;
     /** Maximum length of input text */
     maxLength: import("@angular/core").InputSignal<number>;
     /** Indicates if an attachment is present */

package/conversation/lib/conversation-message/conversation-message.component.d.ts

@@ -11,52 +11,19 @@ import * as i0 from "@angular/core";
  * @category Components
  */
 export declare class AXConversationMessageComponent extends MXBaseComponent {
-    /**
-     *  @ignore
-     */
     protected popover: import("@angular/core").Signal<AXPopoverComponent>;
-    isReply: import("@angular/core").InputSignal<boolean>;
-    /**
-     *  @ignore
-     */
+    isReplyArrowShown: import("@angular/core").InputSignal<boolean>;
     protected conversationService: AXConversationService;
-    /**
-     * The message data to display in the conversation.
-     */
-    chatMessage: import("@angular/core").InputSignal<AXConversationMessage<any>>;
-    /**
-     *  @ignore
-     */
+    chatMessage: import("@angular/core").InputSignal<AXConversationMessage>;
     protected registryService: AXConversationMessageTypeRegistryService;
-    /**
-     *  @ignore
-     */
     protected portal: import("@angular/core").Signal<ComponentPortal<any>>;
     protected messageType: import("@angular/core").Signal<string>;
-    /**
-     *  @ignore
-     */
     protected get isOwn(): boolean;
-    /**
-     *  @ignore
-     */
     get __hostClass(): string;
-    /**
-     *  @ignore
-     */
     protected _handleAttached(ref: CdkPortalOutletAttachedRef): void;
-    /**
-     *  @ignore
-     */
     protected handleResendClick(): void;
-    /**
-     *  @ignore
-     */
     protected handleDeleteClick(): void;
-    /**
-     *  @ignore
-     */
     protected replyHandler(e: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXConversationMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXConversationMessageComponent, "ax-conversation-message", never, { "isReply": { "alias": "isReply"; "required": false; "isSignal": true; }; "chatMessage": { "alias": "chatMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXConversationMessageComponent, "ax-conversation-message", never, { "isReplyArrowShown": { "alias": "isReplyArrowShown"; "required": false; "isSignal": true; }; "chatMessage": { "alias": "chatMessage"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/conversation/lib/conversation-messages/conversation-message-audio/conversation-message-audio.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  *
  * @category Components
  */
-export declare class AXConversationMessageAudioComponent extends AXConversationMessageBaseComponent<string> implements OnDestroy {
+export declare class AXConversationMessageAudioComponent extends AXConversationMessageBaseComponent implements OnDestroy {
     rendrer: Renderer2;
     /**
      *  @ignore

package/conversation/lib/conversation-messages/conversation-message-file/conversation-message-file.component.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  *
  * @category Components
  */
-export declare class AXConversationFileMessageComponent extends AXConversationMessageBaseComponent<string> {
+export declare class AXConversationFileMessageComponent extends AXConversationMessageBaseComponent {
     /**
      *  @ignore
      */

package/conversation/lib/conversation-messages/conversation-message-image/conversation-message-image.component.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  *
  * @category Components
  */
-export declare class AXConversationMessageImageComponent extends AXConversationMessageBaseComponent<string> {
+export declare class AXConversationMessageImageComponent extends AXConversationMessageBaseComponent {
     /**
      *  @ignore
      */

package/conversation/lib/conversation-messages/conversation-message-image-popup/conversation-message-image-popup.component.d.ts

@@ -9,10 +9,6 @@ export declare class ConversationMessageImagePopupComponent {
      *  @ignore
      */
     protected url: string;
-    /**
-     *  @ignore
-     */
-    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ConversationMessageImagePopupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConversationMessageImagePopupComponent, "ax-conversation-message-image-popup", never, {}, {}, never, never, true, never>;
 }

package/conversation/lib/conversation-messages/conversation-message-text/conversation-message-text.component.d.ts

@@ -1,12 +1,13 @@
 import { OnInit } from '@angular/core';
 import { AXConversationMessage, AXConversationMessageBaseComponent } from '../../conversation.types';
+import { AXConversationService } from '../../services/conversation.service';
 import * as i0 from "@angular/core";
 /**
  * A component for displaying a text message with optional reply content, including text, images, videos, files, and audio.
  *
  * @category Components
  */
-export declare class AXConversationTextMessageComponent extends AXConversationMessageBaseComponent<string> implements OnInit {
+export declare class AXConversationTextMessageComponent extends AXConversationMessageBaseComponent implements OnInit {
     /**
      *  @ignore
      */
@@ -14,30 +15,31 @@ export declare class AXConversationTextMessageComponent extends AXConversationMe
     /**
      *  @ignore
      */
-    protected replyText: import("@angular/core").WritableSignal<AXConversationMessage<string>>;
+    protected replyText: import("@angular/core").WritableSignal<AXConversationMessage>;
     /**
      *  @ignore
      */
-    protected replyImage: import("@angular/core").WritableSignal<AXConversationMessage<string>>;
+    protected replyImage: import("@angular/core").WritableSignal<AXConversationMessage>;
     /**
      *  @ignore
      */
-    protected replyVideo: import("@angular/core").WritableSignal<AXConversationMessage<string>>;
+    protected replyVideo: import("@angular/core").WritableSignal<AXConversationMessage>;
     /**
      *  @ignore
      */
-    protected replyAudio: import("@angular/core").WritableSignal<AXConversationMessage<string>>;
+    protected replyAudio: import("@angular/core").WritableSignal<AXConversationMessage>;
     /**
      *  @ignore
      */
-    protected replyVoice: import("@angular/core").WritableSignal<AXConversationMessage<string>>;
+    protected replyVoice: import("@angular/core").WritableSignal<AXConversationMessage>;
     /**
      *  @ignore
      */
-    protected replyFile: import("@angular/core").WritableSignal<AXConversationMessage<string>>;
+    protected replyFile: import("@angular/core").WritableSignal<AXConversationMessage>;
     /**
      *  @ignore
      */
+    conversationService: AXConversationService;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXConversationTextMessageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXConversationTextMessageComponent, "ng-component", never, { "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;

package/conversation/lib/conversation-messages/conversation-message-video/conversation-message-video.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  *
  * @category Components
  */
-export declare class AXConversationMessageVideoComponent extends AXConversationMessageBaseComponent<string> implements OnInit {
+export declare class AXConversationMessageVideoComponent extends AXConversationMessageBaseComponent implements OnInit {
     /**
      *  @ignore
      */

package/conversation/lib/conversation-messages/conversation-message-voice/conversation-message-voice.component.d.ts

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
  *
  * @category Components
  */
-export declare class AXConversationVoiceMessageComponent extends AXConversationMessageBaseComponent<string> {
+export declare class AXConversationVoiceMessageComponent extends AXConversationMessageBaseComponent {
     /**
      *  @ignore
      */

package/conversation/lib/conversation-view/conversation-view.component.d.ts

@@ -11,8 +11,8 @@ export declare class AXConversationViewComponent extends MXBaseComponent {
     /** @ignore */
     protected conversationService: AXConversationService;
     onScrollEnd: import("@angular/core").OutputEmitterRef<AXEvent>;
-    height: import("@angular/core").InputSignal<string>;
-    isReply: import("@angular/core").InputSignal<boolean>;
+    chatBoxHeight: import("@angular/core").InputSignal<string>;
+    isReplyArrowShown: import("@angular/core").InputSignal<boolean>;
     /**
      * Emits an event when an action is performed within the conversation view.
      *
@@ -23,5 +23,5 @@ export declare class AXConversationViewComponent extends MXBaseComponent {
     callForUpdate(): void;
     addNewItem(item: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXConversationViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXConversationViewComponent, "ax-conversation-view", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "isReply": { "alias": "isReply"; "required": false; "isSignal": true; }; }, { "onScrollEnd": "onScrollEnd"; "onAction": "onAction"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXConversationViewComponent, "ax-conversation-view", never, { "chatBoxHeight": { "alias": "chatBoxHeight"; "required": false; "isSignal": true; }; "isReplyArrowShown": { "alias": "isReplyArrowShown"; "required": false; "isSignal": true; }; }, { "onScrollEnd": "onScrollEnd"; "onAction": "onAction"; }, never, never, true, never>;
 }

package/conversation/lib/conversation.types.d.ts

@@ -4,13 +4,15 @@ export interface AXConversationMessageType {
     name: string;
     component: Type<any>;
 }
-export interface AXConversationMessage<T> {
+export interface AXConversationMessage {
     id: string;
     type: string;
     sendTime: Date | null;
     deliverTime?: Date;
     readTime?: Date;
-    replyTo?: AXConversationMessage<T>;
+    replyTo?: {
+        id: string;
+    };
     content: any;
     fromId?: string;
     name: string;
@@ -19,8 +21,8 @@ export interface AXConversationMessage<T> {
     onDownloadClick?: () => void;
     onCancelClick?: () => void;
 }
-export declare class AXConversationMessageBaseComponent<T> {
-    message: AXConversationMessage<T>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXConversationMessageBaseComponent<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXConversationMessageBaseComponent<any>>;
+export declare class AXConversationMessageBaseComponent {
+    message: AXConversationMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXConversationMessageBaseComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AXConversationMessageBaseComponent>;
 }

package/conversation/lib/services/conversation.service.d.ts

@@ -1,7 +1,8 @@
+import { AXConversationMessage } from '../conversation.types';
 import * as i0 from "@angular/core";
 export declare class AXConversationService {
     replyId: import("@angular/core").WritableSignal<string>;
-    chats: import("@angular/core").WritableSignal<any[]>;
+    chats: import("@angular/core").WritableSignal<AXConversationMessage[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXConversationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXConversationService>;
 }

package/fesm2022/acorex-components-accordion.mjs

@@ -0,0 +1,119 @@
+import * as i1 from '@acorex/cdk/accordion';
+import { AXAccordionGroupDirective, AXAccordionItemDirective, AXAccordionItemHeaderDirective, AXAccordionItemContentDirective } from '@acorex/cdk/accordion';
+import { MXLookableComponent, AXComponent } from '@acorex/cdk/common';
+import * as i2 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, input, output, afterNextRender, effect, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, model, NgModule } from '@angular/core';
+
+class AXAccordionGroupComponent {
+    constructor() {
+        this.accordionGroup = inject(AXAccordionGroupDirective);
+        this.accordion = input(true);
+        this.activeIndex = input(null);
+        this.look = input('solid');
+        this.activeIndexChange = output();
+        this.#init = afterNextRender(() => {
+            this.accordionGroup.activeIndexChange.subscribe((index) => {
+                this.activeIndexChange.emit(index);
+            });
+        });
+        this.#eff = effect(() => {
+            this.accordionGroup.accordion.set(this.accordion());
+            this.accordionGroup.activeIndex.set(this.activeIndex());
+        });
+    }
+    #init;
+    #eff;
+    get __hostClass() {
+        return `ax-${this.look()}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXAccordionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: AXAccordionGroupComponent, isStandalone: true, selector: "ax-accordion-group", inputs: { accordion: { classPropertyName: "accordion", publicName: "accordion", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndexChange: "activeIndexChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+            {
+                provide: MXLookableComponent,
+                useExisting: AXAccordionGroupComponent,
+            },
+            { provide: AXComponent, useExisting: AXAccordionGroupComponent },
+        ], hostDirectives: [{ directive: i1.AXAccordionGroupDirective }], ngImport: i0, template: `<ng-content select="ax-accordion-item"></ng-content>`, isInline: true, styles: ["ax-accordion-group ax-accordion-item.ax-solid{--ax-comp-accordion-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-accordion-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-accordion-border-width: 1px}.ax-dark ax-accordion-group ax-accordion-item.ax-solid{--ax-comp-accordion-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-accordion-border-color: var(--ax-sys-color-border-darkest-surface)}ax-accordion-group ax-accordion-item.ax-fill{--ax-comp-accordion-bg-color: var(--ax-sys-color-surface)}ax-accordion-group ax-accordion-item.ax-flat{--ax-comp-accordion-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-accordion-border-width: 1px}ax-accordion-group ax-accordion-item.ax-outline{--ax-comp-accordion-border-color: var(--ax-sys-color-border-surface);--ax-comp-accordion-border-width: 1px}ax-accordion-group ax-accordion-item{--ax-comp-accordion-margin: .5rem}ax-accordion-group{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}ax-accordion-group ax-accordion-item{margin-bottom:var(--ax-comp-accordion-margin)}ax-accordion-group ax-accordion-item.ax-solid{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-accordion-border-width);border-color:rgba(var(--ax-comp-accordion-border-color))}ax-accordion-group ax-accordion-item.ax-solid .ax-accordion-header{background-color:rgba(var(--ax-comp-accordion-bg-color))}ax-accordion-group ax-accordion-item.ax-fill .ax-accordion-header{border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-comp-accordion-bg-color))}ax-accordion-group ax-accordion-item.ax-outline{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-accordion-border-width);border-color:rgba(var(--ax-comp-accordion-border-color))}ax-accordion-group ax-accordion-item.ax-outline .ax-accordion-header{background-color:transparent}ax-accordion-group ax-accordion-item.ax-flat{border-bottom-width:var(--ax-comp-accordion-border-width);border-color:rgba(var(--ax-comp-accordion-border-color))}ax-accordion-group ax-accordion-item.ax-flat .ax-accordion-header{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXAccordionGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-accordion-group', imports: [AXLoadingModule, CommonModule], hostDirectives: [AXAccordionGroupDirective], template: `<ng-content select="ax-accordion-item"></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: MXLookableComponent,
+                            useExisting: AXAccordionGroupComponent,
+                        },
+                        { provide: AXComponent, useExisting: AXAccordionGroupComponent },
+                    ], styles: ["ax-accordion-group ax-accordion-item.ax-solid{--ax-comp-accordion-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-accordion-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-accordion-border-width: 1px}.ax-dark ax-accordion-group ax-accordion-item.ax-solid{--ax-comp-accordion-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-accordion-border-color: var(--ax-sys-color-border-darkest-surface)}ax-accordion-group ax-accordion-item.ax-fill{--ax-comp-accordion-bg-color: var(--ax-sys-color-surface)}ax-accordion-group ax-accordion-item.ax-flat{--ax-comp-accordion-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-accordion-border-width: 1px}ax-accordion-group ax-accordion-item.ax-outline{--ax-comp-accordion-border-color: var(--ax-sys-color-border-surface);--ax-comp-accordion-border-width: 1px}ax-accordion-group ax-accordion-item{--ax-comp-accordion-margin: .5rem}ax-accordion-group{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}ax-accordion-group ax-accordion-item{margin-bottom:var(--ax-comp-accordion-margin)}ax-accordion-group ax-accordion-item.ax-solid{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-accordion-border-width);border-color:rgba(var(--ax-comp-accordion-border-color))}ax-accordion-group ax-accordion-item.ax-solid .ax-accordion-header{background-color:rgba(var(--ax-comp-accordion-bg-color))}ax-accordion-group ax-accordion-item.ax-fill .ax-accordion-header{border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-comp-accordion-bg-color))}ax-accordion-group ax-accordion-item.ax-outline{border-radius:var(--ax-sys-border-radius);border-width:var(--ax-comp-accordion-border-width);border-color:rgba(var(--ax-comp-accordion-border-color))}ax-accordion-group ax-accordion-item.ax-outline .ax-accordion-header{background-color:transparent}ax-accordion-group ax-accordion-item.ax-flat{border-bottom-width:var(--ax-comp-accordion-border-width);border-color:rgba(var(--ax-comp-accordion-border-color))}ax-accordion-group ax-accordion-item.ax-flat .ax-accordion-header{background-color:transparent}\n"] }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class AXAccordionItemComponent {
+    constructor() {
+        this.showHeader = input(true);
+        this.isCollapsed = model(true);
+        this.icon = input('');
+        this.caption = input('');
+        this.isLoading = input(false);
+        this.headerTemplate = input(null);
+        this.look = input('solid');
+        this.disabled = input(false);
+        this.accordionItem = inject(AXAccordionItemDirective);
+        this.parent = inject(AXAccordionGroupComponent);
+        this.onClick = output();
+        this.isCollapsedChange = output();
+        this.#init = afterNextRender(() => {
+            this.accordionItem.collapse.subscribe((isCollapsed) => {
+                this.isCollapsed.set(isCollapsed);
+                this.isCollapsedChange.emit(isCollapsed);
+            });
+            this.accordionItem.onClick.subscribe((e) => {
+                this.onClick.emit(e);
+            });
+        });
+    }
+    #init;
+    get __hostClass() {
+        return [
+            `${this.disabled() ? 'ax-state-disabled' : ''}`,
+            `ax-${this.parent?.look() ? this.parent.look() : this.look()}`,
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AXAccordionItemComponent, isStandalone: true, selector: "ax-accordion-item", inputs: { showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange", onClick: "onClick", isCollapsedChange: "isCollapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, hostDirectives: [{ directive: i1.AXAccordionItemDirective }], ngImport: i0, template: "@if (showHeader()) {\n  <div axAccordionItemHeader class=\"ax-accordion-header\">\n    @if (headerTemplate()) {\n      <div class=\"ax-accordion-custom-header-container\">\n        <ng-container\n          [ngTemplateOutlet]=\"headerTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: { caption: caption(), isCollapsed: isCollapsed() } }\"\n        ></ng-container>\n      </div>\n    } @else {\n      <div class=\"ax-accordion-header-container\">\n        <div class=\"ax-accordion-header-start\">\n          <span class=\"ax-accordion-header-icon\" [class]=\"icon()\"> </span>\n          <span>\n            {{ caption() }}\n          </span>\n        </div>\n        <div class=\"ax-accordion-header-end\">\n          @if (isLoading()) {\n            <ax-loading></ax-loading>\n          } @else {\n            <span\n              class=\"ax-icon ax-icon-chevron-left ax-accordion-arrow\"\n              [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n\n<div axAccordionItemContent class=\"ax-accordion-body\">\n  <div class=\"ax-accordion-body-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["ax-accordion-group ax-accordion-item.ax-solid{--ax-comp-accordion-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-accordion-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-accordion-border-width: 1px}.ax-dark ax-accordion-group ax-accordion-item.ax-solid{--ax-comp-accordion-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-accordion-border-color: var(--ax-sys-color-border-darkest-surface)}ax-accordion-group ax-accordion-item.ax-fill{--ax-comp-accordion-bg-color: var(--ax-sys-color-surface)}ax-accordion-group ax-accordion-item.ax-flat{--ax-comp-accordion-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-accordion-border-width: 1px}ax-accordion-group ax-accordion-item.ax-outline{--ax-comp-accordion-border-color: var(--ax-sys-color-border-surface);--ax-comp-accordion-border-width: 1px}ax-accordion-group ax-accordion-item{--ax-comp-accordion-margin: .5rem}ax-accordion-item{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}ax-accordion-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-accordion-item .ax-accordion-header,ax-accordion-item .ax-accordion-body{font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-sys-color-on-surface-high))!important}ax-accordion-item .ax-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-accordion-item .ax-accordion-header .ax-accordion-header-container{display:flex;justify-content:space-between}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start{display:flex;align-items:center}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start:not(:empty) .ax-accordion-header-icon{padding-inline-end:.5rem}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end .ax-accordion-arrow{transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);display:block}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end .ax-accordion-arrow.-rotation-90{transform:rotate(-90deg)}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end .ax-accordion-arrow.rotation-90{transform:rotate(90deg)}ax-accordion-item .ax-accordion-body .ax-accordion-body-content{padding:1rem;padding-inline-end:1rem;padding-inline-start:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i2.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-accordion-item', imports: [AXLoadingModule, CommonModule, AXAccordionItemHeaderDirective, AXAccordionItemContentDirective], hostDirectives: [AXAccordionItemDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (showHeader()) {\n  <div axAccordionItemHeader class=\"ax-accordion-header\">\n    @if (headerTemplate()) {\n      <div class=\"ax-accordion-custom-header-container\">\n        <ng-container\n          [ngTemplateOutlet]=\"headerTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: { caption: caption(), isCollapsed: isCollapsed() } }\"\n        ></ng-container>\n      </div>\n    } @else {\n      <div class=\"ax-accordion-header-container\">\n        <div class=\"ax-accordion-header-start\">\n          <span class=\"ax-accordion-header-icon\" [class]=\"icon()\"> </span>\n          <span>\n            {{ caption() }}\n          </span>\n        </div>\n        <div class=\"ax-accordion-header-end\">\n          @if (isLoading()) {\n            <ax-loading></ax-loading>\n          } @else {\n            <span\n              class=\"ax-icon ax-icon-chevron-left ax-accordion-arrow\"\n              [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n\n<div axAccordionItemContent class=\"ax-accordion-body\">\n  <div class=\"ax-accordion-body-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["ax-accordion-group ax-accordion-item.ax-solid{--ax-comp-accordion-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-accordion-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-accordion-border-width: 1px}.ax-dark ax-accordion-group ax-accordion-item.ax-solid{--ax-comp-accordion-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-accordion-border-color: var(--ax-sys-color-border-darkest-surface)}ax-accordion-group ax-accordion-item.ax-fill{--ax-comp-accordion-bg-color: var(--ax-sys-color-surface)}ax-accordion-group ax-accordion-item.ax-flat{--ax-comp-accordion-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-accordion-border-width: 1px}ax-accordion-group ax-accordion-item.ax-outline{--ax-comp-accordion-border-color: var(--ax-sys-color-border-surface);--ax-comp-accordion-border-width: 1px}ax-accordion-group ax-accordion-item{--ax-comp-accordion-margin: .5rem}ax-accordion-item{display:block;width:100%;overflow:hidden;font-size:1rem;line-height:1.5rem}ax-accordion-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-accordion-item .ax-accordion-header,ax-accordion-item .ax-accordion-body{font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-sys-color-on-surface-high))!important}ax-accordion-item .ax-accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem}ax-accordion-item .ax-accordion-header .ax-accordion-header-container{display:flex;justify-content:space-between}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start{display:flex;align-items:center}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start:not(:empty) .ax-accordion-header-icon{padding-inline-end:.5rem}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end .ax-accordion-arrow{transition-property:all;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function);display:block}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end .ax-accordion-arrow.-rotation-90{transform:rotate(-90deg)}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end .ax-accordion-arrow.rotation-90{transform:rotate(90deg)}ax-accordion-item .ax-accordion-body .ax-accordion-body-content{padding:1rem;padding-inline-end:1rem;padding-inline-start:1.25rem}\n"] }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const COMPONENT = [AXAccordionItemComponent, AXAccordionGroupComponent];
+const MODULES = [];
+class AXAccordionModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: AXAccordionModule, imports: [AXAccordionItemComponent, AXAccordionGroupComponent], exports: [AXAccordionItemComponent, AXAccordionGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXAccordionModule, imports: [MODULES, COMPONENT] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AXAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...MODULES, ...COMPONENT],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXAccordionGroupComponent, AXAccordionItemComponent, AXAccordionModule };
+//# sourceMappingURL=acorex-components-accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-accordion.mjs","sources":["../../../../packages/components/accordion/src/lib/accordion-group/accordion-group.component.ts","../../../../packages/components/accordion/src/lib/accordion-item/accordion-item.component.ts","../../../../packages/components/accordion/src/lib/accordion-item/accordion-item.component.html","../../../../packages/components/accordion/src/lib/accordion.module.ts","../../../../packages/components/accordion/src/acorex-components-accordion.ts"],"sourcesContent":["import { AXAccordionGroupDirective } from '@acorex/cdk/accordion';\nimport { AXComponent, MXLookableComponent } from '@acorex/cdk/common';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  HostBinding,\n  inject,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-accordion-group',\n  styleUrl: './accordion-group.component.scss',\n  imports: [AXLoadingModule, CommonModule],\n  hostDirectives: [AXAccordionGroupDirective],\n  template: `<ng-content select=\"ax-accordion-item\"></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: MXLookableComponent,\n      useExisting: AXAccordionGroupComponent,\n    },\n    { provide: AXComponent, useExisting: AXAccordionGroupComponent },\n  ],\n})\nexport class AXAccordionGroupComponent {\n  private accordionGroup = inject(AXAccordionGroupDirective);\n  accordion = input(true);\n  activeIndex = input(null);\n  look = input('solid');\n  activeIndexChange = output<number>();\n\n  #init = afterNextRender(() => {\n    this.accordionGroup.activeIndexChange.subscribe((index) => {\n      this.activeIndexChange.emit(index);\n    });\n  });\n\n  #eff = effect(() => {\n    this.accordionGroup.accordion.set(this.accordion());\n    this.accordionGroup.activeIndex.set(this.activeIndex());\n  });\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.look()}`;\n  }\n}\n","import {\n  AXAccordionItemContentDirective,\n  AXAccordionItemDirective,\n  AXAccordionItemHeaderDirective,\n} from '@acorex/cdk/accordion';\nimport { AXClickEvent } from '@acorex/cdk/common';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  inject,\n  input,\n  model,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXAccordionGroupComponent } from '../accordion-group/accordion-group.component';\n\n@Component({\n  selector: 'ax-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  styleUrl: './accordion-item.component.scss',\n  imports: [AXLoadingModule, CommonModule, AXAccordionItemHeaderDirective, AXAccordionItemContentDirective],\n  hostDirectives: [AXAccordionItemDirective],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXAccordionItemComponent {\n  showHeader = input(true);\n  isCollapsed = model(true);\n  icon = input('');\n  caption = input('');\n  isLoading = input(false);\n  headerTemplate = input(null);\n  look = input('solid');\n  disabled = input(false);\n  private accordionItem = inject(AXAccordionItemDirective);\n  private parent = inject(AXAccordionGroupComponent);\n\n  onClick = output<AXClickEvent>();\n  isCollapsedChange = output<boolean>();\n\n  #init = afterNextRender(() => {\n    this.accordionItem.collapse.subscribe((isCollapsed) => {\n      this.isCollapsed.set(isCollapsed);\n      this.isCollapsedChange.emit(isCollapsed);\n    });\n    this.accordionItem.onClick.subscribe((e) => {\n      this.onClick.emit(e);\n    });\n  });\n\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    return [\n      `${this.disabled() ? 'ax-state-disabled' : ''}`,\n      `ax-${this.parent?.look() ? this.parent.look() : this.look()}`,\n    ];\n  }\n}\n","@if (showHeader()) {\n  <div axAccordionItemHeader class=\"ax-accordion-header\">\n    @if (headerTemplate()) {\n      <div class=\"ax-accordion-custom-header-container\">\n        <ng-container\n          [ngTemplateOutlet]=\"headerTemplate()\"\n          [ngTemplateOutletContext]=\"{ $implicit: { caption: caption(), isCollapsed: isCollapsed() } }\"\n        ></ng-container>\n      </div>\n    } @else {\n      <div class=\"ax-accordion-header-container\">\n        <div class=\"ax-accordion-header-start\">\n          <span class=\"ax-accordion-header-icon\" [class]=\"icon()\"> </span>\n          <span>\n            {{ caption() }}\n          </span>\n        </div>\n        <div class=\"ax-accordion-header-end\">\n          @if (isLoading()) {\n            <ax-loading></ax-loading>\n          } @else {\n            <span\n              class=\"ax-icon ax-icon-chevron-left ax-accordion-arrow\"\n              [ngClass]=\"{ '-rotation-90': isCollapsed(), 'rotation-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\n}\n\n<div axAccordionItemContent class=\"ax-accordion-body\">\n  <div class=\"ax-accordion-body-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { AXAccordionGroupComponent } from './accordion-group/accordion-group.component';\nimport { AXAccordionItemComponent } from './accordion-item/accordion-item.component';\n\nconst COMPONENT = [AXAccordionItemComponent, AXAccordionGroupComponent];\nconst MODULES = [];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}