@acorex/components 18.1.3 → 18.1.5
Sign up to get free protection for your applications and to get access to all the features.
- package/action-sheet/lib/action-sheet.component.d.ts +1 -1
- package/action-sheet/lib/action-sheet.service.d.ts +2 -2
- package/esm2022/action-sheet/lib/action-sheet.component.mjs +8 -8
- package/esm2022/action-sheet/lib/action-sheet.service.mjs +11 -13
- package/esm2022/data-table/lib/base-data-table.class.mjs +2 -1
- package/esm2022/data-table/lib/data-table/data-table.component.mjs +3 -3
- package/esm2022/dropdown-button/lib/dropdown-button.component.mjs +3 -3
- package/fesm2022/acorex-components-action-sheet.mjs +15 -17
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +3 -2
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown-button.mjs +2 -2
- package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -74,7 +74,7 @@ class AXDropdownButtonComponent extends MXButtonBaseComponent {
|
|
|
74
74
|
provide: AXClosbaleComponent,
|
|
75
75
|
useExisting: AXDropdownButtonComponent,
|
|
76
76
|
},
|
|
77
|
-
], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode
|
|
77
|
+
], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["panel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <button\n class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n} @else {\n <button\n class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n [disabled]=\"disabled\"\n [axRipple]\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n </button>\n <button\n [axRipple]\n class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n >\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n}\n", styles: ["ax-dropdown-button{display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-weight:500}ax-dropdown-button>button{position:relative;height:100%;outline-color:transparent}ax-dropdown-button>button.ax-state-focus:focus,ax-dropdown-button>button:focus-visible{outline-offset:2px;outline-width:2px;outline-color:#000}ax-dropdown-button ax-prefix,ax-dropdown-button ax-loading,ax-dropdown-button ax-loading-spinner{margin-inline-end:.5rem}ax-dropdown-button.ax-xs button{font-size:.75rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}ax-dropdown-button.ax-sm button{padding-left:.5rem;padding-right:.5rem}ax-dropdown-button.ax-sm button,ax-dropdown-button.ax-md button{font-size:.875rem;line-height:1.25rem}ax-dropdown-button.ax-lg .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-lg button{font-size:1rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem}ax-dropdown-button.ax-xl .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-xl button{font-size:1.125rem;line-height:1.75rem;padding-left:2rem;padding-right:2rem}ax-dropdown-button.ax-xl button.ax-button-icon{font-size:1.5rem}ax-dropdown-button.ax-xs.ax-button-icon,ax-dropdown-button.ax-sm.ax-button-icon{font-size:1rem}ax-dropdown-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}ax-dropdown-button button.ax-state-disabled,ax-dropdown-button button.ax-state-loading{opacity:.5;cursor:not-allowed}ax-dropdown-button .ax-dropdown-split-button{display:flex;flex:1;justify-content:center;align-items:center;border-inline-end:0!important;padding:0rem .75rem;border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-split-button>button{position:relative}ax-dropdown-button .ax-dropdown-button{display:flex;flex:1;justify-content:center;align-items:center;padding:0rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button-marker{border-inline-start:1px solid;padding:0rem .75rem;border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-dropdown-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "directive", type: i3.AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
78
78
|
}
|
|
79
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXDropdownButtonComponent, decorators: [{
|
|
80
80
|
type: Component,
|
|
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
|
|
|
91
91
|
provide: AXClosbaleComponent,
|
|
92
92
|
useExisting: AXDropdownButtonComponent,
|
|
93
93
|
},
|
|
94
|
-
], template: "<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode
|
|
94
|
+
], template: "<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <button\n class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n} @else {\n <button\n class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n [disabled]=\"disabled\"\n [axRipple]\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n </button>\n <button\n [axRipple]\n class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n >\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n}\n", styles: ["ax-dropdown-button{display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-weight:500}ax-dropdown-button>button{position:relative;height:100%;outline-color:transparent}ax-dropdown-button>button.ax-state-focus:focus,ax-dropdown-button>button:focus-visible{outline-offset:2px;outline-width:2px;outline-color:#000}ax-dropdown-button ax-prefix,ax-dropdown-button ax-loading,ax-dropdown-button ax-loading-spinner{margin-inline-end:.5rem}ax-dropdown-button.ax-xs button{font-size:.75rem;line-height:1rem;padding-left:.25rem;padding-right:.25rem}ax-dropdown-button.ax-sm button{padding-left:.5rem;padding-right:.5rem}ax-dropdown-button.ax-sm button,ax-dropdown-button.ax-md button{font-size:.875rem;line-height:1.25rem}ax-dropdown-button.ax-lg .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-lg button{font-size:1rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem}ax-dropdown-button.ax-xl .ax-dropdown-button-marker{padding-left:1rem;padding-right:1rem}ax-dropdown-button.ax-xl button{font-size:1.125rem;line-height:1.75rem;padding-left:2rem;padding-right:2rem}ax-dropdown-button.ax-xl button.ax-button-icon{font-size:1.5rem}ax-dropdown-button.ax-xs.ax-button-icon,ax-dropdown-button.ax-sm.ax-button-icon{font-size:1rem}ax-dropdown-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}ax-dropdown-button button.ax-state-disabled,ax-dropdown-button button.ax-state-loading{opacity:.5;cursor:not-allowed}ax-dropdown-button .ax-dropdown-split-button{display:flex;flex:1;justify-content:center;align-items:center;border-inline-end:0!important;padding:0rem .75rem;border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-split-button>button{position:relative}ax-dropdown-button .ax-dropdown-button{display:flex;flex:1;justify-content:center;align-items:center;padding:0rem .75rem;border-radius:var(--ax-rounded-border-default)}ax-dropdown-button .ax-dropdown-button-marker{border-inline-start:1px solid;padding:0rem .75rem;border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-dropdown-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
|
|
95
95
|
}], propDecorators: { dropdownPanel: [{
|
|
96
96
|
type: ViewChild,
|
|
97
97
|
args: ['panel']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-components-dropdown-button.mjs","sources":["../../../../libs/components/dropdown-button/src/lib/dropdown-button.component.ts","../../../../libs/components/dropdown-button/src/lib/dropdown-button.component.html","../../../../libs/components/dropdown-button/src/lib/dropdown-button.module.ts","../../../../libs/components/dropdown-button/src/acorex-components-dropdown-button.ts"],"sourcesContent":["import { AXButtonType } from '@acorex/components/button';\nimport {\n AXClickEvent,\n AXClosbaleComponent,\n MXButtonBaseComponent,\n} from '@acorex/components/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\n// import { AXButtonType } from './button-item.class';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n selector: 'ax-dropdown-button',\n templateUrl: './dropdown-button.component.html',\n styleUrls: ['./dropdown-button.component.scss'],\n inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text'],\n outputs: [\n 'onBlur',\n 'onFocus',\n 'onClick',\n 'selectedChange',\n 'lookChange',\n 'colorChange',\n 'disabledChange',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n // providers: [\n // { provide: AXComponent, useExisting: AXDropdownButtonComponent },\n // { provide: AXButtonItemComponent, useExisting: AXDropdownButtonComponent },\n // { provide: AXFocusableComponent, useExisting: AXDropdownButtonComponent },\n // ],\n\n providers: [\n {\n provide: AXClosbaleComponent,\n useExisting: AXDropdownButtonComponent,\n },\n ],\n})\nexport class AXDropdownButtonComponent\n extends MXButtonBaseComponent\n implements AfterViewInit\n{\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n @ViewChild('panel') dropdownPanel: AXClosbaleComponent;\n\n @Input()\n type: AXButtonType = 'button';\n\n @Input() mode: 'split' | 'dropdown' = 'split';\n\n ngAfterViewInit(): void {\n this.getHostElement().removeAttribute('tabindex');\n }\n\n private getButton(): HTMLButtonElement {\n return this.getHostElement().firstElementChild as HTMLButtonElement;\n }\n\n _handleClick(e: MouseEvent) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n\n click() {\n this.getButton()?.click();\n }\n\n // @HostBinding('class')\n // private get __hostClass(): string[] {\n // return Object.entries(this.cssClasses)\n // .filter((c) => c[1])\n // .map((c) => c[0]);\n // }\n\n override focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n override blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n\n close() {\n this.dropdownPanel.close();\n }\n}\n","<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode == 'dropdown') {\n <button\n class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }} ax-relative\"\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n} @else {\n <button\n class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }} ax-relative\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n [disabled]=\"disabled\"\n [axRipple]\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n </button>\n <button\n [axRipple]\n class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }} ax-relative\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n >\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXCommonModule, AXRippleDirective } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDropdownButtonComponent } from './dropdown-button.component';\n\nconst COMPONENT = [AXDropdownButtonComponent];\nconst MODULES = [\n CommonModule,\n AXCommonModule,\n AXDecoratorModule,\n AXLoadingModule,\n AXRippleDirective,\n AXDropdownModule,\n AXButtonModule,\n];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXDropdownButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"acorex-components-dropdown-button.mjs","sources":["../../../../libs/components/dropdown-button/src/lib/dropdown-button.component.ts","../../../../libs/components/dropdown-button/src/lib/dropdown-button.component.html","../../../../libs/components/dropdown-button/src/lib/dropdown-button.module.ts","../../../../libs/components/dropdown-button/src/acorex-components-dropdown-button.ts"],"sourcesContent":["import { AXButtonType } from '@acorex/components/button';\nimport {\n AXClickEvent,\n AXClosbaleComponent,\n MXButtonBaseComponent,\n} from '@acorex/components/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\n// import { AXButtonType } from './button-item.class';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n selector: 'ax-dropdown-button',\n templateUrl: './dropdown-button.component.html',\n styleUrls: ['./dropdown-button.component.scss'],\n inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text'],\n outputs: [\n 'onBlur',\n 'onFocus',\n 'onClick',\n 'selectedChange',\n 'lookChange',\n 'colorChange',\n 'disabledChange',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n // providers: [\n // { provide: AXComponent, useExisting: AXDropdownButtonComponent },\n // { provide: AXButtonItemComponent, useExisting: AXDropdownButtonComponent },\n // { provide: AXFocusableComponent, useExisting: AXDropdownButtonComponent },\n // ],\n\n providers: [\n {\n provide: AXClosbaleComponent,\n useExisting: AXDropdownButtonComponent,\n },\n ],\n})\nexport class AXDropdownButtonComponent\n extends MXButtonBaseComponent\n implements AfterViewInit\n{\n /**\n * Fires each time the user clicks the button.\n * @event\n */\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n @ViewChild('panel') dropdownPanel: AXClosbaleComponent;\n\n @Input()\n type: AXButtonType = 'button';\n\n @Input() mode: 'split' | 'dropdown' = 'split';\n\n ngAfterViewInit(): void {\n this.getHostElement().removeAttribute('tabindex');\n }\n\n private getButton(): HTMLButtonElement {\n return this.getHostElement().firstElementChild as HTMLButtonElement;\n }\n\n _handleClick(e: MouseEvent) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n\n click() {\n this.getButton()?.click();\n }\n\n // @HostBinding('class')\n // private get __hostClass(): string[] {\n // return Object.entries(this.cssClasses)\n // .filter((c) => c[1])\n // .map((c) => c[0]);\n // }\n\n override focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n override blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n\n close() {\n this.dropdownPanel.close();\n }\n}\n","<ng-template #dropdown>\n <ax-dropdown-panel #panel>\n <ng-content></ng-content>\n </ax-dropdown-panel>\n</ng-template>\n<ng-template #decorator>\n <ng-content select=\"ax-prefix, ax-loading, ax-loading-spinner\"> </ng-content>\n</ng-template>\n\n@if (mode === 'dropdown') {\n <button\n class=\"ax-dropdown-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n <ax-icon class=\"far fa-chevron-down ax-ms-3\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n} @else {\n <button\n class=\"ax-dropdown-split-button ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n [disabled]=\"disabled\"\n [axRipple]\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n >\n <ng-container [ngTemplateOutlet]=\"decorator\"></ng-container>\n\n @if (text) {\n <span class=\"ax-button-text\">{{ text }}</span>\n }\n </button>\n <button\n [axRipple]\n class=\"ax-dropdown-button-marker ax-el-interactive ax-el-{{ color }}-{{ look }}\"\n [ngClass]=\"{ 'ax-state-disabled': disabled }\"\n >\n <ax-icon class=\"far fa-chevron-down\"> </ax-icon>\n <ng-container [ngTemplateOutlet]=\"dropdown\"></ng-container>\n </button>\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXCommonModule, AXRippleDirective } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXDropdownModule } from '@acorex/components/dropdown';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDropdownButtonComponent } from './dropdown-button.component';\n\nconst COMPONENT = [AXDropdownButtonComponent];\nconst MODULES = [\n CommonModule,\n AXCommonModule,\n AXDecoratorModule,\n AXLoadingModule,\n AXRippleDirective,\n AXDropdownModule,\n AXButtonModule,\n];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXDropdownButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|