@acorex/components 21.0.1-next.7 → 21.0.1-next.70

package/conversation2/README.md

@@ -78,22 +78,32 @@ This package requires the following peer dependencies:
 
 ```typescript
 import { ApplicationConfig } from '@angular/core';
-import { provideConversation, AXIndexedDBApi } from '@acorex/components/conversation2';
+import {
+  provideConversation,
+  AXIndexedDBUserApi,
+  AXIndexedDBConversationApi,
+  AXIndexedDBMessageApi,
+  AXIndexedDBRealtimeApi,
+} from '@acorex/components/conversation2';
 
 export const appConfig: ApplicationConfig = {
   providers: [
     provideConversation({
-      api: AXIndexedDBApi, // or your custom API implementation
+      userApi: AXIndexedDBUserApi,
+      conversationApi: AXIndexedDBConversationApi,
+      messageApi: AXIndexedDBMessageApi,
+      realtimeApi: AXIndexedDBRealtimeApi, // optional
       config: {
-        pageSize: 20,
-        maxFileSize: 10 * 1024 * 1024, // 10MB
+        messagePageSize: 50,
+        conversationPageSize: 30,
+        maxFileSize: 10 * 1024 * 1024,
         allowedFileTypes: ['image/*', 'video/*', 'audio/*', 'application/pdf'],
       },
       registry: {
         // Optional: Register custom message renderers, actions, etc.
-      }
-    })
-  ]
+      },
+    }),
+  ],
 };
 ```
 
@@ -101,17 +111,26 @@ export const appConfig: ApplicationConfig = {
 
 ```typescript
 import { NgModule } from '@angular/core';
-import { AXConversation2Module, AXIndexedDBApi } from '@acorex/components/conversation2';
+import {
+  AXConversation2Module,
+  AXIndexedDBUserApi,
+  AXIndexedDBConversationApi,
+  AXIndexedDBMessageApi,
+  AXIndexedDBRealtimeApi,
+} from '@acorex/components/conversation2';
 
 @NgModule({
   imports: [
     AXConversation2Module.forRoot({
-      api: AXIndexedDBApi,
-      config: { /* ... */ }
-    })
-  ]
+      userApi: AXIndexedDBUserApi,
+      conversationApi: AXIndexedDBConversationApi,
+      messageApi: AXIndexedDBMessageApi,
+      realtimeApi: AXIndexedDBRealtimeApi,
+      config: { /* ... */ },
+    }),
+  ],
 })
-export class AppModule { }
+export class AppModule {}
 ```
 
 ### 3. Use in Template
@@ -155,20 +174,42 @@ export class MyConversationApi extends AXConversationApi {
 #### IndexedDB API (Development/Demo)
 
 ```typescript
-import { AXIndexedDBApi } from '@acorex/components/conversation2';
+import {
+  provideConversation,
+  AXIndexedDBUserApi,
+  AXIndexedDBConversationApi,
+  AXIndexedDBMessageApi,
+  AXIndexedDBRealtimeApi,
+} from '@acorex/components/conversation2';
 
 // Provides in-memory storage with sample data
 // Perfect for development and demos
-provideConversation({ api: AXIndexedDBApi })
+provideConversation({
+  userApi: AXIndexedDBUserApi,
+  conversationApi: AXIndexedDBConversationApi,
+  messageApi: AXIndexedDBMessageApi,
+  realtimeApi: AXIndexedDBRealtimeApi,
+});
 ```
 
 #### IndexedDB with AI API (AI-Powered Demo)
 
 ```typescript
-import { AXIndexedDBAIApi } from '@acorex/components/conversation2';
-
-// Includes AI-powered auto-responses
-provideConversation({ api: AXIndexedDBAIApi })
+import {
+  provideConversation,
+  AXIndexedDBUserApi,
+  AXIndexedDBConversationApi,
+  AXIndexedDBMessageAIApi,
+  AXIndexedDBRealtimeApi,
+} from '@acorex/components/conversation2';
+
+// Includes AI-powered auto-responses via message API
+provideConversation({
+  userApi: AXIndexedDBUserApi,
+  conversationApi: AXIndexedDBConversationApi,
+  messageApi: AXIndexedDBMessageAIApi,
+  realtimeApi: AXIndexedDBRealtimeApi,
+});
 ```
 
 ## ⚙️ Configuration
@@ -178,23 +219,18 @@ provideConversation({ api: AXIndexedDBAIApi })
 ```typescript
 interface AXConversationConfig {
   // Pagination
-  pageSize?: number;                    // Default: 20
+  messagePageSize?: number;             // Default: 50
+  conversationPageSize?: number;        // Default: 30
   infiniteScrollThreshold?: number;     // Default: 200px
   scrollThreshold?: number;             // Default: 100px
 
   // File Upload
   maxFileSize?: number;                 // Default: 10MB
-  allowedFileTypes?: string[];          // Default: all types
+  allowedFileTypes?: string[];          // Default: see defaults
 
   // UI Behavior
   messageHighlightDuration?: number;    // Default: 2000ms
   typingIndicatorTimeout?: number;      // Default: 3000ms
-
-  // Features
-  enableReactions?: boolean;            // Default: true
-  enableReplies?: boolean;              // Default: true
-  enableEditing?: boolean;              // Default: true
-  enableDeletion?: boolean;             // Default: true
 }
 ```
 
@@ -327,14 +363,18 @@ export class MyComponent {
 ```typescript
 import { TestBed } from '@angular/core/testing';
 import { provideConversation, AXConversationService } from '@acorex/components/conversation2';
-import { MockConversationApi } from './mocks/mock-api';
+import { MockUserApi, MockConversationApi, MockMessageApi } from './mocks/mock-apis';
 
 describe('MyComponent', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
       providers: [
-        provideConversation({ api: MockConversationApi })
-      ]
+        provideConversation({
+          userApi: MockUserApi,
+          conversationApi: MockConversationApi,
+          messageApi: MockMessageApi,
+        }),
+      ],
     });
   });
 
@@ -343,7 +383,7 @@ describe('MyComponent', () => {
     const message = await service.sendMessage({
       conversationId: 'test',
       type: 'text',
-      payload: { text: 'Test' }
+      payload: { text: 'Test' },
     });
     expect(message).toBeDefined();
   });

package/fab/README.md

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

package/fesm2022/acorex-components-accordion.mjs

@@ -11,6 +11,7 @@ class AXAccordionItemComponent {
     constructor() {
         this.isCollapsed = model(true, ...(ngDevMode ? [{ debugName: "isCollapsed" }] : []));
         this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.textdecoration = input(false, ...(ngDevMode ? [{ debugName: "textdecoration" }] : []));
         this.caption = input('', ...(ngDevMode ? [{ debugName: "caption" }] : []));
         this.isLoading = model(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
         this.headerTemplate = input(null, ...(ngDevMode ? [{ debugName: "headerTemplate" }] : []));
@@ -29,6 +30,7 @@ class AXAccordionItemComponent {
     get __hostClass() {
         return [
             `${this.disabled() ? 'ax-state-disabled' : ''}`,
+            `${this.textdecoration() ? 'ax-text-decorator' : ''}`,
             `ax-${this.parent?.look() ? this.parent.look() : this.look()}`,
             'ax-default',
         ];
@@ -42,10 +44,10 @@ class AXAccordionItemComponent {
     toggle() {
         this.isCollapsed.update((prev) => !prev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AXAccordionItemComponent, isStandalone: true, selector: "ax-accordion-item", inputs: { 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", isLoading: "isLoadingChange", onClick: "onClick" }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "accordionItem", first: true, predicate: AXAccordionItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div [(isCollapsed)]=\"isCollapsed\" axAccordionItem>\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]=\"{ '-rotate-90': isCollapsed(), 'rotate-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\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</div>\n", styles: ["@layer components{ax-accordion-item{border-radius:var(--radius-lg,.5rem);width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));display:block;overflow:hidden}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))!important}ax-accordion-item .ax-accordion-header{cursor:pointer;padding:calc(var(--spacing,.25rem)*3);-webkit-user-select:none;user-select:none}ax-accordion-item .ax-accordion-header .ax-accordion-header-container{justify-content:space-between;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start{align-items:center;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start:not(:empty) .ax-accordion-header-icon{padding-inline-end:calc(var(--spacing,.25rem)*2)}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start .ax-accordion-header-end{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);justify-content:center;align-items:center;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start .ax-accordion-header-end .ax-accordion-arrow{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:block}ax-accordion-item .ax-accordion-body .ax-accordion-body-content{padding:calc(var(--spacing,.25rem)*4);padding-inline-start:calc(var(--spacing,.25rem)*4);padding-inline-end:calc(var(--spacing,.25rem)*4)}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "directive", type: AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXAccordionItemComponent, isStandalone: true, selector: "ax-accordion-item", inputs: { isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, textdecoration: { classPropertyName: "textdecoration", publicName: "textdecoration", 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", isLoading: "isLoadingChange", onClick: "onClick" }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "accordionItem", first: true, predicate: AXAccordionItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div [(isCollapsed)]=\"isCollapsed\" axAccordionItem>\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\" tabindex=\"0\">\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]=\"{ '-rotate-90': isCollapsed(), 'rotate-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\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</div>\n", styles: ["@layer components{.dark ax-accordion-item.ax-card :hover{background-color:rgb(var(--ax-sys-color-dark-surface))}ax-accordion-item{width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));line-height:1.5rem;display:block;overflow:hidden}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-item.ax-solid .ax-accordion-header{background-color:rgba(var(--ax-comp-accordion-bg-color))}ax-accordion-item.ax-fill .ax-accordion-header{border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-comp-accordion-bg-color));transition:background-color .3s,color .3s}ax-accordion-item.ax-fill .ax-accordion-header:hover{background-color:rgba(var(--ax-sys-color-light-surface))}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-item.ax-outline .ax-accordion-header{background-color:#0000}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-item.ax-flat .ax-accordion-header{background-color:#0000}ax-accordion-item.ax-card{border-bottom-width:var(--ax-comp-accordion-border-width);border-color:rgba(var(--ax-comp-accordion-border-color))}ax-accordion-item.ax-card :hover{background-color:rgb(var(--ax-sys-color-lighter-surface));transition:background-color .3s,color .3s}ax-accordion-item.ax-card:last-child{border-bottom-width:0}ax-accordion-item.ax-card .ax-accordion-header{background-color:#0000}ax-accordion-item.ax-card .ax-test-border{border:1px solid}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));line-height:1.25rem;color:rgba(var(--ax-sys-color-on-surface-high))!important}ax-accordion-item .ax-accordion-header{cursor:pointer;padding:calc(var(--spacing,.25rem) * 3);-webkit-user-select:none;user-select:none;font-weight:500}ax-accordion-item .ax-accordion-header .ax-accordion-header-container{justify-content:space-between;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start{align-items:center;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start:not(:empty) .ax-accordion-header-icon{padding-inline-end:calc(var(--spacing,.25rem) * 2)}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);justify-content:center;align-items:center;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end .ax-accordion-arrow{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));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-header-container:focus-visible{outline-color:rgba(var(--ax-comp-accordion-border-color));border-radius:var(--ax-sys-border-radius);padding:10px 0}ax-accordion-item .ax-accordion-body .ax-accordion-body-content{padding:calc(var(--spacing,.25rem) * 4);padding-inline-start:1.25rem;padding-inline-end:calc(var(--spacing,.25rem) * 4);font-weight:400}ax-accordion-item.ax-text-decorator .ax-accordion-header:hover .ax-accordion-header-start{text-decoration:underline}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { 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: "20.3.15", ngImport: i0, type: AXAccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-accordion-item', imports: [
                         AXLoadingModule,
@@ -53,8 +55,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         AXAccordionItemHeaderDirective,
                         AXAccordionItemDirective,
                         AXAccordionItemContentDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [(isCollapsed)]=\"isCollapsed\" axAccordionItem>\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]=\"{ '-rotate-90': isCollapsed(), 'rotate-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\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</div>\n", styles: ["@layer components{ax-accordion-item{border-radius:var(--radius-lg,.5rem);width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));display:block;overflow:hidden}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))!important}ax-accordion-item .ax-accordion-header{cursor:pointer;padding:calc(var(--spacing,.25rem)*3);-webkit-user-select:none;user-select:none}ax-accordion-item .ax-accordion-header .ax-accordion-header-container{justify-content:space-between;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start{align-items:center;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start:not(:empty) .ax-accordion-header-icon{padding-inline-end:calc(var(--spacing,.25rem)*2)}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start .ax-accordion-header-end{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);justify-content:center;align-items:center;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start .ax-accordion-header-end .ax-accordion-arrow{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:block}ax-accordion-item .ax-accordion-body .ax-accordion-body-content{padding:calc(var(--spacing,.25rem)*4);padding-inline-start:calc(var(--spacing,.25rem)*4);padding-inline-end:calc(var(--spacing,.25rem)*4)}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }, { type: i0.Output, args: ["isCollapsedChange"] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }, { type: i0.Output, args: ["isLoadingChange"] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], accordionItem: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXAccordionItemDirective), { isSignal: true }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], __hostClass: [{
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div [(isCollapsed)]=\"isCollapsed\" axAccordionItem>\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\" tabindex=\"0\">\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]=\"{ '-rotate-90': isCollapsed(), 'rotate-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\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</div>\n", styles: ["@layer components{.dark ax-accordion-item.ax-card :hover{background-color:rgb(var(--ax-sys-color-dark-surface))}ax-accordion-item{width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));line-height:1.5rem;display:block;overflow:hidden}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-item.ax-solid .ax-accordion-header{background-color:rgba(var(--ax-comp-accordion-bg-color))}ax-accordion-item.ax-fill .ax-accordion-header{border-radius:var(--ax-sys-border-radius);background-color:rgba(var(--ax-comp-accordion-bg-color));transition:background-color .3s,color .3s}ax-accordion-item.ax-fill .ax-accordion-header:hover{background-color:rgba(var(--ax-sys-color-light-surface))}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-item.ax-outline .ax-accordion-header{background-color:#0000}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-item.ax-flat .ax-accordion-header{background-color:#0000}ax-accordion-item.ax-card{border-bottom-width:var(--ax-comp-accordion-border-width);border-color:rgba(var(--ax-comp-accordion-border-color))}ax-accordion-item.ax-card :hover{background-color:rgb(var(--ax-sys-color-lighter-surface));transition:background-color .3s,color .3s}ax-accordion-item.ax-card:last-child{border-bottom-width:0}ax-accordion-item.ax-card .ax-accordion-header{background-color:#0000}ax-accordion-item.ax-card .ax-test-border{border:1px solid}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:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));line-height:1.25rem;color:rgba(var(--ax-sys-color-on-surface-high))!important}ax-accordion-item .ax-accordion-header{cursor:pointer;padding:calc(var(--spacing,.25rem) * 3);-webkit-user-select:none;user-select:none;font-weight:500}ax-accordion-item .ax-accordion-header .ax-accordion-header-container{justify-content:space-between;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start{align-items:center;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-start:not(:empty) .ax-accordion-header-icon{padding-inline-end:calc(var(--spacing,.25rem) * 2)}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);justify-content:center;align-items:center;display:flex}ax-accordion-item .ax-accordion-header .ax-accordion-header-container .ax-accordion-header-end .ax-accordion-arrow{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));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-header-container:focus-visible{outline-color:rgba(var(--ax-comp-accordion-border-color));border-radius:var(--ax-sys-border-radius);padding:10px 0}ax-accordion-item .ax-accordion-body .ax-accordion-body-content{padding:calc(var(--spacing,.25rem) * 4);padding-inline-start:1.25rem;padding-inline-end:calc(var(--spacing,.25rem) * 4);font-weight:400}ax-accordion-item.ax-text-decorator .ax-accordion-header:hover .ax-accordion-header-start{text-decoration:underline}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }, { type: i0.Output, args: ["isCollapsedChange"] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], textdecoration: [{ type: i0.Input, args: [{ isSignal: true, alias: "textdecoration", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }, { type: i0.Output, args: ["isLoadingChange"] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], accordionItem: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXAccordionItemDirective), { isSignal: true }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], __hostClass: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
@@ -62,10 +64,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 class AXAccordionGroupComponent {
     constructor() {
         this.accordionGroup = viewChild(AXAccordionGroupDirective, ...(ngDevMode ? [{ debugName: "accordionGroup" }] : []));
-        this.content = contentChildren(AXAccordionItemComponent, ...(ngDevMode ? [{ debugName: "content", descendants: true }] : [{ descendants: true }]));
+        this.content = contentChildren(AXAccordionItemComponent, { ...(ngDevMode ? { debugName: "content" } : {}), descendants: true });
         this.accordion = input(true, ...(ngDevMode ? [{ debugName: "accordion" }] : []));
         this.activeIndex = model(null, ...(ngDevMode ? [{ debugName: "activeIndex" }] : []));
-        this.look = input('', ...(ngDevMode ? [{ debugName: "look" }] : []));
+        this.look = input('solid', ...(ngDevMode ? [{ debugName: "look" }] : []));
         this.collapsedOnItemClick = input(true, ...(ngDevMode ? [{ debugName: "collapsedOnItemClick" }] : []));
         this.#eff = effect(() => {
             const accordionItemDirective = [];
@@ -76,8 +78,8 @@ class AXAccordionGroupComponent {
         }, ...(ngDevMode ? [{ debugName: "#eff" }] : []));
     }
     #eff;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAccordionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", 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 }, collapsedOnItemClick: { classPropertyName: "collapsedOnItemClick", publicName: "collapsedOnItemClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAccordionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.3", 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 }, collapsedOnItemClick: { classPropertyName: "collapsedOnItemClick", publicName: "collapsedOnItemClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeIndex: "activeIndexChange" }, providers: [
             {
                 provide: MXLookableComponent,
                 useExisting: AXAccordionGroupComponent,
@@ -92,9 +94,9 @@ class AXAccordionGroupComponent {
     >
       <ng-content select="ax-accordion-item"></ng-content>
     </div>
-  `, isInline: true, styles: ["@layer components{ax-accordion-group{width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));display:block;overflow:hidden}ax-accordion-group ax-accordion-item{margin-bottom:calc(var(--spacing,.25rem)*2)}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "directive", type: AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["@layer components{ax-accordion-group{width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));line-height:1.5rem;display:block;overflow:hidden}ax-accordion-group.ax-card{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-card ax-accordion-item{margin-bottom:0}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:#0000}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:#0000}ax-accordion-group ax-accordion-item.ax-card{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-card .ax-accordion-header{background-color:#0000}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "directive", type: AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAccordionGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAccordionGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-accordion-group', imports: [AXLoadingModule, AXAccordionGroupDirective], template: `
     <div
@@ -111,15 +113,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             useExisting: AXAccordionGroupComponent,
                         },
                         { provide: AXComponent, useExisting: AXAccordionGroupComponent },
-                    ], styles: ["@layer components{ax-accordion-group{width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));display:block;overflow:hidden}ax-accordion-group ax-accordion-item{margin-bottom:calc(var(--spacing,.25rem)*2)}}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], styles: ["@layer components{ax-accordion-group{width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));line-height:1.5rem;display:block;overflow:hidden}ax-accordion-group.ax-card{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-card ax-accordion-item{margin-bottom:0}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:#0000}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:#0000}ax-accordion-group ax-accordion-item.ax-card{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-card .ax-accordion-header{background-color:#0000}}\n/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { accordionGroup: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXAccordionGroupDirective), { isSignal: true }] }], content: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXAccordionItemComponent), { ...{ descendants: true }, isSignal: true }] }], accordion: [{ type: i0.Input, args: [{ isSignal: true, alias: "accordion", required: false }] }], activeIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeIndex", required: false }] }, { type: i0.Output, args: ["activeIndexChange"] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], collapsedOnItemClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedOnItemClick", required: false }] }] } });
 
 class AXAccordionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXAccordionModule, imports: [AXAccordionItemComponent, AXAccordionGroupComponent], exports: [AXAccordionItemComponent, AXAccordionGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAccordionModule, imports: [AXAccordionItemComponent, AXAccordionGroupComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AXAccordionModule, imports: [AXAccordionItemComponent, AXAccordionGroupComponent], exports: [AXAccordionItemComponent, AXAccordionGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAccordionModule, imports: [AXAccordionItemComponent, AXAccordionGroupComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXAccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [AXAccordionItemComponent, AXAccordionGroupComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-accordion.mjs","sources":["../../../../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-group/accordion-group.component.ts","../../../../packages/components/accordion/src/lib/accordion.module.ts","../../../../packages/components/accordion/src/acorex-components-accordion.ts"],"sourcesContent":["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  viewChild,\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.compiled.css',\n  imports: [\n    AXLoadingModule,\n    CommonModule,\n    AXAccordionItemHeaderDirective,\n    AXAccordionItemDirective,\n    AXAccordionItemContentDirective,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXAccordionItemComponent {\n  isCollapsed = model(true);\n  icon = input('');\n  caption = input('');\n  isLoading = model(false);\n  headerTemplate = input(null);\n  look = input('solid');\n  disabled = input(false);\n\n  accordionItem = viewChild(AXAccordionItemDirective);\n  private parent = inject(AXAccordionGroupComponent, { optional: true });\n\n  onClick = output<AXClickEvent>();\n\n  #init = afterNextRender(() => {\n    this.accordionItem()?.onClick.subscribe((e) => {\n      this.onClick.emit({ component: this, nativeEvent: 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      'ax-default',\n    ];\n  }\n\n  public open() {\n    this.isCollapsed.set(false);\n  }\n\n  public close() {\n    this.isCollapsed.set(true);\n  }\n\n  public toggle() {\n    this.isCollapsed.update((prev) => !prev);\n  }\n}\n","<div [(isCollapsed)]=\"isCollapsed\" axAccordionItem>\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]=\"{ '-rotate-90': isCollapsed(), 'rotate-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\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</div>\n","import { AXAccordionGroupDirective, AXAccordionItemDirective } from '@acorex/cdk/accordion';\nimport { AXComponent, MXLookableComponent } from '@acorex/cdk/common';\nimport { AXLoadingModule } from '@acorex/components/loading';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  effect,\n  input,\n  model,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXAccordionItemComponent } from '../accordion-item/accordion-item.component';\n\n@Component({\n  selector: 'ax-accordion-group',\n  styleUrl: './accordion-group.component.compiled.css',\n  imports: [AXLoadingModule, AXAccordionGroupDirective],\n  template: `\n    <div\n      [activeIndex]=\"activeIndex()\"\n      [collapsedOnItemClick]=\"collapsedOnItemClick()\"\n      [accordion]=\"this.accordion()\"\n      axAccordionGroup\n    >\n      <ng-content select=\"ax-accordion-item\"></ng-content>\n    </div>\n  `,\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 = viewChild(AXAccordionGroupDirective);\n  private content = contentChildren(AXAccordionItemComponent, { descendants: true });\n\n  accordion = input(true);\n  activeIndex = model<number | number[]>(null);\n  look = input('');\n  collapsedOnItemClick = input(true);\n\n  #eff = effect(() => {\n    const accordionItemDirective: AXAccordionItemDirective[] = [];\n    this.content().forEach((item) => {\n      accordionItemDirective.push(item.accordionItem());\n    });\n    this.accordionGroup().customAccordionItem.set(accordionItemDirective);\n  });\n}\n","import { NgModule } from '@angular/core';\nimport { AXAccordionGroupComponent } from './accordion-group/accordion-group.component';\nimport { AXAccordionItemComponent } from './accordion-item/accordion-item.component';\n\n@NgModule({\n  imports: [AXAccordionItemComponent, AXAccordionGroupComponent],\n  exports: [AXAccordionItemComponent, AXAccordionGroupComponent],\n})\nexport class AXAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-accordion.mjs","sources":["../../../../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-group/accordion-group.component.ts","../../../../packages/components/accordion/src/lib/accordion.module.ts","../../../../packages/components/accordion/src/acorex-components-accordion.ts"],"sourcesContent":["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  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXAccordionGroupComponent } from '../accordion-group/accordion-group.component';\nimport { AXAccordionLook } from '../accordion.type';\n\n@Component({\n  selector: 'ax-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  styleUrl: './accordion-item.component.compiled.css',\n  imports: [\n    AXLoadingModule,\n    CommonModule,\n    AXAccordionItemHeaderDirective,\n    AXAccordionItemDirective,\n    AXAccordionItemContentDirective,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXAccordionItemComponent {\n  isCollapsed = model(true);\n  icon = input('');\n  textdecoration = input(false);\n  caption = input('');\n  isLoading = model(false);\n  headerTemplate = input(null);\n  look = input<AXAccordionLook>('solid');\n  disabled = input(false);\n\n  accordionItem = viewChild(AXAccordionItemDirective);\n  private parent = inject(AXAccordionGroupComponent, { optional: true });\n\n  onClick = output<AXClickEvent>();\n\n  #init = afterNextRender(() => {\n    this.accordionItem()?.onClick.subscribe((e) => {\n      this.onClick.emit({ component: this, nativeEvent: e });\n    });\n  });\n\n  @HostBinding('class')\n  get __hostClass(): string[] {\n    return [\n      `${this.disabled() ? 'ax-state-disabled' : ''}`,\n      `${this.textdecoration() ? 'ax-text-decorator' : ''}`,\n      `ax-${this.parent?.look() ? this.parent.look() : this.look()}`,\n      'ax-default',\n    ];\n  }\n\n  public open() {\n    this.isCollapsed.set(false);\n  }\n\n  public close() {\n    this.isCollapsed.set(true);\n  }\n\n  public toggle() {\n    this.isCollapsed.update((prev) => !prev);\n  }\n}\n","<div [(isCollapsed)]=\"isCollapsed\" axAccordionItem>\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\" tabindex=\"0\">\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]=\"{ '-rotate-90': isCollapsed(), 'rotate-90': !isCollapsed() }\"\n            ></span>\n          }\n        </div>\n      </div>\n    }\n  </div>\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</div>\n","import { AXAccordionGroupDirective, AXAccordionItemDirective } from '@acorex/cdk/accordion';\nimport { AXComponent, MXLookableComponent } from '@acorex/cdk/common';\nimport { AXLoadingModule } from '@acorex/components/loading';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  effect,\n  input,\n  model,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXAccordionItemComponent } from '../accordion-item/accordion-item.component';\nimport { AXAccordionLook } from '../accordion.type';\n\n@Component({\n  selector: 'ax-accordion-group',\n  styleUrl: './accordion-group.component.compiled.css',\n  imports: [AXLoadingModule, AXAccordionGroupDirective],\n  template: `\n    <div\n      [activeIndex]=\"activeIndex()\"\n      [collapsedOnItemClick]=\"collapsedOnItemClick()\"\n      [accordion]=\"this.accordion()\"\n      axAccordionGroup\n    >\n      <ng-content select=\"ax-accordion-item\"></ng-content>\n    </div>\n  `,\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 = viewChild(AXAccordionGroupDirective);\n  private content = contentChildren(AXAccordionItemComponent, { descendants: true });\n\n  accordion = input(true);\n  activeIndex = model<number | number[]>(null);\n  look = input<AXAccordionLook>('solid');\n  collapsedOnItemClick = input(true);\n\n  #eff = effect(() => {\n    const accordionItemDirective: AXAccordionItemDirective[] = [];\n    this.content().forEach((item) => {\n      accordionItemDirective.push(item.accordionItem());\n    });\n    this.accordionGroup().customAccordionItem.set(accordionItemDirective);\n  });\n}\n","import { NgModule } from '@angular/core';\nimport { AXAccordionGroupComponent } from './accordion-group/accordion-group.component';\nimport { AXAccordionItemComponent } from './accordion-item/accordion-item.component';\n\n@NgModule({\n  imports: [AXAccordionItemComponent, AXAccordionGroupComponent],\n  exports: [AXAccordionItemComponent, AXAccordionGroupComponent],\n})\nexport class AXAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}