@acorex/components 21.1.0-next.2 → 22.0.0-next.1

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-editor.mjs","sources":["../../../../packages/components/editor/src/lib/editor.component.ts","../../../../packages/components/editor/src/lib/editor.module.ts","../../../../packages/components/editor/src/acorex-components-editor.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXFocusableComponent,\n  AXValuableComponent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/cdk/common';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  forwardRef,\n  HostBinding,\n  inject,\n  input,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport type EditorJS from '@editorjs/editorjs';\nimport type { OutputData } from '@editorjs/editorjs';\nimport { classes } from 'polytype';\nimport { EditorJsTool, type ImageToolConfig } from './editor.type';\n\n@Component({\n  selector: 'ax-editor',\n  template: `\n    <div class=\"ax-editor-container ax-default {{ look }}\">\n      <div class=\"ax-editor-holder\" #r></div>\n    </div>\n    <ng-content select=\"ax-validation-rule\"> </ng-content>\n    <div class=\"ax-error-container\"></div>\n  `,\n  styleUrl: './editor.component.css',\n  providers: [\n    { provide: AXComponent, useExisting: AXEditorComponent },\n    { provide: AXFocusableComponent, useExisting: AXEditorComponent },\n    { provide: AXValuableComponent, useExisting: AXEditorComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXEditorComponent),\n      multi: true,\n    },\n  ],\n  inputs: ['look', 'readonly', 'disabled', 'value'],\n  outputs: ['onValueChanged'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXEditorComponent extends classes(MXInputBaseValueComponent<OutputData>, MXLookComponent) {\n  private toolLoaders: Record<EditorJsTool, () => Promise<any>> = {\n    header: () => import('@editorjs/header'),\n    list: () => import('@editorjs/list'),\n    raw: () => import('@editorjs/raw'),\n    quote: () => import('@editorjs/quote'),\n    codeBox: () => import('@bomdi/codebox'),\n    underline: () => import('@editorjs/underline'),\n    color: () => import('editorjs-text-color-plugin'),\n    image: () => import('@editorjs/image'),\n    // linkTool: () => import('@editorjs/link'),\n    // table: () => import('@editorjs/table'),\n    // attaches: () => import('@editorjs/attaches'),\n    // alignmentTuneTool: () => import('editorjs-text-alignment-blocktune'),\n    // hyperlink: () => import('editorjs-hyperlink'),\n    // delimiter: () => import('@editorjs/delimiter'),\n    // inlineCode: () => import('@editorjs/inline-code'),\n    // embed: () => import('@editorjs/embed'),\n    // warning: () => import('@editorjs/warning'),\n    // checklist: () => import('@editorjs/checklist'),\n    // marker: () => import('@editorjs/marker'),\n    // dragDrop: () => import('editorjs-drag-drop'),\n    // undo: () => import('editorjs-undo'),\n    // nestedList: () => import('@editorjs/nested-list'),\n    // tooltip: () => import('editorjs-tooltip'),\n    // paragraphWithAlignment: () => import('editorjs-paragraph-with-alignment'),\n  };\n\n  private editorHolder = viewChild<ElementRef<HTMLDivElement>>('r');\n\n  private platform = inject(AXPlatform);\n\n  modules = input<EditorJsTool[]>(['header', 'list', 'codeBox', 'underline', 'color']);\n\n  imageConfig = input<ImageToolConfig>();\n\n  protected editorClass: EditorJS;\n\n  private colorConfig: any = {\n    defaultColor: '#FF1300',\n    type: 'text',\n    customPicker: true,\n    colorCollections: [\n      '#EC7878',\n      '#9C27B0',\n      '#673AB7',\n      '#3F51B5',\n      '#0070FF',\n      '#03A9F4',\n      '#00BCD4',\n      '#4CAF50',\n      '#8BC34A',\n      '#CDDC39',\n      '#FFF',\n    ],\n  };\n\n  private markerConfig: any = {\n    defaultColor: '#FFBF00',\n    type: 'marker',\n  };\n\n  private async loadEditorJsTools(selectedTools: EditorJsTool[]): Promise<Record<string, any>> {\n    const results = await Promise.all(\n      selectedTools.map(async (name) => {\n        try {\n          const mod = await this.toolLoaders[name]();\n          const ToolClass = mod.default || mod;\n          return [name, ToolClass];\n        } catch (error) {\n          console.error(`❌ Failed to load ${name}:`, error);\n          return null;\n        }\n      }),\n    );\n\n    return Object.fromEntries(results.filter((r) => r).map(([key, value]) => [key, { class: value }]));\n  }\n\n  #init = afterNextRender(async () => {\n    const tools = await this.loadEditorJsTools(this.modules());\n\n    if (tools['color']) {\n      tools['marker'] = { ...tools['color'] };\n      tools['color'].config = this.colorConfig;\n      tools['marker'].config = this.markerConfig;\n    }\n\n    if (tools['image'] && this.imageConfig()) {\n      tools['image'].config = this.imageConfig();\n    }\n\n    if (tools['codeBox']) {\n      let theme: any;\n      if (this.platform.themeMode() === 'dark' || this.platform.themeMode() === 'light') {\n        theme = this.platform.themeMode();\n      } else {\n        theme = 'light';\n      }\n      tools['codeBox'].config = { useDefaultTheme: theme };\n    }\n\n    const EditorJS = (await import('@editorjs/editorjs')).default;\n\n    if (tools['codeBox'].class.default) tools['codeBox'].class = tools['codeBox'].class.default;\n\n    this.editorClass = new EditorJS({\n      holder: this.editorHolder().nativeElement,\n      tools,\n      onChange: async (e) => {\n        const content = await e.saver.save();\n        if (content.blocks.length) {\n          this.commitValue(content, true);\n        } else {\n          this.commitValue(null, true);\n        }\n      },\n      data: this.value,\n      readOnly: this.readonly || this.disabled,\n    });\n  });\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const style = [];\n    if (this.disabled) style.push('ax-disable');\n    if (AXHtmlUtil.isRtl()) style.push('ax-rtl');\n    return style;\n  }\n\n  @HostBinding('attr.name')\n  private get __hostName(): string {\n    return this.name;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { AXEditorComponent } from './editor.component';\n\nconst COMPONENT = [AXEditorComponent];\n\nconst MODULES = [];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class EditorModule {}\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-editor.mjs","sources":["../../../../packages/components/editor/src/lib/editor.component.ts","../../../../packages/components/editor/src/lib/editor.module.ts","../../../../packages/components/editor/src/acorex-components-editor.ts"],"sourcesContent":["import {\n  AXComponent,\n  AXFocusableComponent,\n  AXValuableComponent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/cdk/common';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXHtmlUtil } from '@acorex/core/utils';\nimport {\n  afterNextRender,\n  Component,\n  ElementRef,\n  forwardRef,\n  HostBinding,\n  inject,\n  input,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport type EditorJS from '@editorjs/editorjs';\nimport type { OutputData } from '@editorjs/editorjs';\nimport { classes } from 'polytype';\nimport { EditorJsTool, type ImageToolConfig } from './editor.type';\n\n@Component({\n  selector: 'ax-editor',\n  template: `\n    <div class=\"ax-editor-container ax-default {{ look }}\">\n      <div class=\"ax-editor-holder\" #r></div>\n    </div>\n    <ng-content select=\"ax-validation-rule\"> </ng-content>\n    <div class=\"ax-error-container\"></div>\n  `,\n  styleUrl: './editor.component.css',\n  providers: [\n    { provide: AXComponent, useExisting: AXEditorComponent },\n    { provide: AXFocusableComponent, useExisting: AXEditorComponent },\n    { provide: AXValuableComponent, useExisting: AXEditorComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXEditorComponent),\n      multi: true,\n    },\n  ],\n  inputs: ['look', 'readonly', 'disabled', 'value'],\n  outputs: ['onValueChanged'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXEditorComponent extends classes(MXInputBaseValueComponent<OutputData>, MXLookComponent) {\n  private toolLoaders: Record<EditorJsTool, () => Promise<any>> = {\n    header: () => import('@editorjs/header'),\n    list: () => import('@editorjs/list'),\n    raw: () => import('@editorjs/raw'),\n    quote: () => import('@editorjs/quote'),\n    codeBox: () => import('@bomdi/codebox'),\n    underline: () => import('@editorjs/underline'),\n    color: () => import('editorjs-text-color-plugin'),\n    image: () => import('@editorjs/image'),\n    // linkTool: () => import('@editorjs/link'),\n    // table: () => import('@editorjs/table'),\n    // attaches: () => import('@editorjs/attaches'),\n    // alignmentTuneTool: () => import('editorjs-text-alignment-blocktune'),\n    // hyperlink: () => import('editorjs-hyperlink'),\n    // delimiter: () => import('@editorjs/delimiter'),\n    // inlineCode: () => import('@editorjs/inline-code'),\n    // embed: () => import('@editorjs/embed'),\n    // warning: () => import('@editorjs/warning'),\n    // checklist: () => import('@editorjs/checklist'),\n    // marker: () => import('@editorjs/marker'),\n    // dragDrop: () => import('editorjs-drag-drop'),\n    // undo: () => import('editorjs-undo'),\n    // nestedList: () => import('@editorjs/nested-list'),\n    // tooltip: () => import('editorjs-tooltip'),\n    // paragraphWithAlignment: () => import('editorjs-paragraph-with-alignment'),\n  };\n\n  private editorHolder = viewChild<ElementRef<HTMLDivElement>>('r');\n\n  private platform = inject(AXPlatform);\n\n  modules = input<EditorJsTool[]>(['header', 'list', 'codeBox', 'underline', 'color']);\n\n  imageConfig = input<ImageToolConfig>();\n\n  protected editorClass: EditorJS;\n\n  private colorConfig: any = {\n    defaultColor: '#FF1300',\n    type: 'text',\n    customPicker: true,\n    colorCollections: [\n      '#EC7878',\n      '#9C27B0',\n      '#673AB7',\n      '#3F51B5',\n      '#0070FF',\n      '#03A9F4',\n      '#00BCD4',\n      '#4CAF50',\n      '#8BC34A',\n      '#CDDC39',\n      '#FFF',\n    ],\n  };\n\n  private markerConfig: any = {\n    defaultColor: '#FFBF00',\n    type: 'marker',\n  };\n\n  private async loadEditorJsTools(selectedTools: EditorJsTool[]): Promise<Record<string, any>> {\n    const results = await Promise.all(\n      selectedTools.map(async (name) => {\n        try {\n          const mod = await this.toolLoaders[name]();\n          const ToolClass = mod.default || mod;\n          return [name, ToolClass];\n        } catch (error) {\n          console.error(`❌ Failed to load ${name}:`, error);\n          return null;\n        }\n      }),\n    );\n\n    return Object.fromEntries(results.filter((r) => r).map(([key, value]) => [key, { class: value }]));\n  }\n\n  #init = afterNextRender(async () => {\n    const tools = await this.loadEditorJsTools(this.modules());\n\n    if (tools['color']) {\n      tools['marker'] = { ...tools['color'] };\n      tools['color'].config = this.colorConfig;\n      tools['marker'].config = this.markerConfig;\n    }\n\n    if (tools['image'] && this.imageConfig()) {\n      tools['image'].config = this.imageConfig();\n    }\n\n    if (tools['codeBox']) {\n      let theme: any;\n      if (this.platform.themeMode() === 'dark' || this.platform.themeMode() === 'light') {\n        theme = this.platform.themeMode();\n      } else {\n        theme = 'light';\n      }\n      tools['codeBox'].config = { useDefaultTheme: theme };\n    }\n\n    const EditorJS = (await import('@editorjs/editorjs')).default;\n\n    if (tools['codeBox'].class.default) tools['codeBox'].class = tools['codeBox'].class.default;\n\n    this.editorClass = new EditorJS({\n      holder: this.editorHolder().nativeElement,\n      tools,\n      onChange: async (e) => {\n        const content = await e.saver.save();\n        if (content.blocks.length) {\n          this.commitValue(content, true);\n        } else {\n          this.commitValue(null, true);\n        }\n      },\n      data: this.value,\n      readOnly: this.readonly || this.disabled,\n    });\n  });\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const style = [];\n    if (this.disabled) style.push('ax-disable');\n    if (AXHtmlUtil.isRtl()) style.push('ax-rtl');\n    return style;\n  }\n\n  @HostBinding('attr.name')\n  private get __hostName(): string {\n    return this.name;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { AXEditorComponent } from './editor.component';\n\nconst COMPONENT = [AXEditorComponent];\n\nconst MODULES = [];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class EditorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-fab.mjs

@@ -3,18 +3,24 @@ import * as i1$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, model, viewChild, signal, effect, output, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, computed } from '@angular/core';
+import { input, model, viewChild, signal, effect, output, ViewEncapsulation, Component, inject, computed } from '@angular/core';
 import * as i1 from '@acorex/components/popover';
 import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
 
 class AXFabComponent {
     constructor() {
-        this.label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.popupStyle = input('bubble', ...(ngDevMode ? [{ debugName: "popupStyle" }] : /* istanbul ignore next */ []));
-        this.popupPlacement = model(null, ...(ngDevMode ? [{ debugName: "popupPlacement" }] : /* istanbul ignore next */ []));
-        this.size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        this.popoverRef = viewChild(AXPopoverComponent, ...(ngDevMode ? [{ debugName: "popoverRef" }] : /* istanbul ignore next */ []));
-        this.offsetPopover = signal(null, ...(ngDevMode ? [{ debugName: "offsetPopover" }] : /* istanbul ignore next */ []));
+        this.label = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.popupStyle = input('bubble', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "popupStyle" }] : /* istanbul ignore next */ []));
+        this.popupPlacement = model(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "popupPlacement" }] : /* istanbul ignore next */ []));
+        this.size = input('md', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.popoverRef = viewChild(AXPopoverComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "popoverRef" }] : /* istanbul ignore next */ []));
+        this.offsetPopover = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "offsetPopover" }] : /* istanbul ignore next */ []));
         this.#eff = effect(() => {
             if (this.popupStyle() === 'box') {
                 this.popupPlacement.set('top-end');
@@ -24,7 +30,8 @@ class AXFabComponent {
                 this.popupPlacement.set('top');
                 this.offsetPopover.set(-2);
             }
-        }, ...(ngDevMode ? [{ debugName: "#eff" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#eff" }] : /* istanbul ignore next */ []));
         /**
          *  Fires each time the user clicks the button.
          *  @event
@@ -63,17 +70,18 @@ class AXFabComponent {
     close() {
         this.popoverRef().close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXFabComponent, isStandalone: true, selector: "ax-fab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, popupStyle: { classPropertyName: "popupStyle", publicName: "popupStyle", isSignal: true, isRequired: false, transformFunction: null }, popupPlacement: { classPropertyName: "popupPlacement", publicName: "popupPlacement", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { popupPlacement: "popupPlacementChange", onClick: "onClick", onOpened: "onOpened", onClosed: "onClosed" }, viewQueries: [{ propertyName: "popoverRef", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-button class=\"ax-{{ size() }}\" #btn (onClick)=\"onClick.emit($event)\" color=\"primary\" look=\"solid\" [text]=\"label()\">\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ax-button>\n\n<ax-popover\n  (onOpened)=\"openPopover()\"\n  (onClosed)=\"closePopover()\"\n  [disablePanelClass]=\"true\"\n  [offsetY]=\"offsetPopover()\"\n  [placement]=\"popupPlacement()\"\n  [target]=\"btn\"\n>\n  <div class=\"ax-fab-item-container\">\n    <ng-content select=\"ax-fab-item\"> </ng-content>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;@layer components{ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * 2)}.ax-fab-item-container.ax-fab-box-style{background-color:rgba(var(--ax-sys-color-lightest-surface));border-radius:var(--ax-sys-border-radius);border:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}.ax-fab-item-container ax-popover{display:none}.ax-fab-item-container ax-button{border-radius:1000vmax}.ax-fab-item-container ax-text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.ax-fab-item-container .ax-fab-box{display:flex;min-width:calc(var(--spacing, .25rem) * 40);align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3.5);padding-block:calc(var(--spacing, .25rem) * 1)}.ax-fab-item-container .ax-fab-box:hover{cursor:pointer;background-color:rgba(var(--ax-sys-color-surface))}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXFabComponent, isStandalone: true, selector: "ax-fab", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, popupStyle: { classPropertyName: "popupStyle", publicName: "popupStyle", isSignal: true, isRequired: false, transformFunction: null }, popupPlacement: { classPropertyName: "popupPlacement", publicName: "popupPlacement", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { popupPlacement: "popupPlacementChange", onClick: "onClick", onOpened: "onOpened", onClosed: "onClosed" }, viewQueries: [{ propertyName: "popoverRef", first: true, predicate: AXPopoverComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-button class=\"ax-{{ size() }}\" #btn (onClick)=\"onClick.emit($event)\" color=\"primary\" look=\"solid\" [text]=\"label()\">\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ax-button>\n\n<ax-popover\n  (onOpened)=\"openPopover()\"\n  (onClosed)=\"closePopover()\"\n  [disablePanelClass]=\"true\"\n  [offsetY]=\"offsetPopover()\"\n  [placement]=\"popupPlacement()\"\n  [target]=\"btn\"\n>\n  <div class=\"ax-fab-item-container\">\n    <ng-content select=\"ax-fab-item\"> </ng-content>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;@layer components{ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * 2)}.ax-fab-item-container.ax-fab-box-style{background-color:rgba(var(--ax-sys-color-lightest-surface));border-radius:var(--ax-sys-border-radius);border:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}.ax-fab-item-container ax-popover{display:none}.ax-fab-item-container ax-button{border-radius:1000vmax}.ax-fab-item-container ax-text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.ax-fab-item-container .ax-fab-box{display:flex;min-width:calc(var(--spacing, .25rem) * 40);align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3.5);padding-block:calc(var(--spacing, .25rem) * 1)}.ax-fab-item-container .ax-fab-box:hover{cursor:pointer;background-color:rgba(var(--ax-sys-color-surface))}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i1.AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXFabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXFabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-fab', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonComponent, AXPopoverModule, AXDecoratorModule], template: "<ax-button class=\"ax-{{ size() }}\" #btn (onClick)=\"onClick.emit($event)\" color=\"primary\" look=\"solid\" [text]=\"label()\">\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ax-button>\n\n<ax-popover\n  (onOpened)=\"openPopover()\"\n  (onClosed)=\"closePopover()\"\n  [disablePanelClass]=\"true\"\n  [offsetY]=\"offsetPopover()\"\n  [placement]=\"popupPlacement()\"\n  [target]=\"btn\"\n>\n  <div class=\"ax-fab-item-container\">\n    <ng-content select=\"ax-fab-item\"> </ng-content>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;@layer components{ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * 2)}.ax-fab-item-container.ax-fab-box-style{background-color:rgba(var(--ax-sys-color-lightest-surface));border-radius:var(--ax-sys-border-radius);border:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}.ax-fab-item-container ax-popover{display:none}.ax-fab-item-container ax-button{border-radius:1000vmax}.ax-fab-item-container ax-text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.ax-fab-item-container .ax-fab-box{display:flex;min-width:calc(var(--spacing, .25rem) * 40);align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3.5);padding-block:calc(var(--spacing, .25rem) * 1)}.ax-fab-item-container .ax-fab-box:hover{cursor:pointer;background-color:rgba(var(--ax-sys-color-surface))}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-fab', encapsulation: ViewEncapsulation.None, imports: [AXButtonComponent, AXPopoverModule, AXDecoratorModule], template: "<ax-button class=\"ax-{{ size() }}\" #btn (onClick)=\"onClick.emit($event)\" color=\"primary\" look=\"solid\" [text]=\"label()\">\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ax-button>\n\n<ax-popover\n  (onOpened)=\"openPopover()\"\n  (onClosed)=\"closePopover()\"\n  [disablePanelClass]=\"true\"\n  [offsetY]=\"offsetPopover()\"\n  [placement]=\"popupPlacement()\"\n  [target]=\"btn\"\n>\n  <div class=\"ax-fab-item-container\">\n    <ng-content select=\"ax-fab-item\"> </ng-content>\n  </div>\n</ax-popover>\n", styles: ["@layer properties;@layer components{ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);padding-block:calc(var(--spacing, .25rem) * 2)}.ax-fab-item-container.ax-fab-box-style{background-color:rgba(var(--ax-sys-color-lightest-surface));border-radius:var(--ax-sys-border-radius);border:1px solid rgba(var(--ax-sys-color-border-lightest-surface))}.ax-fab-item-container ax-popover{display:none}.ax-fab-item-container ax-button{border-radius:1000vmax}.ax-fab-item-container ax-text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: calc(var(--spacing, .25rem) * 5);line-height:calc(var(--spacing, .25rem) * 5);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.ax-fab-item-container .ax-fab-box{display:flex;min-width:calc(var(--spacing, .25rem) * 40);align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3.5);padding-block:calc(var(--spacing, .25rem) * 1)}.ax-fab-item-container .ax-fab-box:hover{cursor:pointer;background-color:rgba(var(--ax-sys-color-surface))}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], popupStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupStyle", required: false }] }], popupPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupPlacement", required: false }] }, { type: i0.Output, args: ["popupPlacementChange"] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], popoverRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPopoverComponent), { isSignal: true }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], onOpened: [{ type: i0.Output, args: ["onOpened"] }], onClosed: [{ type: i0.Output, args: ["onClosed"] }] } });
 
 class AXFabItemComponent {
     constructor() {
-        this.label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.label = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
         this.parent = inject(AXFabComponent);
         this.buttonSize = computed(() => {
             switch (this.parent.size()) {
@@ -88,7 +96,8 @@ class AXFabItemComponent {
                 case 'xs':
                     return 'xs';
             }
-        }, ...(ngDevMode ? [{ debugName: "buttonSize" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "buttonSize" }] : /* istanbul ignore next */ []));
         /**
          *  Fires each time the user clicks the button.
          *  @event
@@ -98,12 +107,12 @@ class AXFabItemComponent {
     clickHandler() {
         this.onClick.emit({ component: this });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXFabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXFabItemComponent, isStandalone: true, selector: "ax-fab-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<ng-template #iconTpl>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n\n@if (parent.popupStyle() === 'bubble') {\n  <ax-button class=\"ax-{{ buttonSize() }}\" [text]=\"label()\" (onClick)=\"clickHandler()\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n  </ax-button>\n} @else {\n  <button (click)=\"clickHandler()\" class=\"ax-fab-box\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n    <ax-text> {{ label() }}</ax-text>\n  </button>\n}\n", dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXFabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXFabItemComponent, isStandalone: true, selector: "ax-fab-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<ng-template #iconTpl>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n\n@if (parent.popupStyle() === 'bubble') {\n  <ax-button class=\"ax-{{ buttonSize() }}\" [text]=\"label()\" (onClick)=\"clickHandler()\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n  </ax-button>\n} @else {\n  <button (click)=\"clickHandler()\" class=\"ax-fab-box\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n    <ax-text> {{ label() }}</ax-text>\n  </button>\n}\n", dependencies: [{ kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXFabItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXFabItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-fab-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonComponent, AXDecoratorModule, NgTemplateOutlet], template: "<ng-template #iconTpl>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n\n@if (parent.popupStyle() === 'bubble') {\n  <ax-button class=\"ax-{{ buttonSize() }}\" [text]=\"label()\" (onClick)=\"clickHandler()\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n  </ax-button>\n} @else {\n  <button (click)=\"clickHandler()\" class=\"ax-fab-box\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n    <ax-text> {{ label() }}</ax-text>\n  </button>\n}\n" }]
+            args: [{ selector: 'ax-fab-item', encapsulation: ViewEncapsulation.None, imports: [AXButtonComponent, AXDecoratorModule, NgTemplateOutlet], template: "<ng-template #iconTpl>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n\n@if (parent.popupStyle() === 'bubble') {\n  <ax-button class=\"ax-{{ buttonSize() }}\" [text]=\"label()\" (onClick)=\"clickHandler()\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n  </ax-button>\n} @else {\n  <button (click)=\"clickHandler()\" class=\"ax-fab-box\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n    <ax-text> {{ label() }}</ax-text>\n  </button>\n}\n" }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-fab.mjs","sources":["../../../../packages/components/fab/src/lib/fab.component.ts","../../../../packages/components/fab/src/lib/fab.component.html","../../../../packages/components/fab/src/lib/fab-item/fab-item.component.ts","../../../../packages/components/fab/src/lib/fab-item/fab-item.component.html","../../../../packages/components/fab/src/acorex-components-fab.ts"],"sourcesContent":["import { AXClickEvent, AXEvent, AXPlacementType } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  effect,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-fab',\n  templateUrl: './fab.component.html',\n  styleUrls: ['./fab.component.css'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXButtonComponent, AXPopoverModule, AXDecoratorModule],\n})\nexport class AXFabComponent {\n  label = input<string>(null);\n\n  popupStyle = input<'bubble' | 'box'>('bubble');\n\n  popupPlacement = model<AXPlacementType>(null);\n\n  size = input<'xs' | 'sm' | 'md' | 'lg' | 'xl'>('md');\n\n  protected popoverRef = viewChild(AXPopoverComponent);\n\n  protected offsetPopover = signal<number>(null);\n\n  #eff = effect(() => {\n    if (this.popupStyle() === 'box') {\n      this.popupPlacement.set('top-end');\n      this.offsetPopover.set(-10);\n    } else {\n      this.popupPlacement.set('top');\n      this.offsetPopover.set(-2);\n    }\n  });\n\n  /**\n   *  Fires each time the user clicks the button.\n   *  @event\n   */\n  onClick = output<AXClickEvent>();\n\n  /**\n   * Emits when the popover is opened.\n   * @event\n   */\n  onOpened = output<AXEvent>();\n\n  /**\n   * Emits when the popover is closed.\n   * @event\n   */\n  onClosed = output<AXEvent>();\n\n  private addStyleClass() {\n    const fabItemContainer = document.querySelector('.ax-fab-item-container');\n    if (!fabItemContainer) return;\n    if (this.popupStyle() === 'box') {\n      fabItemContainer.classList.add('ax-fab-box-style');\n    } else {\n      fabItemContainer.classList.add('ax-fab-bubble-style');\n    }\n  }\n\n  protected openPopover() {\n    this.addStyleClass();\n    this.onOpened.emit({ component: this });\n  }\n\n  protected closePopover() {\n    this.onClosed.emit({ component: this });\n  }\n\n  public close() {\n    this.popoverRef().close();\n  }\n}\n","<ax-button class=\"ax-{{ size() }}\" #btn (onClick)=\"onClick.emit($event)\" color=\"primary\" look=\"solid\" [text]=\"label()\">\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ax-button>\n\n<ax-popover\n  (onOpened)=\"openPopover()\"\n  (onClosed)=\"closePopover()\"\n  [disablePanelClass]=\"true\"\n  [offsetY]=\"offsetPopover()\"\n  [placement]=\"popupPlacement()\"\n  [target]=\"btn\"\n>\n  <div class=\"ax-fab-item-container\">\n    <ng-content select=\"ax-fab-item\"> </ng-content>\n  </div>\n</ax-popover>\n","import { AXClickEvent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, inject, input, output, ViewEncapsulation } from '@angular/core';\nimport { AXFabComponent } from '../fab.component';\n\n@Component({\n  selector: 'ax-fab-item',\n  templateUrl: './fab-item.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [AXButtonComponent, AXDecoratorModule, NgTemplateOutlet],\n})\nexport class AXFabItemComponent {\n  label = input<string>(null);\n\n  protected parent = inject(AXFabComponent);\n\n  protected buttonSize = computed(() => {\n    switch (this.parent.size()) {\n      case 'xl':\n        return 'lg';\n      case 'lg':\n        return 'md';\n      case 'md':\n        return 'sm';\n      case 'sm':\n        return 'xs';\n      case 'xs':\n        return 'xs';\n    }\n  });\n\n  /**\n   *  Fires each time the user clicks the button.\n   *  @event\n   */\n  onClick = output<AXClickEvent>();\n\n  protected clickHandler() {\n    this.onClick.emit({ component: this });\n  }\n}\n","<ng-template #iconTpl>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n\n@if (parent.popupStyle() === 'bubble') {\n  <ax-button class=\"ax-{{ buttonSize() }}\" [text]=\"label()\" (onClick)=\"clickHandler()\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n  </ax-button>\n} @else {\n  <button (click)=\"clickHandler()\" class=\"ax-fab-box\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n    <ax-text> {{ label() }}</ax-text>\n  </button>\n}\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-fab.mjs","sources":["../../../../packages/components/fab/src/lib/fab.component.ts","../../../../packages/components/fab/src/lib/fab.component.html","../../../../packages/components/fab/src/lib/fab-item/fab-item.component.ts","../../../../packages/components/fab/src/lib/fab-item/fab-item.component.html","../../../../packages/components/fab/src/acorex-components-fab.ts"],"sourcesContent":["import { AXClickEvent, AXEvent, AXPlacementType } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';\nimport { Component, effect, input, model, output, signal, viewChild, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-fab',\n  templateUrl: './fab.component.html',\n  styleUrls: ['./fab.component.css'],\n  encapsulation: ViewEncapsulation.None,\n\n  imports: [AXButtonComponent, AXPopoverModule, AXDecoratorModule],\n})\nexport class AXFabComponent {\n  label = input<string>(null);\n\n  popupStyle = input<'bubble' | 'box'>('bubble');\n\n  popupPlacement = model<AXPlacementType>(null);\n\n  size = input<'xs' | 'sm' | 'md' | 'lg' | 'xl'>('md');\n\n  protected popoverRef = viewChild(AXPopoverComponent);\n\n  protected offsetPopover = signal<number>(null);\n\n  #eff = effect(() => {\n    if (this.popupStyle() === 'box') {\n      this.popupPlacement.set('top-end');\n      this.offsetPopover.set(-10);\n    } else {\n      this.popupPlacement.set('top');\n      this.offsetPopover.set(-2);\n    }\n  });\n\n  /**\n   *  Fires each time the user clicks the button.\n   *  @event\n   */\n  onClick = output<AXClickEvent>();\n\n  /**\n   * Emits when the popover is opened.\n   * @event\n   */\n  onOpened = output<AXEvent>();\n\n  /**\n   * Emits when the popover is closed.\n   * @event\n   */\n  onClosed = output<AXEvent>();\n\n  private addStyleClass() {\n    const fabItemContainer = document.querySelector('.ax-fab-item-container');\n    if (!fabItemContainer) return;\n    if (this.popupStyle() === 'box') {\n      fabItemContainer.classList.add('ax-fab-box-style');\n    } else {\n      fabItemContainer.classList.add('ax-fab-bubble-style');\n    }\n  }\n\n  protected openPopover() {\n    this.addStyleClass();\n    this.onOpened.emit({ component: this });\n  }\n\n  protected closePopover() {\n    this.onClosed.emit({ component: this });\n  }\n\n  public close() {\n    this.popoverRef().close();\n  }\n}\n","<ax-button class=\"ax-{{ size() }}\" #btn (onClick)=\"onClick.emit($event)\" color=\"primary\" look=\"solid\" [text]=\"label()\">\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ax-button>\n\n<ax-popover\n  (onOpened)=\"openPopover()\"\n  (onClosed)=\"closePopover()\"\n  [disablePanelClass]=\"true\"\n  [offsetY]=\"offsetPopover()\"\n  [placement]=\"popupPlacement()\"\n  [target]=\"btn\"\n>\n  <div class=\"ax-fab-item-container\">\n    <ng-content select=\"ax-fab-item\"> </ng-content>\n  </div>\n</ax-popover>\n","import { AXClickEvent } from '@acorex/cdk/common';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, inject, input, output, ViewEncapsulation } from '@angular/core';\nimport { AXFabComponent } from '../fab.component';\n\n@Component({\n  selector: 'ax-fab-item',\n  templateUrl: './fab-item.component.html',\n  encapsulation: ViewEncapsulation.None,\n\n  imports: [AXButtonComponent, AXDecoratorModule, NgTemplateOutlet],\n})\nexport class AXFabItemComponent {\n  label = input<string>(null);\n\n  protected parent = inject(AXFabComponent);\n\n  protected buttonSize = computed(() => {\n    switch (this.parent.size()) {\n      case 'xl':\n        return 'lg';\n      case 'lg':\n        return 'md';\n      case 'md':\n        return 'sm';\n      case 'sm':\n        return 'xs';\n      case 'xs':\n        return 'xs';\n    }\n  });\n\n  /**\n   *  Fires each time the user clicks the button.\n   *  @event\n   */\n  onClick = output<AXClickEvent>();\n\n  protected clickHandler() {\n    this.onClick.emit({ component: this });\n  }\n}\n","<ng-template #iconTpl>\n  <ng-content select=\"ax-icon\"></ng-content>\n</ng-template>\n\n@if (parent.popupStyle() === 'bubble') {\n  <ax-button class=\"ax-{{ buttonSize() }}\" [text]=\"label()\" (onClick)=\"clickHandler()\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n  </ax-button>\n} @else {\n  <button (click)=\"clickHandler()\" class=\"ax-fab-box\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n    <ax-text> {{ label() }}</ax-text>\n  </button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}