@acorex/components 20.6.6 → 20.6.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fab/index.d.ts CHANGED
@@ -3,11 +3,13 @@ import { AXPlacementType, AXClickEvent, AXEvent } from '@acorex/cdk/common';
3
3
  import { AXPopoverComponent } from '@acorex/components/popover';
4
4
 
5
5
  declare class AXFabComponent {
6
+ #private;
6
7
  label: _angular_core.InputSignal<string>;
7
8
  popupStyle: _angular_core.InputSignal<"bubble" | "box">;
8
- popupPlacement: _angular_core.InputSignal<AXPlacementType>;
9
+ popupPlacement: _angular_core.ModelSignal<AXPlacementType>;
9
10
  size: _angular_core.InputSignal<"xs" | "sm" | "md" | "lg" | "xl">;
10
11
  protected popoverRef: _angular_core.Signal<AXPopoverComponent>;
12
+ protected offsetPopover: _angular_core.WritableSignal<number>;
11
13
  /**
12
14
  * Fires each time the user clicks the button.
13
15
  * @event
@@ -23,11 +25,12 @@ declare class AXFabComponent {
23
25
  * @event
24
26
  */
25
27
  onClosed: _angular_core.OutputEmitterRef<AXEvent>;
28
+ private addStyleClass;
26
29
  protected openPopover(): void;
27
30
  protected closePopover(): void;
28
31
  close(): void;
29
32
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFabComponent, never>;
30
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFabComponent, "ax-fab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "popupStyle": { "alias": "popupStyle"; "required": false; "isSignal": true; }; "popupPlacement": { "alias": "popupPlacement"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-icon", "ax-fab-item"], true, never>;
33
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFabComponent, "ax-fab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "popupStyle": { "alias": "popupStyle"; "required": false; "isSignal": true; }; "popupPlacement": { "alias": "popupPlacement"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "popupPlacement": "popupPlacementChange"; "onClick": "onClick"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["ax-icon", "ax-fab-item"], true, never>;
31
34
  }
32
35
 
33
36
  declare class AXFabItemComponent {
@@ -3,7 +3,7 @@ import * as i1$1 from '@acorex/components/decorators';
3
3
  import { AXDecoratorModule } from '@acorex/components/decorators';
4
4
  import { NgTemplateOutlet } from '@angular/common';
5
5
  import * as i0 from '@angular/core';
6
- import { input, viewChild, output, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, computed } from '@angular/core';
6
+ import { input, model, viewChild, signal, effect, output, ChangeDetectionStrategy, ViewEncapsulation, Component, inject, computed } from '@angular/core';
7
7
  import * as i1 from '@acorex/components/popover';
8
8
  import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
9
9
 
@@ -11,9 +11,20 @@ class AXFabComponent {
11
11
  constructor() {
12
12
  this.label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : []));
13
13
  this.popupStyle = input('bubble', ...(ngDevMode ? [{ debugName: "popupStyle" }] : []));
14
- this.popupPlacement = input(this.popupStyle() === 'bubble' ? 'top-end' : 'top', ...(ngDevMode ? [{ debugName: "popupPlacement" }] : []));
14
+ this.popupPlacement = model(null, ...(ngDevMode ? [{ debugName: "popupPlacement" }] : []));
15
15
  this.size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
16
16
  this.popoverRef = viewChild(AXPopoverComponent, ...(ngDevMode ? [{ debugName: "popoverRef" }] : []));
17
+ this.offsetPopover = signal(null, ...(ngDevMode ? [{ debugName: "offsetPopover" }] : []));
18
+ this.#eff = effect(() => {
19
+ if (this.popupStyle() === 'box') {
20
+ this.popupPlacement.set('top-end');
21
+ this.offsetPopover.set(-10);
22
+ }
23
+ else {
24
+ this.popupPlacement.set('top');
25
+ this.offsetPopover.set(-2);
26
+ }
27
+ }, ...(ngDevMode ? [{ debugName: "#eff" }] : []));
17
28
  /**
18
29
  * Fires each time the user clicks the button.
19
30
  * @event
@@ -30,7 +41,20 @@ class AXFabComponent {
30
41
  */
31
42
  this.onClosed = output();
32
43
  }
44
+ #eff;
45
+ addStyleClass() {
46
+ const fabItemContainer = document.querySelector('.ax-fab-item-container');
47
+ if (!fabItemContainer)
48
+ return;
49
+ if (this.popupStyle() === 'box') {
50
+ fabItemContainer.classList.add('ax-fab-box-style');
51
+ }
52
+ else {
53
+ fabItemContainer.classList.add('ax-fab-bubble-style');
54
+ }
55
+ }
33
56
  openPopover() {
57
+ this.addStyleClass();
34
58
  this.onOpened.emit({ component: this });
35
59
  }
36
60
  closePopover() {
@@ -40,11 +64,11 @@ class AXFabComponent {
40
64
  this.popoverRef().close();
41
65
  }
42
66
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
43
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.3", 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: { 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]=\"popupStyle() === 'bubble' ? true : false\"\n [offsetY]=\"-2\"\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: ["ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.ax-fab-item-container ax-popover{display:none}.ax-fab-item-container ax-button{border-radius:1000vmax}.ax-fab-item-container .ax-fab-box{border-radius:.25rem;padding:.25rem .5rem;display:flex;align-items:center;gap:.5rem;min-width:10rem}.ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-darkest-surface));cursor:pointer}.ax-dark .ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-lightest-surface))}\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", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
67
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.3", 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: ["ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:.25rem;padding-block:.5rem}.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-weight:500;font-size:.875rem;line-height:1.25rem}.ax-fab-item-container .ax-fab-box{padding:.25rem .875rem;display:flex;align-items:center;gap:.5rem;min-width:10rem}.ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-surface));cursor:pointer}\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", "repositionOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
44
68
  }
45
69
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXFabComponent, decorators: [{
46
70
  type: Component,
47
- 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]=\"popupStyle() === 'bubble' ? true : false\"\n [offsetY]=\"-2\"\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: ["ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.ax-fab-item-container ax-popover{display:none}.ax-fab-item-container ax-button{border-radius:1000vmax}.ax-fab-item-container .ax-fab-box{border-radius:.25rem;padding:.25rem .5rem;display:flex;align-items:center;gap:.5rem;min-width:10rem}.ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-darkest-surface));cursor:pointer}.ax-dark .ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-lightest-surface))}\n"] }]
71
+ 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: ["ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:.25rem;padding-block:.5rem}.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-weight:500;font-size:.875rem;line-height:1.25rem}.ax-fab-item-container .ax-fab-box{padding:.25rem .875rem;display:flex;align-items:center;gap:.5rem;min-width:10rem}.ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-surface));cursor:pointer}\n"] }]
48
72
  }] });
49
73
 
50
74
  class AXFabItemComponent {
@@ -1 +1 @@
1
- {"version":3,"file":"acorex-components-fab.mjs","sources":["../tmp-esm2022/fab/lib/fab.component.js","../tmp-esm2022/fab/lib/fab-item/fab-item.component.js","../tmp-esm2022/fab/acorex-components-fab.js"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';\nimport { ChangeDetectionStrategy, Component, input, output, viewChild, ViewEncapsulation } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/components/popover\";\nexport class AXFabComponent {\n constructor() {\n this.label = input(null, ...(ngDevMode ? [{ debugName: \"label\" }] : []));\n this.popupStyle = input('bubble', ...(ngDevMode ? [{ debugName: \"popupStyle\" }] : []));\n this.popupPlacement = input(this.popupStyle() === 'bubble' ? 'top-end' : 'top', ...(ngDevMode ? [{ debugName: \"popupPlacement\" }] : []));\n this.size = input('md', ...(ngDevMode ? [{ debugName: \"size\" }] : []));\n this.popoverRef = viewChild(AXPopoverComponent, ...(ngDevMode ? [{ debugName: \"popoverRef\" }] : []));\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n this.onClick = output();\n /**\n * Emits when the popover is opened.\n * @event\n */\n this.onOpened = output();\n /**\n * Emits when the popover is closed.\n * @event\n */\n this.onClosed = output();\n }\n openPopover() {\n this.onOpened.emit({ component: this });\n }\n closePopover() {\n this.onClosed.emit({ component: this });\n }\n close() {\n this.popoverRef().close();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.2.0\", version: \"20.3.3\", 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: { 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]=\\\"popupStyle() === 'bubble' ? true : false\\\"\\n [offsetY]=\\\"-2\\\"\\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: [\"ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.ax-fab-item-container ax-popover{display:none}.ax-fab-item-container ax-button{border-radius:1000vmax}.ax-fab-item-container .ax-fab-box{border-radius:.25rem;padding:.25rem .5rem;display:flex;align-items:center;gap:.5rem;min-width:10rem}.ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-darkest-surface));cursor:pointer}.ax-dark .ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-lightest-surface))}\\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\", \"repositionOnScroll\", \"backdropClass\", \"panelClass\", \"adaptivityEnabled\"], outputs: [\"onOpened\", \"onClosed\"] }, { kind: \"ngmodule\", type: AXDecoratorModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXFabComponent, decorators: [{\n type: Component,\n 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]=\\\"popupStyle() === 'bubble' ? true : false\\\"\\n [offsetY]=\\\"-2\\\"\\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: [\"ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.ax-fab-item-container ax-popover{display:none}.ax-fab-item-container ax-button{border-radius:1000vmax}.ax-fab-item-container .ax-fab-box{border-radius:.25rem;padding:.25rem .5rem;display:flex;align-items:center;gap:.5rem;min-width:10rem}.ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-darkest-surface));cursor:pointer}.ax-dark .ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-lightest-surface))}\\n\"] }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZmFiL3NyYy9saWIvZmFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZmFiL3NyYy9saWIvZmFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNqRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFVaEgsTUFBTSxPQUFPLGNBQWM7SUFSM0I7UUFTRSxVQUFLLEdBQUcsS0FBSyxDQUFTLElBQUksaURBQUMsQ0FBQztRQUU1QixlQUFVLEdBQUcsS0FBSyxDQUFtQixRQUFRLHNEQUFDLENBQUM7UUFFL0MsbUJBQWMsR0FBRyxLQUFLLENBQWtCLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSywwREFBQyxDQUFDO1FBRTVGLFNBQUksR0FBRyxLQUFLLENBQW1DLElBQUksZ0RBQUMsQ0FBQztRQUUzQyxlQUFVLEdBQUcsU0FBUyxDQUFDLGtCQUFrQixzREFBQyxDQUFDO1FBRXJEOzs7V0FHRztRQUNILFlBQU8sR0FBRyxNQUFNLEVBQWdCLENBQUM7UUFFakM7OztXQUdHO1FBQ0gsYUFBUSxHQUFHLE1BQU0sRUFBVyxDQUFDO1FBRTdCOzs7V0FHRztRQUNILGFBQVEsR0FBRyxNQUFNLEVBQVcsQ0FBQztLQWE5QjtJQVhXLFdBQVc7UUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRVMsWUFBWTtRQUNwQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFTSxLQUFLO1FBQ1YsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzVCLENBQUM7OEdBdkNVLGNBQWM7a0dBQWQsY0FBYyw4c0JBU1Esa0JBQWtCLGdFQ3ZCckQsZ2lCQWdCQSxzb0JESlksaUJBQWlCLDBVQUFFLGVBQWUsa1lBQUUsaUJBQWlCOzsyRkFFcEQsY0FBYztrQkFSMUIsU0FBUzsrQkFDRSxRQUFRLGlCQUdILGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsaUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENsaWNrRXZlbnQsIEFYRXZlbnQsIEFYUGxhY2VtZW50VHlwZSB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWFBvcG92ZXJDb21wb25lbnQsIEFYUG9wb3Zlck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9wb3BvdmVyJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0LCBvdXRwdXQsIHZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtZmFiJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZhYi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZhYi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0FYQnV0dG9uQ29tcG9uZW50LCBBWFBvcG92ZXJNb2R1bGUsIEFYRGVjb3JhdG9yTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhGYWJDb21wb25lbnQge1xuICBsYWJlbCA9IGlucHV0PHN0cmluZz4obnVsbCk7XG5cbiAgcG9wdXBTdHlsZSA9IGlucHV0PCdidWJibGUnIHwgJ2JveCc+KCdidWJibGUnKTtcblxuICBwb3B1cFBsYWNlbWVudCA9IGlucHV0PEFYUGxhY2VtZW50VHlwZT4odGhpcy5wb3B1cFN0eWxlKCkgPT09ICdidWJibGUnID8gJ3RvcC1lbmQnIDogJ3RvcCcpO1xuXG4gIHNpemUgPSBpbnB1dDwneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJz4oJ21kJyk7XG5cbiAgcHJvdGVjdGVkIHBvcG92ZXJSZWYgPSB2aWV3Q2hpbGQoQVhQb3BvdmVyQ29tcG9uZW50KTtcblxuICAvKipcbiAgICogIEZpcmVzIGVhY2ggdGltZSB0aGUgdXNlciBjbGlja3MgdGhlIGJ1dHRvbi5cbiAgICogIEBldmVudFxuICAgKi9cbiAgb25DbGljayA9IG91dHB1dDxBWENsaWNrRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gdGhlIHBvcG92ZXIgaXMgb3BlbmVkLlxuICAgKiBAZXZlbnRcbiAgICovXG4gIG9uT3BlbmVkID0gb3V0cHV0PEFYRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gdGhlIHBvcG92ZXIgaXMgY2xvc2VkLlxuICAgKiBAZXZlbnRcbiAgICovXG4gIG9uQ2xvc2VkID0gb3V0cHV0PEFYRXZlbnQ+KCk7XG5cbiAgcHJvdGVjdGVkIG9wZW5Qb3BvdmVyKCkge1xuICAgIHRoaXMub25PcGVuZWQuZW1pdCh7IGNvbXBvbmVudDogdGhpcyB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBjbG9zZVBvcG92ZXIoKSB7XG4gICAgdGhpcy5vbkNsb3NlZC5lbWl0KHsgY29tcG9uZW50OiB0aGlzIH0pO1xuICB9XG5cbiAgcHVibGljIGNsb3NlKCkge1xuICAgIHRoaXMucG9wb3ZlclJlZigpLmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxheC1idXR0b24gY2xhc3M9XCJheC17eyBzaXplKCkgfX1cIiAjYnRuIChvbkNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCIgY29sb3I9XCJwcmltYXJ5XCIgbG9vaz1cInNvbGlkXCIgW3RleHRdPVwibGFiZWwoKVwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1pY29uXCI+IDwvbmctY29udGVudD5cbjwvYXgtYnV0dG9uPlxuXG48YXgtcG9wb3ZlclxuICAob25PcGVuZWQpPVwib3BlblBvcG92ZXIoKVwiXG4gIChvbkNsb3NlZCk9XCJjbG9zZVBvcG92ZXIoKVwiXG4gIFtkaXNhYmxlUGFuZWxDbGFzc109XCJwb3B1cFN0eWxlKCkgPT09ICdidWJibGUnID8gdHJ1ZSA6IGZhbHNlXCJcbiAgW29mZnNldFldPVwiLTJcIlxuICBbcGxhY2VtZW50XT1cInBvcHVwUGxhY2VtZW50KClcIlxuICBbdGFyZ2V0XT1cImJ0blwiXG4+XG4gIDxkaXYgY2xhc3M9XCJheC1mYWItaXRlbS1jb250YWluZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1mYWItaXRlbVwiPiA8L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9heC1wb3BvdmVyPlxuIl19","import { 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';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/components/decorators\";\nexport class AXFabItemComponent {\n constructor() {\n this.label = input(null, ...(ngDevMode ? [{ debugName: \"label\" }] : []));\n this.parent = inject(AXFabComponent);\n this.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 }, ...(ngDevMode ? [{ debugName: \"buttonSize\" }] : []));\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n this.onClick = output();\n }\n clickHandler() {\n this.onClick.emit({ component: this });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXFabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.3\", 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.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 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXFabItemComponent, decorators: [{\n type: Component,\n 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\" }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9mYWIvc3JjL2xpYi9mYWItaXRlbS9mYWItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2ZhYi9zcmMvbGliL2ZhYi1pdGVtL2ZhYi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZILE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBU2xELE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRRSxVQUFLLEdBQUcsS0FBSyxDQUFTLElBQUksaURBQUMsQ0FBQztRQUVsQixXQUFNLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBRWhDLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ25DLFFBQVEsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO2dCQUMzQixLQUFLLElBQUk7b0JBQ1AsT0FBTyxJQUFJLENBQUM7Z0JBQ2QsS0FBSyxJQUFJO29CQUNQLE9BQU8sSUFBSSxDQUFDO2dCQUNkLEtBQUssSUFBSTtvQkFDUCxPQUFPLElBQUksQ0FBQztnQkFDZCxLQUFLLElBQUk7b0JBQ1AsT0FBTyxJQUFJLENBQUM7Z0JBQ2QsS0FBSyxJQUFJO29CQUNQLE9BQU8sSUFBSSxDQUFDO1lBQ2hCLENBQUM7UUFDSCxDQUFDLHNEQUFDLENBQUM7UUFFSDs7O1dBR0c7UUFDSCxZQUFPLEdBQUcsTUFBTSxFQUFnQixDQUFDO0tBS2xDO0lBSFcsWUFBWTtRQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OEdBNUJVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDRPQ2QvQixxZkFjQSw0Q0RGWSxpQkFBaUIsMFVBQUUsaUJBQWlCLHNQQUFFLGdCQUFnQjs7MkZBRXJELGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxhQUFhLGlCQUVSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ2xpY2tFdmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0LCBvdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWEZhYkNvbXBvbmVudCB9IGZyb20gJy4uL2ZhYi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1mYWItaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQVhCdXR0b25Db21wb25lbnQsIEFYRGVjb3JhdG9yTW9kdWxlLCBOZ1RlbXBsYXRlT3V0bGV0XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhGYWJJdGVtQ29tcG9uZW50IHtcbiAgbGFiZWwgPSBpbnB1dDxzdHJpbmc+KG51bGwpO1xuXG4gIHByb3RlY3RlZCBwYXJlbnQgPSBpbmplY3QoQVhGYWJDb21wb25lbnQpO1xuXG4gIHByb3RlY3RlZCBidXR0b25TaXplID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHN3aXRjaCAodGhpcy5wYXJlbnQuc2l6ZSgpKSB7XG4gICAgICBjYXNlICd4bCc6XG4gICAgICAgIHJldHVybiAnbGcnO1xuICAgICAgY2FzZSAnbGcnOlxuICAgICAgICByZXR1cm4gJ21kJztcbiAgICAgIGNhc2UgJ21kJzpcbiAgICAgICAgcmV0dXJuICdzbSc7XG4gICAgICBjYXNlICdzbSc6XG4gICAgICAgIHJldHVybiAneHMnO1xuICAgICAgY2FzZSAneHMnOlxuICAgICAgICByZXR1cm4gJ3hzJztcbiAgICB9XG4gIH0pO1xuXG4gIC8qKlxuICAgKiAgRmlyZXMgZWFjaCB0aW1lIHRoZSB1c2VyIGNsaWNrcyB0aGUgYnV0dG9uLlxuICAgKiAgQGV2ZW50XG4gICAqL1xuICBvbkNsaWNrID0gb3V0cHV0PEFYQ2xpY2tFdmVudD4oKTtcblxuICBwcm90ZWN0ZWQgY2xpY2tIYW5kbGVyKCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KHsgY29tcG9uZW50OiB0aGlzIH0pO1xuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI2ljb25UcGw+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWljb25cIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG5AaWYgKHBhcmVudC5wb3B1cFN0eWxlKCkgPT09ICdidWJibGUnKSB7XG4gIDxheC1idXR0b24gY2xhc3M9XCJheC17eyBidXR0b25TaXplKCkgfX1cIiBbdGV4dF09XCJsYWJlbCgpXCIgKG9uQ2xpY2spPVwiY2xpY2tIYW5kbGVyKClcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvblRwbFwiPjwvbmctY29udGFpbmVyPlxuICA8L2F4LWJ1dHRvbj5cbn0gQGVsc2Uge1xuICA8YnV0dG9uIChjbGljayk9XCJjbGlja0hhbmRsZXIoKVwiIGNsYXNzPVwiYXgtZmFiLWJveFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpY29uVHBsXCI+PC9uZy1jb250YWluZXI+XG4gICAgPGF4LXRleHQ+IHt7IGxhYmVsKCkgfX08L2F4LXRleHQ+XG4gIDwvYnV0dG9uPlxufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtZmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9mYWIvc3JjL2Fjb3JleC1jb21wb25lbnRzLWZhYi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":["i1"],"mappings":"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"}
1
+ {"version":3,"file":"acorex-components-fab.mjs","sources":["../tmp-esm2022/fab/lib/fab.component.js","../tmp-esm2022/fab/lib/fab-item/fab-item.component.js","../tmp-esm2022/fab/acorex-components-fab.js"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';\nimport { ChangeDetectionStrategy, Component, effect, input, model, output, signal, viewChild, ViewEncapsulation, } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/components/popover\";\nexport class AXFabComponent {\n constructor() {\n this.label = input(null, ...(ngDevMode ? [{ debugName: \"label\" }] : []));\n this.popupStyle = input('bubble', ...(ngDevMode ? [{ debugName: \"popupStyle\" }] : []));\n this.popupPlacement = model(null, ...(ngDevMode ? [{ debugName: \"popupPlacement\" }] : []));\n this.size = input('md', ...(ngDevMode ? [{ debugName: \"size\" }] : []));\n this.popoverRef = viewChild(AXPopoverComponent, ...(ngDevMode ? [{ debugName: \"popoverRef\" }] : []));\n this.offsetPopover = signal(null, ...(ngDevMode ? [{ debugName: \"offsetPopover\" }] : []));\n this.#eff = effect(() => {\n if (this.popupStyle() === 'box') {\n this.popupPlacement.set('top-end');\n this.offsetPopover.set(-10);\n }\n else {\n this.popupPlacement.set('top');\n this.offsetPopover.set(-2);\n }\n }, ...(ngDevMode ? [{ debugName: \"#eff\" }] : []));\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n this.onClick = output();\n /**\n * Emits when the popover is opened.\n * @event\n */\n this.onOpened = output();\n /**\n * Emits when the popover is closed.\n * @event\n */\n this.onClosed = output();\n }\n #eff;\n addStyleClass() {\n const fabItemContainer = document.querySelector('.ax-fab-item-container');\n if (!fabItemContainer)\n return;\n if (this.popupStyle() === 'box') {\n fabItemContainer.classList.add('ax-fab-box-style');\n }\n else {\n fabItemContainer.classList.add('ax-fab-bubble-style');\n }\n }\n openPopover() {\n this.addStyleClass();\n this.onOpened.emit({ component: this });\n }\n closePopover() {\n this.onClosed.emit({ component: this });\n }\n close() {\n this.popoverRef().close();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.2.0\", version: \"20.3.3\", 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: [\"ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:.25rem;padding-block:.5rem}.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-weight:500;font-size:.875rem;line-height:1.25rem}.ax-fab-item-container .ax-fab-box{padding:.25rem .875rem;display:flex;align-items:center;gap:.5rem;min-width:10rem}.ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-surface));cursor:pointer}\\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\", \"repositionOnScroll\", \"backdropClass\", \"panelClass\", \"adaptivityEnabled\"], outputs: [\"onOpened\", \"onClosed\"] }, { kind: \"ngmodule\", type: AXDecoratorModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXFabComponent, decorators: [{\n type: Component,\n 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: [\"ax-fab ax-button{border-radius:1000vmax}.ax-fab-item-container{display:flex;flex-direction:column;gap:.25rem;padding-block:.5rem}.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-weight:500;font-size:.875rem;line-height:1.25rem}.ax-fab-item-container .ax-fab-box{padding:.25rem .875rem;display:flex;align-items:center;gap:.5rem;min-width:10rem}.ax-fab-item-container .ax-fab-box:hover{background-color:rgba(var(--ax-sys-color-surface));cursor:pointer}\\n\"] }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZmFiL3NyYy9saWIvZmFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvZmFiL3NyYy9saWIvZmFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNqRixPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxFQUNMLEtBQUssRUFDTCxNQUFNLEVBQ04sTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7OztBQVV2QixNQUFNLE9BQU8sY0FBYztJQVIzQjtRQVNFLFVBQUssR0FBRyxLQUFLLENBQVMsSUFBSSxpREFBQyxDQUFDO1FBRTVCLGVBQVUsR0FBRyxLQUFLLENBQW1CLFFBQVEsc0RBQUMsQ0FBQztRQUUvQyxtQkFBYyxHQUFHLEtBQUssQ0FBa0IsSUFBSSwwREFBQyxDQUFDO1FBRTlDLFNBQUksR0FBRyxLQUFLLENBQW1DLElBQUksZ0RBQUMsQ0FBQztRQUUzQyxlQUFVLEdBQUcsU0FBUyxDQUFDLGtCQUFrQixzREFBQyxDQUFDO1FBRTNDLGtCQUFhLEdBQUcsTUFBTSxDQUFTLElBQUkseURBQUMsQ0FBQztRQUUvQyxTQUFJLEdBQUcsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNqQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxLQUFLLEVBQUUsQ0FBQztnQkFDaEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLENBQUM7Z0JBQ25DLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDOUIsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUMvQixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzdCLENBQUM7UUFDSCxDQUFDLGdEQUFDLENBQUM7UUFFSDs7O1dBR0c7UUFDSCxZQUFPLEdBQUcsTUFBTSxFQUFnQixDQUFDO1FBRWpDOzs7V0FHRztRQUNILGFBQVEsR0FBRyxNQUFNLEVBQVcsQ0FBQztRQUU3Qjs7O1dBR0c7UUFDSCxhQUFRLEdBQUcsTUFBTSxFQUFXLENBQUM7S0F3QjlCO0lBbERDLElBQUksQ0FRRDtJQW9CSyxhQUFhO1FBQ25CLE1BQU0sZ0JBQWdCLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQzFFLElBQUksQ0FBQyxnQkFBZ0I7WUFBRSxPQUFPO1FBQzlCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxLQUFLLEtBQUssRUFBRSxDQUFDO1lBQ2hDLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNyRCxDQUFDO2FBQU0sQ0FBQztZQUNOLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUN4RCxDQUFDO0lBQ0gsQ0FBQztJQUVTLFdBQVc7UUFDbkIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVTLFlBQVk7UUFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRU0sS0FBSztRQUNWLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUM1QixDQUFDOzhHQTlEVSxjQUFjO2tHQUFkLGNBQWMsc3ZCQVNRLGtCQUFrQixnRUNqQ3JELHlnQkFnQkEseXlCRE1ZLGlCQUFpQiwwVUFBRSxlQUFlLGtZQUFFLGlCQUFpQjs7MkZBRXBELGNBQWM7a0JBUjFCLFNBQVM7K0JBQ0UsUUFBUSxpQkFHSCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDbGlja0V2ZW50LCBBWEV2ZW50LCBBWFBsYWNlbWVudFR5cGUgfSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQVhCdXR0b25Db21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhQb3BvdmVyQ29tcG9uZW50LCBBWFBvcG92ZXJNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvcG9wb3Zlcic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBlZmZlY3QsXG4gIGlucHV0LFxuICBtb2RlbCxcbiAgb3V0cHV0LFxuICBzaWduYWwsXG4gIHZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1mYWInLFxuICB0ZW1wbGF0ZVVybDogJy4vZmFiLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmFiLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQVhCdXR0b25Db21wb25lbnQsIEFYUG9wb3Zlck1vZHVsZSwgQVhEZWNvcmF0b3JNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBWEZhYkNvbXBvbmVudCB7XG4gIGxhYmVsID0gaW5wdXQ8c3RyaW5nPihudWxsKTtcblxuICBwb3B1cFN0eWxlID0gaW5wdXQ8J2J1YmJsZScgfCAnYm94Jz4oJ2J1YmJsZScpO1xuXG4gIHBvcHVwUGxhY2VtZW50ID0gbW9kZWw8QVhQbGFjZW1lbnRUeXBlPihudWxsKTtcblxuICBzaXplID0gaW5wdXQ8J3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCc+KCdtZCcpO1xuXG4gIHByb3RlY3RlZCBwb3BvdmVyUmVmID0gdmlld0NoaWxkKEFYUG9wb3ZlckNvbXBvbmVudCk7XG5cbiAgcHJvdGVjdGVkIG9mZnNldFBvcG92ZXIgPSBzaWduYWw8bnVtYmVyPihudWxsKTtcblxuICAjZWZmID0gZWZmZWN0KCgpID0+IHtcbiAgICBpZiAodGhpcy5wb3B1cFN0eWxlKCkgPT09ICdib3gnKSB7XG4gICAgICB0aGlzLnBvcHVwUGxhY2VtZW50LnNldCgndG9wLWVuZCcpO1xuICAgICAgdGhpcy5vZmZzZXRQb3BvdmVyLnNldCgtMTApO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnBvcHVwUGxhY2VtZW50LnNldCgndG9wJyk7XG4gICAgICB0aGlzLm9mZnNldFBvcG92ZXIuc2V0KC0yKTtcbiAgICB9XG4gIH0pO1xuXG4gIC8qKlxuICAgKiAgRmlyZXMgZWFjaCB0aW1lIHRoZSB1c2VyIGNsaWNrcyB0aGUgYnV0dG9uLlxuICAgKiAgQGV2ZW50XG4gICAqL1xuICBvbkNsaWNrID0gb3V0cHV0PEFYQ2xpY2tFdmVudD4oKTtcblxuICAvKipcbiAgICogRW1pdHMgd2hlbiB0aGUgcG9wb3ZlciBpcyBvcGVuZWQuXG4gICAqIEBldmVudFxuICAgKi9cbiAgb25PcGVuZWQgPSBvdXRwdXQ8QVhFdmVudD4oKTtcblxuICAvKipcbiAgICogRW1pdHMgd2hlbiB0aGUgcG9wb3ZlciBpcyBjbG9zZWQuXG4gICAqIEBldmVudFxuICAgKi9cbiAgb25DbG9zZWQgPSBvdXRwdXQ8QVhFdmVudD4oKTtcblxuICBwcml2YXRlIGFkZFN0eWxlQ2xhc3MoKSB7XG4gICAgY29uc3QgZmFiSXRlbUNvbnRhaW5lciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5heC1mYWItaXRlbS1jb250YWluZXInKTtcbiAgICBpZiAoIWZhYkl0ZW1Db250YWluZXIpIHJldHVybjtcbiAgICBpZiAodGhpcy5wb3B1cFN0eWxlKCkgPT09ICdib3gnKSB7XG4gICAgICBmYWJJdGVtQ29udGFpbmVyLmNsYXNzTGlzdC5hZGQoJ2F4LWZhYi1ib3gtc3R5bGUnKTtcbiAgICB9IGVsc2Uge1xuICAgICAgZmFiSXRlbUNvbnRhaW5lci5jbGFzc0xpc3QuYWRkKCdheC1mYWItYnViYmxlLXN0eWxlJyk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG9wZW5Qb3BvdmVyKCkge1xuICAgIHRoaXMuYWRkU3R5bGVDbGFzcygpO1xuICAgIHRoaXMub25PcGVuZWQuZW1pdCh7IGNvbXBvbmVudDogdGhpcyB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBjbG9zZVBvcG92ZXIoKSB7XG4gICAgdGhpcy5vbkNsb3NlZC5lbWl0KHsgY29tcG9uZW50OiB0aGlzIH0pO1xuICB9XG5cbiAgcHVibGljIGNsb3NlKCkge1xuICAgIHRoaXMucG9wb3ZlclJlZigpLmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxheC1idXR0b24gY2xhc3M9XCJheC17eyBzaXplKCkgfX1cIiAjYnRuIChvbkNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCIgY29sb3I9XCJwcmltYXJ5XCIgbG9vaz1cInNvbGlkXCIgW3RleHRdPVwibGFiZWwoKVwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1pY29uXCI+IDwvbmctY29udGVudD5cbjwvYXgtYnV0dG9uPlxuXG48YXgtcG9wb3ZlclxuICAob25PcGVuZWQpPVwib3BlblBvcG92ZXIoKVwiXG4gIChvbkNsb3NlZCk9XCJjbG9zZVBvcG92ZXIoKVwiXG4gIFtkaXNhYmxlUGFuZWxDbGFzc109XCJ0cnVlXCJcbiAgW29mZnNldFldPVwib2Zmc2V0UG9wb3ZlcigpXCJcbiAgW3BsYWNlbWVudF09XCJwb3B1cFBsYWNlbWVudCgpXCJcbiAgW3RhcmdldF09XCJidG5cIlxuPlxuICA8ZGl2IGNsYXNzPVwiYXgtZmFiLWl0ZW0tY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtZmFiLWl0ZW1cIj4gPC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvYXgtcG9wb3Zlcj5cbiJdfQ==","import { 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';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/components/decorators\";\nexport class AXFabItemComponent {\n constructor() {\n this.label = input(null, ...(ngDevMode ? [{ debugName: \"label\" }] : []));\n this.parent = inject(AXFabComponent);\n this.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 }, ...(ngDevMode ? [{ debugName: \"buttonSize\" }] : []));\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n this.onClick = output();\n }\n clickHandler() {\n this.onClick.emit({ component: this });\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXFabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.3\", 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.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 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.3\", ngImport: i0, type: AXFabItemComponent, decorators: [{\n type: Component,\n 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\" }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9mYWIvc3JjL2xpYi9mYWItaXRlbS9mYWItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2ZhYi9zcmMvbGliL2ZhYi1pdGVtL2ZhYi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZILE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBU2xELE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRRSxVQUFLLEdBQUcsS0FBSyxDQUFTLElBQUksaURBQUMsQ0FBQztRQUVsQixXQUFNLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBRWhDLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ25DLFFBQVEsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDO2dCQUMzQixLQUFLLElBQUk7b0JBQ1AsT0FBTyxJQUFJLENBQUM7Z0JBQ2QsS0FBSyxJQUFJO29CQUNQLE9BQU8sSUFBSSxDQUFDO2dCQUNkLEtBQUssSUFBSTtvQkFDUCxPQUFPLElBQUksQ0FBQztnQkFDZCxLQUFLLElBQUk7b0JBQ1AsT0FBTyxJQUFJLENBQUM7Z0JBQ2QsS0FBSyxJQUFJO29CQUNQLE9BQU8sSUFBSSxDQUFDO1lBQ2hCLENBQUM7UUFDSCxDQUFDLHNEQUFDLENBQUM7UUFFSDs7O1dBR0c7UUFDSCxZQUFPLEdBQUcsTUFBTSxFQUFnQixDQUFDO0tBS2xDO0lBSFcsWUFBWTtRQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OEdBNUJVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDRPQ2QvQixxZkFjQSw0Q0RGWSxpQkFBaUIsMFVBQUUsaUJBQWlCLHNQQUFFLGdCQUFnQjs7MkZBRXJELGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxhQUFhLGlCQUVSLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ2xpY2tFdmVudCB9IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQgeyBBWEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0LCBvdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWEZhYkNvbXBvbmVudCB9IGZyb20gJy4uL2ZhYi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1mYWItaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mYWItaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQVhCdXR0b25Db21wb25lbnQsIEFYRGVjb3JhdG9yTW9kdWxlLCBOZ1RlbXBsYXRlT3V0bGV0XSxcbn0pXG5leHBvcnQgY2xhc3MgQVhGYWJJdGVtQ29tcG9uZW50IHtcbiAgbGFiZWwgPSBpbnB1dDxzdHJpbmc+KG51bGwpO1xuXG4gIHByb3RlY3RlZCBwYXJlbnQgPSBpbmplY3QoQVhGYWJDb21wb25lbnQpO1xuXG4gIHByb3RlY3RlZCBidXR0b25TaXplID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHN3aXRjaCAodGhpcy5wYXJlbnQuc2l6ZSgpKSB7XG4gICAgICBjYXNlICd4bCc6XG4gICAgICAgIHJldHVybiAnbGcnO1xuICAgICAgY2FzZSAnbGcnOlxuICAgICAgICByZXR1cm4gJ21kJztcbiAgICAgIGNhc2UgJ21kJzpcbiAgICAgICAgcmV0dXJuICdzbSc7XG4gICAgICBjYXNlICdzbSc6XG4gICAgICAgIHJldHVybiAneHMnO1xuICAgICAgY2FzZSAneHMnOlxuICAgICAgICByZXR1cm4gJ3hzJztcbiAgICB9XG4gIH0pO1xuXG4gIC8qKlxuICAgKiAgRmlyZXMgZWFjaCB0aW1lIHRoZSB1c2VyIGNsaWNrcyB0aGUgYnV0dG9uLlxuICAgKiAgQGV2ZW50XG4gICAqL1xuICBvbkNsaWNrID0gb3V0cHV0PEFYQ2xpY2tFdmVudD4oKTtcblxuICBwcm90ZWN0ZWQgY2xpY2tIYW5kbGVyKCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KHsgY29tcG9uZW50OiB0aGlzIH0pO1xuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI2ljb25UcGw+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWljb25cIj48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuXG5AaWYgKHBhcmVudC5wb3B1cFN0eWxlKCkgPT09ICdidWJibGUnKSB7XG4gIDxheC1idXR0b24gY2xhc3M9XCJheC17eyBidXR0b25TaXplKCkgfX1cIiBbdGV4dF09XCJsYWJlbCgpXCIgKG9uQ2xpY2spPVwiY2xpY2tIYW5kbGVyKClcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvblRwbFwiPjwvbmctY29udGFpbmVyPlxuICA8L2F4LWJ1dHRvbj5cbn0gQGVsc2Uge1xuICA8YnV0dG9uIChjbGljayk9XCJjbGlja0hhbmRsZXIoKVwiIGNsYXNzPVwiYXgtZmFiLWJveFwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpY29uVHBsXCI+PC9uZy1jb250YWluZXI+XG4gICAgPGF4LXRleHQ+IHt7IGxhYmVsKCkgfX08L2F4LXRleHQ+XG4gIDwvYnV0dG9uPlxufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtZmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9mYWIvc3JjL2Fjb3JleC1jb21wb25lbnRzLWZhYi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":["i1"],"mappings":"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"}
@@ -29,12 +29,10 @@ class AXListComponent extends MXSelectionValueComponent {
29
29
  * @defaultValue false
30
30
  */
31
31
  this.showItemTooltip = input(false, ...(ngDevMode ? [{ debugName: "showItemTooltip" }] : []));
32
- /**
33
- * Defines the data source for the list.
34
- *
35
- * @defaultValue convertArrayToDataSource([])
36
- */
37
- this.dataSource = convertArrayToDataSource([]);
32
+ /** @ignore */
33
+ this._dataSource = convertArrayToDataSource([]);
34
+ /** @ignore */
35
+ this._isInitialized = false;
38
36
  /**
39
37
  * @ignore
40
38
  */
@@ -73,6 +71,23 @@ class AXListComponent extends MXSelectionValueComponent {
73
71
  */
74
72
  this.showEmptyTemplate = computed(() => this.isLoading() === false && this.emptyTemplate && this.hasItems === false, ...(ngDevMode ? [{ debugName: "showEmptyTemplate" }] : []));
75
73
  }
74
+ /**
75
+ * Defines the data source for the list.
76
+ *
77
+ * @defaultValue convertArrayToDataSource([])
78
+ */
79
+ set dataSource(v) {
80
+ if (!v || v === this._dataSource) {
81
+ return;
82
+ }
83
+ this._dataSource = v;
84
+ if (this._isInitialized) {
85
+ this._setupListDataSource();
86
+ }
87
+ }
88
+ get dataSource() {
89
+ return this._dataSource;
90
+ }
76
91
  /**
77
92
  * Sets the height of each item in the list.
78
93
  */
@@ -87,13 +102,36 @@ class AXListComponent extends MXSelectionValueComponent {
87
102
  */
88
103
  ngOnInit() {
89
104
  super.ngOnInit();
105
+ this._setupListDataSource();
106
+ this._isInitialized = true;
107
+ }
108
+ /**
109
+ * @ignore
110
+ */
111
+ ngOnDestroy() {
112
+ this._onChangedSub?.unsubscribe();
113
+ this._onLoadingChangedSub?.unsubscribe();
114
+ super.ngOnDestroy();
115
+ }
116
+ /**
117
+ * (Re)creates the internal `AXListDataSource` wrapper used by `cdkVirtualFor`
118
+ * and (re)subscribes to the underlying source's events. This is invoked
119
+ * whenever the `dataSource` input changes so that the list properly reflects
120
+ * the new source.
121
+ * @ignore
122
+ */
123
+ _setupListDataSource() {
124
+ this._onChangedSub?.unsubscribe();
125
+ this._onLoadingChangedSub?.unsubscribe();
90
126
  this.listDataSource = new AXListDataSource({
91
- source: this.dataSource,
127
+ source: this._dataSource,
92
128
  });
93
- this.listDataSource.source.onLoadingChanged.subscribe((data) => {
129
+ this.isLoading.set(this._dataSource.isLoading);
130
+ this.hasItems = this._dataSource.totalCount > 0;
131
+ this._onLoadingChangedSub = this.listDataSource.source.onLoadingChanged.subscribe((data) => {
94
132
  this.isLoading.set(data);
95
133
  });
96
- this.listDataSource.source.onChanged.subscribe((data) => {
134
+ this._onChangedSub = this.listDataSource.source.onChanged.subscribe((data) => {
97
135
  this.hasItems = data.totalCount > 0;
98
136
  setTimeout(() => {
99
137
  this.render();