@acorex/components 7.0.3 → 7.0.5
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/decorators/public-api.d.ts +1 -0
- package/decorators/src/decorators.module.d.ts +3 -2
- package/decorators/src/form-hint.component.d.ts +8 -0
- package/esm2020/badge/src/badge.component.mjs +2 -2
- package/esm2020/breadcrumbs/src/breadcrumbs.component.mjs +2 -2
- package/esm2020/button/src/button.component.mjs +2 -2
- package/esm2020/calendar/src/calendar.component.mjs +2 -2
- package/esm2020/decorators/public-api.mjs +2 -1
- package/esm2020/decorators/src/close-button.component.mjs +3 -3
- package/esm2020/decorators/src/decorators.module.mjs +7 -3
- package/esm2020/decorators/src/form-hint.component.mjs +20 -0
- package/esm2020/decorators/src/icon.component.mjs +3 -4
- package/esm2020/form/public-api.mjs +1 -2
- package/esm2020/form/src/form.module.mjs +1 -6
- package/esm2020/menu/src/menu.component.mjs +4 -4
- package/esm2020/selection-list/src/selection-list.component.mjs +2 -2
- package/esm2020/switch/src/switch.component.mjs +2 -2
- package/esm2020/tabs/src/tabs.component.mjs +2 -2
- package/fesm2015/acorex-components-badge.mjs +2 -3
- package/fesm2015/acorex-components-badge.mjs.map +1 -1
- package/fesm2015/acorex-components-breadcrumbs.mjs +2 -3
- package/fesm2015/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2015/acorex-components-button.mjs +2 -3
- package/fesm2015/acorex-components-button.mjs.map +1 -1
- package/fesm2015/acorex-components-calendar.mjs +2 -3
- package/fesm2015/acorex-components-calendar.mjs.map +1 -1
- package/fesm2015/acorex-components-decorators.mjs +27 -9
- package/fesm2015/acorex-components-decorators.mjs.map +1 -1
- package/fesm2015/acorex-components-form.mjs +1 -23
- package/fesm2015/acorex-components-form.mjs.map +1 -1
- package/fesm2015/acorex-components-menu.mjs +3 -4
- package/fesm2015/acorex-components-menu.mjs.map +1 -1
- package/fesm2015/acorex-components-selection-list.mjs +2 -3
- package/fesm2015/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2015/acorex-components-switch.mjs +2 -3
- package/fesm2015/acorex-components-switch.mjs.map +1 -1
- package/fesm2015/acorex-components-tabs.mjs +2 -3
- package/fesm2015/acorex-components-tabs.mjs.map +1 -1
- package/fesm2020/acorex-components-badge.mjs +2 -3
- package/fesm2020/acorex-components-badge.mjs.map +1 -1
- package/fesm2020/acorex-components-breadcrumbs.mjs +2 -3
- package/fesm2020/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2020/acorex-components-button.mjs +2 -3
- package/fesm2020/acorex-components-button.mjs.map +1 -1
- package/fesm2020/acorex-components-calendar.mjs +2 -3
- package/fesm2020/acorex-components-calendar.mjs.map +1 -1
- package/fesm2020/acorex-components-decorators.mjs +27 -9
- package/fesm2020/acorex-components-decorators.mjs.map +1 -1
- package/fesm2020/acorex-components-form.mjs +1 -23
- package/fesm2020/acorex-components-form.mjs.map +1 -1
- package/fesm2020/acorex-components-menu.mjs +3 -4
- package/fesm2020/acorex-components-menu.mjs.map +1 -1
- package/fesm2020/acorex-components-selection-list.mjs +2 -3
- package/fesm2020/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2020/acorex-components-switch.mjs +2 -3
- package/fesm2020/acorex-components-switch.mjs.map +1 -1
- package/fesm2020/acorex-components-tabs.mjs +2 -3
- package/fesm2020/acorex-components-tabs.mjs.map +1 -1
- package/form/public-api.d.ts +0 -1
- package/form/src/form.module.d.ts +7 -8
- package/package.json +1 -1
- package/esm2020/form/src/form-hint.component.mjs +0 -20
- package/form/src/form-hint.component.d.ts +0 -8
@@ -221,14 +221,14 @@ AXTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
|
|
221
221
|
<div class="ax-items-wrapper">
|
222
222
|
<ng-content select="ax-tab-item"> </ng-content>
|
223
223
|
</div>
|
224
|
-
`, isInline: true, styles: [".ax-dark ax-tabs.ax-look-classic ax-tab-item:hover
|
224
|
+
`, isInline: true, styles: ["html.ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,html.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary))!important;border-top-color:rgba(var(--ax-color-primary))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}ax-tabs{position:relative;display:block}ax-tabs .ax-items-wrapper{position:relative}ax-tabs .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary));border-bottom-color:transparent;color:rgba(var(--ax-color-primary))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
225
225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXTabsComponent, decorators: [{
|
226
226
|
type: Component,
|
227
227
|
args: [{ selector: 'ax-tabs', template: `
|
228
228
|
<div class="ax-items-wrapper">
|
229
229
|
<ng-content select="ax-tab-item"> </ng-content>
|
230
230
|
</div>
|
231
|
-
`, host: { class: 'ax-tabs' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".ax-dark ax-tabs.ax-look-classic ax-tab-item:hover
|
231
|
+
`, host: { class: 'ax-tabs' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["html.ax-dark ax-tabs.ax-look-classic ax-tab-item:hover,html.ax-dark ax-tabs.ax-look-classic ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary))!important;border-top-color:rgba(var(--ax-color-primary))!important;border-bottom-color:transparent!important;color:rgba(var(--ax-color-primary-fore))!important}ax-tabs{position:relative;display:block}ax-tabs .ax-items-wrapper{position:relative}ax-tabs .ax-items-wrapper ax-tab-item{font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;cursor:pointer;position:relative;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}ax-tabs .ax-items-wrapper ax-tab-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-tabs.ax-horizontal .ax-items-wrapper{display:flex}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-inline-end:.25rem}ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-top-width:1px;border-inline-start-width:1px;border-inline-end-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));margin-inline-end:.2rem}ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-horizontal.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-top-color:rgba(var(--ax-color-primary));border-bottom-color:transparent;color:rgba(var(--ax-color-primary))}ax-tabs.ax-vertical .ax-items-wrapper{display:flex;flex-direction:column}ax-tabs.ax-vertical.ax-look-pills ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-text-default))}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item{border-radius:var(--ax-rounded-border-default);margin-block-end:.25rem}ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-pills-color ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper{border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item{border-inline-start:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-with-line .ax-items-wrapper ax-tab-item.ax-state-active{border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper{border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item{background:rgba(var(--ax-color-on-surface));border-inline-start-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default))}ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item:hover,ax-tabs.ax-vertical.ax-look-classic .ax-items-wrapper ax-tab-item.ax-state-active{background-color:rgba(var(--ax-color-surface));border-inline-start-color:rgba(var(--ax-color-primary));border-inline-end-color:transparent;color:rgba(var(--ax-color-primary))}\n"] }]
|
232
232
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _contentTabs: [{
|
233
233
|
type: ContentChildren,
|
234
234
|
args: [AXTabItemComponent]
|
@@ -302,4 +302,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
302
302
|
|
303
303
|
export { AXBaseTabItemMixin, AXTabContentDirective, AXTabItemComponent, AXTabStripChangedEvent, AXTabsComponent, AXTabsModule };
|
304
304
|
//# sourceMappingURL=acorex-components-tabs.mjs.map
|
305
|
-
//# sourceMappingURL=acorex-components-tabs.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../projects/acorex/components/tabs/src/tab-item.component.ts","../../../../projects/acorex/components/tabs/src/tabs.component.ts","../../../../projects/acorex/components/tabs/src/tabs.class.ts","../../../../projects/acorex/components/tabs/src/tab-content.directive.ts","../../../../projects/acorex/components/tabs/src/tabs.module.ts","../../../../projects/acorex/components/tabs/acorex-components-tabs.ts"],"sourcesContent":["\r\nimport { AXBaseComponent, AXComponentOptionChanged, _ClickableComponenetMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n ViewChild,\r\n TemplateRef,\r\n Output,\r\n EventEmitter,\r\n HostListener,\r\n ContentChild,\r\n} from '@angular/core';\r\n\r\nexport const AXBaseTabItemMixin = _ClickableComponenetMixin(AXBaseComponent);\r\n\r\n@Component({\r\n selector: 'ax-tab-item',\r\n template: `\r\n <ng-container *ngIf=\"headerTemplate; else header\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: {\r\n text: this.text,\r\n key: this.key,\r\n active: this.active,\r\n disabled: this.disabled\r\n }\r\n }\"\r\n ></ng-container>\r\n </ng-container>\r\n <!-- <ng-container *ngIf=\"headerTemplate;else header\">\r\n <ng-content select=\"ax-header\">\r\n </ng-content>\r\n </ng-container> -->\r\n <ng-template #header>\r\n <ng-content select=\"ax-prefix\"></ng-content>\r\n <span>{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"></ng-content>\r\n </ng-template>\r\n <ng-template #content>\r\n <ng-content select=\"ax-content\"> </ng-content>\r\n </ng-template>\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabItemComponent extends AXBaseTabItemMixin {\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @Input()\r\n text: string;\r\n\r\n @Input()\r\n key: string;\r\n\r\n @ViewChild('content')\r\n template: TemplateRef<any>;\r\n\r\n @ContentChild('header', { static: true })\r\n headerTemplate: TemplateRef<any>;\r\n\r\n @Output()\r\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n private _active: boolean = false;\r\n @Input()\r\n public get active(): boolean {\r\n return this._active;\r\n }\r\n public set active(value: boolean) {\r\n this._setOption({\r\n name: 'active',\r\n value,\r\n afterCallback: () => {\r\n this._cdr.markForCheck();\r\n },\r\n });\r\n }\r\n\r\n @Output()\r\n disabledChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n private _disabled: boolean = false;\r\n @Input()\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n this._setOption({\r\n name: 'disabled',\r\n value,\r\n });\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n if (!this.disabled) {\r\n this.onClick.emit({\r\n component: this,\r\n htmlElement: this._getHostElement(),\r\n nativeEvent: e,\r\n });\r\n }\r\n }\r\n\r\n _onOptionChanged(option: AXComponentOptionChanged): void {\r\n const classListRef = this._getHostElement().classList;\r\n if (option.name == 'disabled') {\r\n option.newValue\r\n ? classListRef.add('ax-state-disabled')\r\n : classListRef.remove('ax-state-disabled');\r\n }\r\n if (option.name == 'active') {\r\n option.newValue\r\n ? classListRef.add('ax-state-active')\r\n : classListRef.remove('ax-state-active');\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ContentChildren,\r\n QueryList,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n HostBinding,\r\n} from '@angular/core';\r\nimport { AXTabLook, AXTabStripChangedEvent } from './tabs.class';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { AXDirection } from '@acorex/components/common';\r\n\r\n@Component({\r\n selector: 'ax-tabs',\r\n template: `\r\n <div class=\"ax-items-wrapper\">\r\n <ng-content select=\"ax-tab-item\"> </ng-content>\r\n </div>\r\n `,\r\n styleUrls: ['tabs.component.scss'],\r\n host: { class: 'ax-tabs' },\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabsComponent extends AXBaseComponent {\r\n @ContentChildren(AXTabItemComponent)\r\n private _contentTabs: QueryList<AXTabItemComponent>;\r\n\r\n @Input() look: AXTabLook = 'pills';\r\n\r\n\r\n @Input()\r\n orientation: AXDirection = 'horizontal';\r\n\r\n @Input()\r\n fitParent: boolean = false;\r\n\r\n @Input()\r\n minWidth: boolean = false;\r\n\r\n @Input()\r\n content: AXTabContentDirective;\r\n\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n private _isUserInteraction: boolean = false;\r\n\r\n get items(): AXTabItemComponent[] {\r\n return this._contentTabs.toArray();\r\n }\r\n\r\n private _selectedItem: AXTabItemComponent;\r\n\r\n get selectedIndex(): number {\r\n return this.items.indexOf(this._selectedItem);\r\n }\r\n\r\n get selectedItem(): AXTabItemComponent {\r\n return this._selectedItem;\r\n }\r\n\r\n @Output()\r\n onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string[] {\r\n const cssClasses: string[] = [];\r\n cssClasses.push(`ax-look-${this.look}`);\r\n if (this.orientation == 'horizontal')\r\n cssClasses.push(`ax-horizontal`);\r\n else\r\n cssClasses.push(`ax-vertical`);\r\n return cssClasses;\r\n }\r\n\r\n\r\n ngAfterContentInit() {\r\n this._contentTabs.changes.subscribe((v) => {\r\n this._bindOnClickEvent();\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n this._bindOnClickEvent();\r\n }\r\n\r\n private _bindOnClickEvent() {\r\n const selected = this.items.find((c) => c.active) || this.items[0];\r\n this.select(selected);\r\n this.items.forEach((c) => {\r\n if (!c.onClick.length) {\r\n c.onClick.subscribe((t) => {\r\n this._isUserInteraction = t.nativeEvent?.isTrusted;\r\n this.select(c);\r\n });\r\n }\r\n });\r\n }\r\n\r\n select(tab: number | AXTabItemComponent) {\r\n let tabItem: AXTabItemComponent =\r\n typeof tab == 'number' ? this.items[tab] : tab;\r\n //\r\n if (!tab || this.selectedItem == tabItem) return;\r\n this._selectedItem = tabItem;\r\n //\r\n this.items.forEach((c) => (c.active = false));\r\n tabItem.active = true;\r\n if (this.content) {\r\n this.content.portal = tabItem.template;\r\n }\r\n this._cdr.markForCheck();\r\n this.onActiveTabChanged.emit({\r\n component: this,\r\n isUserInteraction: this._isUserInteraction,\r\n tab: tabItem,\r\n index: this.selectedIndex,\r\n });\r\n this._isUserInteraction = false;\r\n }\r\n}\r\n","import { AXEvent } from '@acorex/components/common';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nexport class AXTabStripChangedEvent extends AXEvent {\r\n tab: AXTabItemComponent;\r\n index: number;\r\n}\r\n\r\n\r\nexport type AXTabLook =\r\n | 'pills'\r\n | 'pills-color'\r\n | 'with-line'\r\n | 'classic'\r\n | 'custom';","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[axTabContent]',\r\n exportAs: 'axTabContent',\r\n inputs: ['portal: axTabContent'],\r\n})\r\nexport class AXTabContentDirective {\r\n constructor(private _viewContainerRef: ViewContainerRef) {}\r\n\r\n private _portal: TemplateRef<any>;\r\n public get portal(): TemplateRef<any> {\r\n return this._portal;\r\n }\r\n public set portal(v: TemplateRef<any>) {\r\n //;\r\n if (v) {\r\n this._portal = v;\r\n this._viewContainerRef.clear();\r\n const viewRef = this._viewContainerRef.createEmbeddedView(v, null, 0);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXTabsComponent } from './tabs.component';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\r\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n declarations: [...COMPONENT],\r\n imports: [...MODULES],\r\n exports: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXTabsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-tabs.mjs","sources":["../../../../projects/acorex/components/tabs/src/tab-item.component.ts","../../../../projects/acorex/components/tabs/src/tabs.component.ts","../../../../projects/acorex/components/tabs/src/tabs.class.ts","../../../../projects/acorex/components/tabs/src/tab-content.directive.ts","../../../../projects/acorex/components/tabs/src/tabs.module.ts","../../../../projects/acorex/components/tabs/acorex-components-tabs.ts"],"sourcesContent":["\r\nimport { AXBaseComponent, AXComponentOptionChanged, _ClickableComponenetMixin } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n ViewChild,\r\n TemplateRef,\r\n Output,\r\n EventEmitter,\r\n HostListener,\r\n ContentChild,\r\n} from '@angular/core';\r\n\r\nexport const AXBaseTabItemMixin = _ClickableComponenetMixin(AXBaseComponent);\r\n\r\n@Component({\r\n selector: 'ax-tab-item',\r\n template: `\r\n <ng-container *ngIf=\"headerTemplate; else header\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"headerTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n $implicit: {\r\n text: this.text,\r\n key: this.key,\r\n active: this.active,\r\n disabled: this.disabled\r\n }\r\n }\"\r\n ></ng-container>\r\n </ng-container>\r\n <!-- <ng-container *ngIf=\"headerTemplate;else header\">\r\n <ng-content select=\"ax-header\">\r\n </ng-content>\r\n </ng-container> -->\r\n <ng-template #header>\r\n <ng-content select=\"ax-prefix\"></ng-content>\r\n <span>{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"></ng-content>\r\n </ng-template>\r\n <ng-template #content>\r\n <ng-content select=\"ax-content\"> </ng-content>\r\n </ng-template>\r\n `,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabItemComponent extends AXBaseTabItemMixin {\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @Input()\r\n text: string;\r\n\r\n @Input()\r\n key: string;\r\n\r\n @ViewChild('content')\r\n template: TemplateRef<any>;\r\n\r\n @ContentChild('header', { static: true })\r\n headerTemplate: TemplateRef<any>;\r\n\r\n @Output()\r\n activeChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n private _active: boolean = false;\r\n @Input()\r\n public get active(): boolean {\r\n return this._active;\r\n }\r\n public set active(value: boolean) {\r\n this._setOption({\r\n name: 'active',\r\n value,\r\n afterCallback: () => {\r\n this._cdr.markForCheck();\r\n },\r\n });\r\n }\r\n\r\n @Output()\r\n disabledChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n private _disabled: boolean = false;\r\n @Input()\r\n public get disabled(): boolean {\r\n return this._disabled;\r\n }\r\n public set disabled(value: boolean) {\r\n this._setOption({\r\n name: 'disabled',\r\n value,\r\n });\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n if (!this.disabled) {\r\n this.onClick.emit({\r\n component: this,\r\n htmlElement: this._getHostElement(),\r\n nativeEvent: e,\r\n });\r\n }\r\n }\r\n\r\n _onOptionChanged(option: AXComponentOptionChanged): void {\r\n const classListRef = this._getHostElement().classList;\r\n if (option.name == 'disabled') {\r\n option.newValue\r\n ? classListRef.add('ax-state-disabled')\r\n : classListRef.remove('ax-state-disabled');\r\n }\r\n if (option.name == 'active') {\r\n option.newValue\r\n ? classListRef.add('ax-state-active')\r\n : classListRef.remove('ax-state-active');\r\n }\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ContentChildren,\r\n QueryList,\r\n Input,\r\n Output,\r\n EventEmitter,\r\n HostBinding,\r\n} from '@angular/core';\r\nimport { AXTabLook, AXTabStripChangedEvent } from './tabs.class';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXBaseComponent } from '@acorex/components/mixin';\r\nimport { AXDirection } from '@acorex/components/common';\r\n\r\n@Component({\r\n selector: 'ax-tabs',\r\n template: `\r\n <div class=\"ax-items-wrapper\">\r\n <ng-content select=\"ax-tab-item\"> </ng-content>\r\n </div>\r\n `,\r\n styleUrls: ['tabs.component.scss'],\r\n host: { class: 'ax-tabs' },\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXTabsComponent extends AXBaseComponent {\r\n @ContentChildren(AXTabItemComponent)\r\n private _contentTabs: QueryList<AXTabItemComponent>;\r\n\r\n @Input() look: AXTabLook = 'pills';\r\n\r\n\r\n @Input()\r\n orientation: AXDirection = 'horizontal';\r\n\r\n @Input()\r\n fitParent: boolean = false;\r\n\r\n @Input()\r\n minWidth: boolean = false;\r\n\r\n @Input()\r\n content: AXTabContentDirective;\r\n\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n private _isUserInteraction: boolean = false;\r\n\r\n get items(): AXTabItemComponent[] {\r\n return this._contentTabs.toArray();\r\n }\r\n\r\n private _selectedItem: AXTabItemComponent;\r\n\r\n get selectedIndex(): number {\r\n return this.items.indexOf(this._selectedItem);\r\n }\r\n\r\n get selectedItem(): AXTabItemComponent {\r\n return this._selectedItem;\r\n }\r\n\r\n @Output()\r\n onActiveTabChanged: EventEmitter<AXTabStripChangedEvent> = new EventEmitter<AXTabStripChangedEvent>();\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string[] {\r\n const cssClasses: string[] = [];\r\n cssClasses.push(`ax-look-${this.look}`);\r\n if (this.orientation == 'horizontal')\r\n cssClasses.push(`ax-horizontal`);\r\n else\r\n cssClasses.push(`ax-vertical`);\r\n return cssClasses;\r\n }\r\n\r\n\r\n ngAfterContentInit() {\r\n this._contentTabs.changes.subscribe((v) => {\r\n this._bindOnClickEvent();\r\n });\r\n }\r\n\r\n ngAfterViewInit() {\r\n this._bindOnClickEvent();\r\n }\r\n\r\n private _bindOnClickEvent() {\r\n const selected = this.items.find((c) => c.active) || this.items[0];\r\n this.select(selected);\r\n this.items.forEach((c) => {\r\n if (!c.onClick.length) {\r\n c.onClick.subscribe((t) => {\r\n this._isUserInteraction = t.nativeEvent?.isTrusted;\r\n this.select(c);\r\n });\r\n }\r\n });\r\n }\r\n\r\n select(tab: number | AXTabItemComponent) {\r\n let tabItem: AXTabItemComponent =\r\n typeof tab == 'number' ? this.items[tab] : tab;\r\n //\r\n if (!tab || this.selectedItem == tabItem) return;\r\n this._selectedItem = tabItem;\r\n //\r\n this.items.forEach((c) => (c.active = false));\r\n tabItem.active = true;\r\n if (this.content) {\r\n this.content.portal = tabItem.template;\r\n }\r\n this._cdr.markForCheck();\r\n this.onActiveTabChanged.emit({\r\n component: this,\r\n isUserInteraction: this._isUserInteraction,\r\n tab: tabItem,\r\n index: this.selectedIndex,\r\n });\r\n this._isUserInteraction = false;\r\n }\r\n}\r\n","import { AXEvent } from '@acorex/components/common';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nexport class AXTabStripChangedEvent extends AXEvent {\r\n tab: AXTabItemComponent;\r\n index: number;\r\n}\r\n\r\n\r\nexport type AXTabLook =\r\n | 'pills'\r\n | 'pills-color'\r\n | 'with-line'\r\n | 'classic'\r\n | 'custom';","import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[axTabContent]',\r\n exportAs: 'axTabContent',\r\n inputs: ['portal: axTabContent'],\r\n})\r\nexport class AXTabContentDirective {\r\n constructor(private _viewContainerRef: ViewContainerRef) {}\r\n\r\n private _portal: TemplateRef<any>;\r\n public get portal(): TemplateRef<any> {\r\n return this._portal;\r\n }\r\n public set portal(v: TemplateRef<any>) {\r\n //;\r\n if (v) {\r\n this._portal = v;\r\n this._viewContainerRef.clear();\r\n const viewRef = this._viewContainerRef.createEmbeddedView(v, null, 0);\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXTabContentDirective } from './tab-content.directive';\r\nimport { AXTabsComponent } from './tabs.component';\r\nimport { AXTabItemComponent } from './tab-item.component';\r\n\r\nconst COMPONENT = [AXTabsComponent, AXTabItemComponent, AXTabContentDirective];\r\nconst MODULES = [CommonModule, PortalModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n declarations: [...COMPONENT],\r\n imports: [...MODULES],\r\n exports: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXTabsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
@@ -17,10 +17,10 @@ class AXBadgeComponent extends AXBaseBadgeMixin {
|
|
17
17
|
}
|
18
18
|
}
|
19
19
|
AXBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
20
|
-
AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
20
|
+
AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBadgeComponent, decorators: [{
|
22
22
|
type: Component,
|
23
|
-
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
|
23
|
+
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
|
24
24
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
|
25
25
|
type: Input
|
26
26
|
}], __hostClass: [{
|
@@ -51,4 +51,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
51
51
|
|
52
52
|
export { AXBadgeComponent, AXBadgeModule, AXBaseBadgeMixin };
|
53
53
|
//# sourceMappingURL=acorex-components-badge.mjs.map
|
54
|
-
//# sourceMappingURL=acorex-components-badge.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../projects/acorex/components/badge/src/badge.component.ts","../../../../projects/acorex/components/badge/src/badge.component.html","../../../../projects/acorex/components/badge/src/badge.module.ts","../../../../projects/acorex/components/badge/acorex-components-badge.ts"],"sourcesContent":["import { _ColorLookComponentMixin, AXBaseComponent, COLOR_LOOK_INPUTS } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n HostBinding,\r\n} from '@angular/core';\r\n\r\n\r\nexport const AXBaseBadgeMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n@Component({\r\n selector: 'ax-badge',\r\n templateUrl: './badge.component.html',\r\n styleUrls: ['./badge.component.scss'],\r\n inputs: ['color'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBadgeComponent extends AXBaseBadgeMixin {\r\n @Input() text: string = '';\r\n\r\n constructor(private elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n //TODO: ax-badge\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `ax-${this.color}-default ${!this.text ? 'ax-mini-badge' : ''} ${this.text.length == 1 ? 'ax-single-badge' : ''}`\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBadgeComponent } from './badge.component';\r\n\r\nconst COMPONENT = [AXBadgeComponent];\r\nconst MODULES = [CommonModule];\r\n\r\n@NgModule({\r\n declarations: [...COMPONENT],\r\n imports: [...MODULES],\r\n exports: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXBadgeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAYa,gBAAgB,GAAG,wBAAwB,CAAC,eAAe,EAAE;AASpE,MAAO,gBAAiB,SAAQ,gBAAgB,CAAA;IAGpD,WAAoB,CAAA,UAAsB,EAAE,GAAsB,EAAA;AAChE,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QADL,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QAFjC,IAAI,CAAA,IAAA,GAAW,EAAE,CAAC;;KAK1B;AAED,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,CAAM,GAAA,EAAA,IAAI,CAAC,KAAK,YAAY,CAAC,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,iBAAiB,GAAG,EAAE,EAAE,CAAA;KACzH;;6GAXU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,wKCrB7B,kKAE4C,EAAA,MAAA,EAAA,CAAA,
|
1
|
+
{"version":3,"file":"acorex-components-badge.mjs","sources":["../../../../projects/acorex/components/badge/src/badge.component.ts","../../../../projects/acorex/components/badge/src/badge.component.html","../../../../projects/acorex/components/badge/src/badge.module.ts","../../../../projects/acorex/components/badge/acorex-components-badge.ts"],"sourcesContent":["import { _ColorLookComponentMixin, AXBaseComponent, COLOR_LOOK_INPUTS } from '@acorex/components/mixin';\r\nimport {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n Input,\r\n HostBinding,\r\n} from '@angular/core';\r\n\r\n\r\nexport const AXBaseBadgeMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n@Component({\r\n selector: 'ax-badge',\r\n templateUrl: './badge.component.html',\r\n styleUrls: ['./badge.component.scss'],\r\n inputs: ['color'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBadgeComponent extends AXBaseBadgeMixin {\r\n @Input() text: string = '';\r\n\r\n constructor(private elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n //TODO: ax-badge\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `ax-${this.color}-default ${!this.text ? 'ax-mini-badge' : ''} ${this.text.length == 1 ? 'ax-single-badge' : ''}`\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBadgeComponent } from './badge.component';\r\n\r\nconst COMPONENT = [AXBadgeComponent];\r\nconst MODULES = [CommonModule];\r\n\r\n@NgModule({\r\n declarations: [...COMPONENT],\r\n imports: [...MODULES],\r\n exports: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXBadgeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
@@ -13,10 +13,10 @@ class AXBreadCrumbsComponent extends AXBaseComponent {
|
|
13
13
|
}
|
14
14
|
}
|
15
15
|
AXBreadCrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBreadCrumbsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
16
|
-
AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{
|
16
|
+
AXBreadCrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
|
18
18
|
type: Component,
|
19
|
-
args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{
|
19
|
+
args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;align-items:center}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgb(var(--ax-color-primary))}ax-breadcrumbs ax-breadcrumbs-item .ax-breadcrumbs-item-text{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding:0 .5rem}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) .ax-breadcrumbs-item-text{padding-inline-start:.5rem}ax-breadcrumbs ax-breadcrumbs-item:not(ax-breadcrumbs ax-breadcrumbs-item:first-child) ax-prefix{padding-inline-start:.5rem}\n"] }]
|
20
20
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _divider: [{
|
21
21
|
type: ContentChild,
|
22
22
|
args: ['divider']
|
@@ -84,4 +84,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
84
84
|
|
85
85
|
export { AXBaseItemBreadCrumbMixin, AXBreadCrumbsComponent, AXBreadCrumbsItemComponent, AXBreadcrumbsModule };
|
86
86
|
//# sourceMappingURL=acorex-components-breadcrumbs.mjs.map
|
87
|
-
//# sourceMappingURL=acorex-components-breadcrumbs.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.module.ts","../../../../projects/acorex/components/breadcrumbs/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ContentChild,\r\n ElementRef,\r\n TemplateRef,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-breadcrumbs',\r\n templateUrl: './breadcrumbs.component.html',\r\n styleUrls:['./breadcrumbs.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBreadCrumbsComponent extends AXBaseComponent {\r\n @ContentChild('divider')\r\n _divider: TemplateRef<any>;\r\n\r\n @ViewChild('dividerTpl')\r\n dividerTemplate: TemplateRef<any>;\r\n /**\r\n * @ignore\r\n */\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n}\r\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>","import { _InteractiveComponenetMixin, _ClickableComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n HostListener,\r\n Inject,\r\n Input,\r\n Optional,\r\n} from '@angular/core';\r\n\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\n\r\nexport const AXBaseItemBreadCrumbMixin = _InteractiveComponenetMixin(\r\n _ClickableComponenetMixin(AXBaseComponent)\r\n);\r\n@Component({\r\n selector: 'ax-breadcrumbs-item',\r\n templateUrl: './breadcrumbs-item.component.html',\r\n})\r\nexport class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {\r\n @Input() text: string;\r\n\r\n @Input() active: boolean;\r\n\r\n /**\r\n * @ignore\r\n */\r\n constructor(\r\n _elementRef: ElementRef,\r\n _cdr: ChangeDetectorRef,\r\n @Optional()\r\n @Inject(AXBreadCrumbsComponent)\r\n public _parent: AXBreadCrumbsComponent\r\n ) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n this._emitOnClickEvent(e);\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `${this.active ? 'ax-state-active' : ''}`\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n</ng-content>\r\n<span class=\"ax-breadcrumbs-item-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\">\r\n</ng-content>\r\n<div class=\"ax-breadcrumb-divider\">\r\n <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\r\n\r\n@NgModule({\r\n declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n imports: [CommonModule],\r\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n providers: [],\r\n})\r\nexport class AXBreadcrumbsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAmBM,MAAO,sBAAuB,SAAQ,eAAe,CAAA;AAMzD;;AAEG;IACH,WAAY,CAAA,WAAuB,EAAE,IAAuB,EAAA;AAC1D,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;KAC1B;;mHAXU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,6RCnBnC,qYAOc,EAAA,MAAA,EAAA,CAAA,
|
1
|
+
{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.ts","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs-item.component.html","../../../../projects/acorex/components/breadcrumbs/src/breadcrumbs.module.ts","../../../../projects/acorex/components/breadcrumbs/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ContentChild,\r\n ElementRef,\r\n TemplateRef,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'ax-breadcrumbs',\r\n templateUrl: './breadcrumbs.component.html',\r\n styleUrls:['./breadcrumbs.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class AXBreadCrumbsComponent extends AXBaseComponent {\r\n @ContentChild('divider')\r\n _divider: TemplateRef<any>;\r\n\r\n @ViewChild('dividerTpl')\r\n dividerTemplate: TemplateRef<any>;\r\n /**\r\n * @ignore\r\n */\r\n constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef) {\r\n super(_elementRef, _cdr);\r\n }\r\n}\r\n","<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\r\n<ng-template #dividerTpl>\r\n <ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_divider\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"_divider\" *ngIf=\"_divider\"></ng-container>\r\n <ng-template #default>\r\n <div class=\"ax-breadcrumb-divider\">/</div>\r\n </ng-template>\r\n</ng-template>","import { _InteractiveComponenetMixin, _ClickableComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\nimport {\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n HostListener,\r\n Inject,\r\n Input,\r\n Optional,\r\n} from '@angular/core';\r\n\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\n\r\nexport const AXBaseItemBreadCrumbMixin = _InteractiveComponenetMixin(\r\n _ClickableComponenetMixin(AXBaseComponent)\r\n);\r\n@Component({\r\n selector: 'ax-breadcrumbs-item',\r\n templateUrl: './breadcrumbs-item.component.html',\r\n})\r\nexport class AXBreadCrumbsItemComponent extends AXBaseItemBreadCrumbMixin {\r\n @Input() text: string;\r\n\r\n @Input() active: boolean;\r\n\r\n /**\r\n * @ignore\r\n */\r\n constructor(\r\n _elementRef: ElementRef,\r\n _cdr: ChangeDetectorRef,\r\n @Optional()\r\n @Inject(AXBreadCrumbsComponent)\r\n public _parent: AXBreadCrumbsComponent\r\n ) {\r\n super(_elementRef, _cdr);\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n this._emitOnClickEvent(e);\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n return `${this.active ? 'ax-state-active' : ''}`\r\n }\r\n}\r\n","<ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n</ng-content>\r\n<span class=\"ax-breadcrumbs-item-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix, ax-loading, ax-icon\">\r\n</ng-content>\r\n<div class=\"ax-breadcrumb-divider\">\r\n <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\r\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\r\n\r\n@NgModule({\r\n declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n imports: [CommonModule],\r\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\r\n providers: [],\r\n})\r\nexport class AXBreadcrumbsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
@@ -43,7 +43,7 @@ AXButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
|
|
43
43
|
AXButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex", color: "color", look: "look", text: "text", toggleable: "toggleable", selected: "selected", type: "type" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange" }, host: { listeners: { "click": "_emitOnClickEvent($event)", "focus": "_emitOnBlurEvent($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
|
44
44
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
45
45
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
46
|
-
], usesInheritance: true, ngImport: i0, template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-sm .ax-button-icon *,.ax-lg .ax-button-icon *{font-size:1.25rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),1)}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.2);color:rgba(var(--ax-color-primary),.8)}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.3);color:rgba(var(--ax-color-primary))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary),.3)}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),1)}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.2);color:rgba(var(--ax-color-secondary),.8)}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.3);color:rgba(var(--ax-color-secondary))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary),.3)}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),1)}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.2);color:rgba(var(--ax-color-success),.8)}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.3);color:rgba(var(--ax-color-success))}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success),.3)}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),1)}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.2);color:rgba(var(--ax-color-warning),.8)}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.3);color:rgba(var(--ax-color-warning))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning),.3)}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),1)}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.2);color:rgba(var(--ax-color-danger),.8)}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.3);color:rgba(var(--ax-color-danger))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger),.3)}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1.5rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{opacity:.5;cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
46
|
+
], usesInheritance: true, ngImport: i0, template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-sm .ax-button-icon *,.ax-lg .ax-button-icon *{font-size:1.25rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),1)}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.2);color:rgba(var(--ax-color-primary),.8)}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.3);color:rgba(var(--ax-color-primary))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary),.3)}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),1)}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.2);color:rgba(var(--ax-color-secondary),.8)}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.3);color:rgba(var(--ax-color-secondary))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary),.3)}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),1)}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.2);color:rgba(var(--ax-color-success),.8)}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.3);color:rgba(var(--ax-color-success))}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success),.3)}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),1)}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.2);color:rgba(var(--ax-color-warning),.8)}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.3);color:rgba(var(--ax-color-warning))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning),.3)}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),1)}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.2);color:rgba(var(--ax-color-danger),.8)}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.3);color:rgba(var(--ax-color-danger))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger),.3)}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1.5rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AXButtonComponent, decorators: [{
|
48
48
|
type: Component,
|
49
49
|
args: [{ selector: 'ax-button', inputs: [
|
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
69
69
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
70
70
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
71
71
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
72
|
-
], template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-sm .ax-button-icon *,.ax-lg .ax-button-icon *{font-size:1.25rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),1)}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.2);color:rgba(var(--ax-color-primary),.8)}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.3);color:rgba(var(--ax-color-primary))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary),.3)}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),1)}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.2);color:rgba(var(--ax-color-secondary),.8)}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.3);color:rgba(var(--ax-color-secondary))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary),.3)}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),1)}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.2);color:rgba(var(--ax-color-success),.8)}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.3);color:rgba(var(--ax-color-success))}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success),.3)}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),1)}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.2);color:rgba(var(--ax-color-warning),.8)}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.3);color:rgba(var(--ax-color-warning))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning),.3)}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),1)}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.2);color:rgba(var(--ax-color-danger),.8)}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.3);color:rgba(var(--ax-color-danger))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger),.3)}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1.5rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{opacity:.5;cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"] }]
|
72
|
+
], template: "<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>", styles: [".ax-sm .ax-button-icon *,.ax-lg .ax-button-icon *{font-size:1.25rem}ax-button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus,ax-button.ax-primary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),1)}ax-button.ax-primary-default.ax-state-selected{background-color:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.2);color:rgba(var(--ax-color-primary),.8)}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary),.3);color:rgba(var(--ax-color-primary))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary),.3)}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus,ax-button.ax-secondary-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),1)}ax-button.ax-secondary-default.ax-state-selected{background-color:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.2);color:rgba(var(--ax-color-secondary),.8)}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary),.3);color:rgba(var(--ax-color-secondary))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary),.3)}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus,ax-button.ax-success-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),1)}ax-button.ax-success-default.ax-state-selected{background-color:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.2);color:rgba(var(--ax-color-success),.8)}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-success))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success),.3);color:rgba(var(--ax-color-success))}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success),.3)}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus,ax-button.ax-warning-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),1)}ax-button.ax-warning-default.ax-state-selected{background-color:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.2);color:rgba(var(--ax-color-warning),.8)}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-warning))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning),.3);color:rgba(var(--ax-color-warning))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning),.3)}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.8);box-shadow:var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus,ax-button.ax-danger-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),1)}ax-button.ax-danger-default.ax-state-selected{background-color:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.2);color:rgba(var(--ax-color-danger),.8)}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-danger))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger),.3);color:rgba(var(--ax-color-danger))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger),.3)}ax-button.ax-sm.ax-button-icon *{font-size:1.25rem}ax-button.ax-lg.ax-button-icon *{font-size:1.25rem}ax-button.ax-button-icon{padding:0 .5rem;font-size:1.5rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem}ax-button>button:is(ax-button > button:focus,ax-button > button:focus-within){outline-color:transparent;outline:none}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.16);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button-group{display:flex;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border-inline-end:1px solid;border-color:rgb(var(--ax-color-border-default))}ax-button-group ax-button[class*=-link]:first-child,ax-button-group ax-button[class*=-link]:last-child{border-start-start-radius:0px;border-end-start-radius:0px;border-start-end-radius:0px;border-end-end-radius:0px}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"] }]
|
73
73
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
|
74
74
|
type: Input
|
75
75
|
}], __hostClass: [{
|
@@ -265,4 +265,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
265
265
|
|
266
266
|
export { AXBaseButtonGroupMixin, AXBaseItemButtonMixin, AXButtonComponent, AXButtonGroupComponent, AXButtonItemComponent, AXButtonModule };
|
267
267
|
//# sourceMappingURL=acorex-components-button.mjs.map
|
268
|
-
//# sourceMappingURL=acorex-components-button.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-button.mjs","sources":["../../../../projects/acorex/components/button/src/button.component.ts","../../../../projects/acorex/components/button/src/button.component.html","../../../../projects/acorex/components/button/src/button-group.component.ts","../../../../projects/acorex/components/button/src/button-group.component.html","../../../../projects/acorex/components/button/src/button-item.component.ts","../../../../projects/acorex/components/button/src/button.module.ts","../../../../projects/acorex/components/button/acorex-components-button.ts"],"sourcesContent":["import {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n Input,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { AXComponent, AXFocusableComponent } from '@acorex/components/common';\r\nimport {\r\n AXBaseButtonMixin,\r\n} from '@acorex/components/mixin';\r\nimport { AXButtonType } from './button-item.class';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n selector: 'ax-button',\r\n templateUrl: './button.component.html',\r\n styleUrls:['./button.component.scss'],\r\n inputs: [\r\n 'disabled',\r\n 'size',\r\n 'tabIndex',\r\n 'color',\r\n 'look',\r\n 'text',\r\n 'toggleable',\r\n 'selected',\r\n ],\r\n outputs: [\r\n 'onBlur',\r\n 'onFocus',\r\n 'onClick',\r\n 'selectedChange',\r\n 'toggleableChange',\r\n 'lookChange',\r\n 'colorChange',\r\n ],\r\n host: { \r\n \"(click)\":\"_emitOnClickEvent($event)\",\r\n \"(focus)\":\"_emitOnBlurEvent($event)\",\r\n },\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n providers: [\r\n { provide: AXComponent, useExisting: AXButtonComponent },\r\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\r\n ],\r\n})\r\nexport class AXButtonComponent extends AXBaseButtonMixin {\r\n\r\n @Input()\r\n type: AXButtonType = \"button\";\r\n\r\n /**\r\n * @ignore\r\n */\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n onViewInit(): void {\r\n this._getHostElement().removeAttribute('tabindex');\r\n }\r\n\r\n _emitOnClickEvent(e: MouseEvent) {\r\n if (this.disabled) return;\r\n if (this.toggleable) {\r\n this.selected = !this.selected;\r\n }\r\n super._emitOnClickEvent(e);\r\n }\r\n\r\n click() {\r\n this._getInnerElement().click();\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string[] {\r\n return Object.entries(this._classes)\r\n .filter((c) => c[1])\r\n .map((c) => c[0]);\r\n }\r\n}\r\n","<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>","import {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ContentChildren,\r\n ElementRef,\r\n EventEmitter,\r\n Input,\r\n NgZone,\r\n Output,\r\n QueryList,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { AXButtonComponent } from './button.component';\r\nimport {\r\n AXClickEvent,\r\n AXItemClickEvent,\r\n AXSelectionMode,\r\n AXSelectionValueChangedEvent,\r\n} from '@acorex/components/common';\r\nimport {\r\n _InteractiveComponenetMixin,\r\n _ColorLookComponentMixin,\r\n AXBaseComponent,\r\n} from '@acorex/components/mixin';\r\n\r\nexport const AXBaseButtonGroupMixin = _InteractiveComponenetMixin(\r\n _ColorLookComponentMixin(AXBaseComponent)\r\n);\r\n\r\n@Component({\r\n selector: 'ax-button-group',\r\n templateUrl: 'button-group.component.html',\r\n inputs: ['disabled', 'tabIndex', 'color', 'look'],\r\n outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: { role: 'group' },\r\n})\r\nexport class AXButtonGroupComponent extends AXBaseButtonGroupMixin {\r\n @Output()\r\n selectionChange: EventEmitter<AXSelectionMode> = new EventEmitter();\r\n\r\n private _selection: AXSelectionMode;\r\n @Input()\r\n public get selection(): AXSelectionMode {\r\n return this._selection;\r\n }\r\n public set selection(value: AXSelectionMode) {\r\n value = this._onOptionChanging({ name: 'selection', value: value });\r\n const oldValue = this.selection;\r\n if (value != oldValue) {\r\n this._selection = value;\r\n this.selectionChange.emit(value);\r\n this.onOptionChanged({ name: 'selection', oldValue, newValue: value });\r\n }\r\n }\r\n\r\n @Output()\r\n onItemClick: EventEmitter<AXItemClickEvent<AXButtonComponent>> =\r\n new EventEmitter<AXItemClickEvent<AXButtonComponent>>();\r\n\r\n public onValueChanged: EventEmitter<AXSelectionValueChangedEvent> =\r\n new EventEmitter<AXSelectionValueChangedEvent>();\r\n\r\n @ContentChildren(AXButtonComponent, { descendants: true })\r\n _contentButtons: QueryList<AXButtonComponent>;\r\n\r\n constructor(\r\n elementRef: ElementRef,\r\n private zone: NgZone,\r\n cdr: ChangeDetectorRef\r\n ) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n ngAfterContentInit() {\r\n this._bindEvents();\r\n this._bindProps();\r\n this._contentButtons.changes.subscribe(() => {\r\n this._bindEvents();\r\n this._bindProps();\r\n });\r\n }\r\n\r\n private _bindEvents() {\r\n this._contentButtons?.forEach((b: any) => {\r\n if (!b.onClick.length)\r\n b.onClick.subscribe((c: any) => {\r\n this._handleClickEvent(c, b);\r\n });\r\n });\r\n }\r\n\r\n private _bindProps() {\r\n this._contentButtons?.forEach((b: any) => {\r\n b.look = this.look ?? this.look;\r\n b.color = this.color ?? this.color;\r\n b.disabled = b.disabled ?? this.disabled;\r\n b.toggleable = false;\r\n });\r\n }\r\n\r\n onOptionChanged(option: any) {\r\n this._bindProps();\r\n }\r\n\r\n _handleClickEvent(e: AXClickEvent, button: any) {\r\n if (this.selection == 'multiple') {\r\n button.selected = !button.selected;\r\n } else if (this.selection == 'single') {\r\n this._contentButtons.forEach((c: any) => {\r\n c.selected = false;\r\n });\r\n button.selected = true;\r\n } else {\r\n button.selected = false;\r\n }\r\n\r\n this.onItemClick.emit({\r\n component: this,\r\n htmlElement: e.htmlElement,\r\n item: button,\r\n });\r\n }\r\n}\r\n","<ng-content select=\"ax-button\"></ng-content>","import {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n HostListener,\r\n Input,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { AXStyleColorType } from '@acorex/components/common';\r\nimport { _InteractiveComponenetMixin, _ClickableComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n\r\nexport const AXBaseItemButtonMixin = _InteractiveComponenetMixin(\r\n _ClickableComponenetMixin(AXBaseComponent)\r\n);\r\n\r\n@Component({\r\n selector: 'ax-button-item',\r\n template: `\r\n <ng-content select=\"ax-prefix\"> </ng-content>\r\n <ng-content select=\"ax-icon\"> </ng-content>\r\n <span *ngIf=\"text\">{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"> </ng-content>\r\n `,\r\n host: { class: 'ax-button-item', tabindex: \"0\" },\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n outputs: ['onClick'],\r\n})\r\nexport class AXButtonItemComponent extends AXBaseItemButtonMixin {\r\n /**\r\n * @ignore\r\n */\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n @Input()\r\n text: string = '';\r\n\r\n @Input()\r\n tooltip: string = '';\r\n\r\n @Input()\r\n selected: boolean = false;\r\n\r\n @Input()\r\n seperated: boolean = false;\r\n\r\n @Input()\r\n name: string;\r\n\r\n @Input()\r\n data: any;\r\n\r\n @Input()\r\n color: AXStyleColorType = 'ghost';\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n this._emitOnClickEvent(e);\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n const cssClasses: any = {\r\n 'ax-button-icon': !this.text,\r\n 'ax-state-disabled': this.disabled,\r\n 'ax-state-selected': this.selected,\r\n };\r\n cssClasses[`ax-${this.color || 'primary'}-default`] = true;\r\n return Object.entries(cssClasses)\r\n .filter((c) => c[1])\r\n .map((c) => c[0])\r\n .join(' ');\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { NgModule } from '@angular/core';\r\nimport { AXButtonGroupComponent } from './button-group.component';\r\nimport { AXButtonItemComponent } from './button-item.component';\r\nimport { AXButtonComponent } from './button.component';\r\n\r\n\r\nconst COMPONENT = [\r\n AXButtonComponent,\r\n AXButtonItemComponent,\r\n AXButtonGroupComponent,\r\n];\r\nconst MODULES = [CommonModule,AXDecoratorModule];\r\n\r\n@NgModule({\r\n imports: [MODULES],\r\n exports: [...COMPONENT],\r\n declarations: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXButtonModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-button.mjs","sources":["../../../../projects/acorex/components/button/src/button.component.ts","../../../../projects/acorex/components/button/src/button.component.html","../../../../projects/acorex/components/button/src/button-group.component.ts","../../../../projects/acorex/components/button/src/button-group.component.html","../../../../projects/acorex/components/button/src/button-item.component.ts","../../../../projects/acorex/components/button/src/button.module.ts","../../../../projects/acorex/components/button/acorex-components-button.ts"],"sourcesContent":["import {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n Input,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { AXComponent, AXFocusableComponent } from '@acorex/components/common';\r\nimport {\r\n AXBaseButtonMixin,\r\n} from '@acorex/components/mixin';\r\nimport { AXButtonType } from './button-item.class';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n selector: 'ax-button',\r\n templateUrl: './button.component.html',\r\n styleUrls:['./button.component.scss'],\r\n inputs: [\r\n 'disabled',\r\n 'size',\r\n 'tabIndex',\r\n 'color',\r\n 'look',\r\n 'text',\r\n 'toggleable',\r\n 'selected',\r\n ],\r\n outputs: [\r\n 'onBlur',\r\n 'onFocus',\r\n 'onClick',\r\n 'selectedChange',\r\n 'toggleableChange',\r\n 'lookChange',\r\n 'colorChange',\r\n ],\r\n host: { \r\n \"(click)\":\"_emitOnClickEvent($event)\",\r\n \"(focus)\":\"_emitOnBlurEvent($event)\",\r\n },\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n encapsulation: ViewEncapsulation.None,\r\n providers: [\r\n { provide: AXComponent, useExisting: AXButtonComponent },\r\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\r\n ],\r\n})\r\nexport class AXButtonComponent extends AXBaseButtonMixin {\r\n\r\n @Input()\r\n type: AXButtonType = \"button\";\r\n\r\n /**\r\n * @ignore\r\n */\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n onViewInit(): void {\r\n this._getHostElement().removeAttribute('tabindex');\r\n }\r\n\r\n _emitOnClickEvent(e: MouseEvent) {\r\n if (this.disabled) return;\r\n if (this.toggleable) {\r\n this.selected = !this.selected;\r\n }\r\n super._emitOnClickEvent(e);\r\n }\r\n\r\n click() {\r\n this._getInnerElement().click();\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string[] {\r\n return Object.entries(this._classes)\r\n .filter((c) => c[1])\r\n .map((c) => c[0]);\r\n }\r\n}\r\n","<button [disabled]=\"disabled\" [attr.tabindex]=\"tabIndex\" \r\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.type]=\"type\">\r\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\">\r\n </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\" >{{text}}</span>\r\n <ng-content select=\"ax-suffix\">\r\n </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\">\r\n </ng-content>\r\n</button>","import {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ContentChildren,\r\n ElementRef,\r\n EventEmitter,\r\n Input,\r\n NgZone,\r\n Output,\r\n QueryList,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { AXButtonComponent } from './button.component';\r\nimport {\r\n AXClickEvent,\r\n AXItemClickEvent,\r\n AXSelectionMode,\r\n AXSelectionValueChangedEvent,\r\n} from '@acorex/components/common';\r\nimport {\r\n _InteractiveComponenetMixin,\r\n _ColorLookComponentMixin,\r\n AXBaseComponent,\r\n} from '@acorex/components/mixin';\r\n\r\nexport const AXBaseButtonGroupMixin = _InteractiveComponenetMixin(\r\n _ColorLookComponentMixin(AXBaseComponent)\r\n);\r\n\r\n@Component({\r\n selector: 'ax-button-group',\r\n templateUrl: 'button-group.component.html',\r\n inputs: ['disabled', 'tabIndex', 'color', 'look'],\r\n outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: { role: 'group' },\r\n})\r\nexport class AXButtonGroupComponent extends AXBaseButtonGroupMixin {\r\n @Output()\r\n selectionChange: EventEmitter<AXSelectionMode> = new EventEmitter();\r\n\r\n private _selection: AXSelectionMode;\r\n @Input()\r\n public get selection(): AXSelectionMode {\r\n return this._selection;\r\n }\r\n public set selection(value: AXSelectionMode) {\r\n value = this._onOptionChanging({ name: 'selection', value: value });\r\n const oldValue = this.selection;\r\n if (value != oldValue) {\r\n this._selection = value;\r\n this.selectionChange.emit(value);\r\n this.onOptionChanged({ name: 'selection', oldValue, newValue: value });\r\n }\r\n }\r\n\r\n @Output()\r\n onItemClick: EventEmitter<AXItemClickEvent<AXButtonComponent>> =\r\n new EventEmitter<AXItemClickEvent<AXButtonComponent>>();\r\n\r\n public onValueChanged: EventEmitter<AXSelectionValueChangedEvent> =\r\n new EventEmitter<AXSelectionValueChangedEvent>();\r\n\r\n @ContentChildren(AXButtonComponent, { descendants: true })\r\n _contentButtons: QueryList<AXButtonComponent>;\r\n\r\n constructor(\r\n elementRef: ElementRef,\r\n private zone: NgZone,\r\n cdr: ChangeDetectorRef\r\n ) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n ngAfterContentInit() {\r\n this._bindEvents();\r\n this._bindProps();\r\n this._contentButtons.changes.subscribe(() => {\r\n this._bindEvents();\r\n this._bindProps();\r\n });\r\n }\r\n\r\n private _bindEvents() {\r\n this._contentButtons?.forEach((b: any) => {\r\n if (!b.onClick.length)\r\n b.onClick.subscribe((c: any) => {\r\n this._handleClickEvent(c, b);\r\n });\r\n });\r\n }\r\n\r\n private _bindProps() {\r\n this._contentButtons?.forEach((b: any) => {\r\n b.look = this.look ?? this.look;\r\n b.color = this.color ?? this.color;\r\n b.disabled = b.disabled ?? this.disabled;\r\n b.toggleable = false;\r\n });\r\n }\r\n\r\n onOptionChanged(option: any) {\r\n this._bindProps();\r\n }\r\n\r\n _handleClickEvent(e: AXClickEvent, button: any) {\r\n if (this.selection == 'multiple') {\r\n button.selected = !button.selected;\r\n } else if (this.selection == 'single') {\r\n this._contentButtons.forEach((c: any) => {\r\n c.selected = false;\r\n });\r\n button.selected = true;\r\n } else {\r\n button.selected = false;\r\n }\r\n\r\n this.onItemClick.emit({\r\n component: this,\r\n htmlElement: e.htmlElement,\r\n item: button,\r\n });\r\n }\r\n}\r\n","<ng-content select=\"ax-button\"></ng-content>","import {\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n ElementRef,\r\n HostBinding,\r\n HostListener,\r\n Input,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { AXStyleColorType } from '@acorex/components/common';\r\nimport { _InteractiveComponenetMixin, _ClickableComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';\r\n\r\n\r\nexport const AXBaseItemButtonMixin = _InteractiveComponenetMixin(\r\n _ClickableComponenetMixin(AXBaseComponent)\r\n);\r\n\r\n@Component({\r\n selector: 'ax-button-item',\r\n template: `\r\n <ng-content select=\"ax-prefix\"> </ng-content>\r\n <ng-content select=\"ax-icon\"> </ng-content>\r\n <span *ngIf=\"text\">{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"> </ng-content>\r\n `,\r\n host: { class: 'ax-button-item', tabindex: \"0\" },\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n outputs: ['onClick'],\r\n})\r\nexport class AXButtonItemComponent extends AXBaseItemButtonMixin {\r\n /**\r\n * @ignore\r\n */\r\n constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n super(elementRef, cdr);\r\n }\r\n\r\n @Input()\r\n text: string = '';\r\n\r\n @Input()\r\n tooltip: string = '';\r\n\r\n @Input()\r\n selected: boolean = false;\r\n\r\n @Input()\r\n seperated: boolean = false;\r\n\r\n @Input()\r\n name: string;\r\n\r\n @Input()\r\n data: any;\r\n\r\n @Input()\r\n color: AXStyleColorType = 'ghost';\r\n\r\n @HostListener('click', ['$event'])\r\n private __hostClick(e: MouseEvent) {\r\n this._emitOnClickEvent(e);\r\n }\r\n\r\n @HostBinding('class')\r\n private get __hostClass(): string {\r\n const cssClasses: any = {\r\n 'ax-button-icon': !this.text,\r\n 'ax-state-disabled': this.disabled,\r\n 'ax-state-selected': this.selected,\r\n };\r\n cssClasses[`ax-${this.color || 'primary'}-default`] = true;\r\n return Object.entries(cssClasses)\r\n .filter((c) => c[1])\r\n .map((c) => c[0])\r\n .join(' ');\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { NgModule } from '@angular/core';\r\nimport { AXButtonGroupComponent } from './button-group.component';\r\nimport { AXButtonItemComponent } from './button-item.component';\r\nimport { AXButtonComponent } from './button.component';\r\n\r\n\r\nconst COMPONENT = [\r\n AXButtonComponent,\r\n AXButtonItemComponent,\r\n AXButtonGroupComponent,\r\n];\r\nconst MODULES = [CommonModule,AXDecoratorModule];\r\n\r\n@NgModule({\r\n imports: [MODULES],\r\n exports: [...COMPONENT],\r\n declarations: [...COMPONENT],\r\n providers: [],\r\n})\r\nexport class AXButtonModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|