@acorex/components 7.8.15 → 7.8.16
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/button/lib/button-item-list.component.d.ts +16 -2
- package/button-group/lib/button-group.component.d.ts +3 -1
- package/dropdown/lib/dropdown-panel.component.d.ts +5 -16
- package/dropdown/lib/dropdown.module.d.ts +4 -5
- package/esm2022/button/lib/button-item-list.component.mjs +60 -6
- package/esm2022/button-group/lib/button-group.component.mjs +16 -3
- package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +22 -18
- package/esm2022/dropdown/lib/dropdown-panel.component.mjs +10 -61
- package/esm2022/dropdown/lib/dropdown.module.mjs +4 -25
- package/esm2022/scheduler/lib/scheduler.component.mjs +1 -1
- package/fesm2022/acorex-components-button-group.mjs +15 -2
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +63 -11
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +21 -17
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs +11 -82
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +1 -1
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/package.json +13 -13
|
@@ -1,5 +1,19 @@
|
|
|
1
|
+
import { AXButtonClickEvent, AXClickEvent, MXInteractiveComponent } from '@acorex/components/common';
|
|
2
|
+
import { AXDropdownPanelComponent } from '@acorex/components/dropdown';
|
|
3
|
+
import { AfterContentInit, EventEmitter, QueryList } from '@angular/core';
|
|
4
|
+
import { AXButtonItemComponent } from './button-item.component';
|
|
1
5
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class AXButtonItemListComponent {
|
|
6
|
+
export declare class AXButtonItemListComponent extends MXInteractiveComponent implements AfterContentInit {
|
|
7
|
+
private parent;
|
|
8
|
+
protected _contentButtons: QueryList<AXButtonItemComponent>;
|
|
9
|
+
onItemClick: EventEmitter<AXButtonClickEvent>;
|
|
10
|
+
constructor(parent: AXDropdownPanelComponent);
|
|
11
|
+
ngAfterContentInit(): void;
|
|
12
|
+
private _initContents;
|
|
13
|
+
private _bindEvents;
|
|
14
|
+
private _bindProps;
|
|
15
|
+
private _handleOnItemClick;
|
|
16
|
+
_emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
|
|
3
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemListComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemListComponent, "ax-button-item-list", never, {}, {},
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemListComponent, "ax-button-item-list", never, {}, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button-item, ax-title, ax-divider"], false, never>;
|
|
5
19
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { AXSelectionMode, MXColorLookComponent, MXInteractiveComponent } from '@acorex/components/common';
|
|
1
|
+
import { AXClickEvent, AXSelectionMode, MXColorLookComponent, MXInteractiveComponent } from '@acorex/components/common';
|
|
2
2
|
import { EventEmitter } from '@angular/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
declare const AXButtonGroupComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorLookComponent]>;
|
|
5
5
|
export declare class AXButtonGroupComponent extends AXButtonGroupComponent_base {
|
|
6
|
+
onClick: EventEmitter<AXClickEvent>;
|
|
6
7
|
private _contentButtons;
|
|
7
8
|
selectionChange: EventEmitter<AXSelectionMode>;
|
|
8
9
|
private _selection;
|
|
@@ -15,6 +16,7 @@ export declare class AXButtonGroupComponent extends AXButtonGroupComponent_base
|
|
|
15
16
|
private _handleClickEvent;
|
|
16
17
|
private clearSelection;
|
|
17
18
|
private get __hostClass();
|
|
19
|
+
private __hostClick;
|
|
18
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
|
|
19
21
|
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "selectionChange": "selectionChange"; }, ["_contentButtons"], ["ax-button-item"], false, never>;
|
|
20
22
|
}
|
|
@@ -1,34 +1,23 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { AXButtonClickEvent, AXClickEvent, AXEvent, MXComponentOptionChanged, MXInteractiveComponent } from '@acorex/components/common';
|
|
1
|
+
import { AfterViewInit, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { AXEvent, MXInteractiveComponent } from '@acorex/components/common';
|
|
4
3
|
import { AXPopoverComponent } from '@acorex/components/popover';
|
|
5
4
|
import { Subscription } from 'rxjs';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class AXDropdownPanelComponent extends MXInteractiveComponent implements OnInit, AfterViewInit,
|
|
6
|
+
export declare class AXDropdownPanelComponent extends MXInteractiveComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
8
7
|
private _platform;
|
|
9
8
|
protected _isMobile: boolean;
|
|
10
9
|
protected _target: HTMLDivElement;
|
|
11
10
|
protected _popoverTitle: string;
|
|
12
11
|
protected _placement: import("@acorex/components/common").AXConnectedPosition[];
|
|
13
|
-
private _parent?;
|
|
14
|
-
protected _needBorder: boolean;
|
|
15
12
|
_subs: Subscription[];
|
|
16
|
-
protected _contentButtons: QueryList<AXButtonItemComponent>;
|
|
17
13
|
protected _popover: AXPopoverComponent;
|
|
18
14
|
onOpened: EventEmitter<AXEvent>;
|
|
19
15
|
onClosed: EventEmitter<AXEvent>;
|
|
20
16
|
adaptivityEnabled: boolean;
|
|
21
|
-
|
|
17
|
+
constructor();
|
|
22
18
|
ngOnInit(): void;
|
|
23
19
|
ngAfterViewInit(): void;
|
|
24
|
-
ngAfterContentInit(): void;
|
|
25
|
-
private _initContents;
|
|
26
|
-
private _bindEvents;
|
|
27
|
-
private _bindProps;
|
|
28
|
-
protected internalOptionChanged(option: MXComponentOptionChanged<any>): void;
|
|
29
20
|
ngOnDestroy(): void;
|
|
30
|
-
_emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
|
|
31
|
-
private _handleOnItemClick;
|
|
32
21
|
protected _handlePopupOnOpened(e: AXEvent): void;
|
|
33
22
|
protected _handlePopupOnClosed(e: AXEvent): void;
|
|
34
23
|
toggle(): void;
|
|
@@ -38,5 +27,5 @@ export declare class AXDropdownPanelComponent extends MXInteractiveComponent imp
|
|
|
38
27
|
get isActionsheetStyle(): boolean;
|
|
39
28
|
private get __hostClass();
|
|
40
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownPanelComponent, never>;
|
|
41
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "position": { "alias": "position"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed";
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXDropdownPanelComponent, "ax-dropdown-panel", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "fitParent": { "alias": "fitParent"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "position": { "alias": "position"; "required": false; }; "adaptivityEnabled": { "alias": "adaptivityEnabled"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, ["[panel], ax-button-item-list"], false, never>;
|
|
42
31
|
}
|
|
@@ -4,12 +4,11 @@ import * as i2 from "./dropdown-box.component";
|
|
|
4
4
|
import * as i3 from "@angular/common";
|
|
5
5
|
import * as i4 from "@acorex/components/common";
|
|
6
6
|
import * as i5 from "@angular/cdk/a11y";
|
|
7
|
-
import * as i6 from "@
|
|
8
|
-
import * as i7 from "@
|
|
9
|
-
import * as i8 from "@acorex/components/
|
|
10
|
-
import * as i9 from "@acorex/components/popover";
|
|
7
|
+
import * as i6 from "@angular/cdk/overlay";
|
|
8
|
+
import * as i7 from "@acorex/components/decorators";
|
|
9
|
+
import * as i8 from "@acorex/components/popover";
|
|
11
10
|
export declare class AXDropdownModule {
|
|
12
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDropdownModule, never>;
|
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, [typeof i1.AXDropdownPanelComponent, typeof i2.AXDropdownBoxComponent], [typeof i3.CommonModule, typeof i4.AXCommonModule, typeof i5.A11yModule, typeof i6.
|
|
12
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXDropdownModule, [typeof i1.AXDropdownPanelComponent, typeof i2.AXDropdownBoxComponent], [typeof i3.CommonModule, typeof i4.AXCommonModule, typeof i5.A11yModule, typeof i6.OverlayModule, typeof i7.AXDecoratorModule, typeof i8.AXPopoverModule], [typeof i1.AXDropdownPanelComponent, typeof i2.AXDropdownBoxComponent]>;
|
|
14
13
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXDropdownModule>;
|
|
15
14
|
}
|
|
@@ -1,11 +1,65 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MXInteractiveComponent } from '@acorex/components/common';
|
|
2
|
+
import { AXDropdownPanelComponent } from '@acorex/components/dropdown';
|
|
3
|
+
import { Component, ContentChildren, EventEmitter, Inject, Output, QueryList, ViewEncapsulation, } from '@angular/core';
|
|
4
|
+
import { AXButtonItemComponent } from './button-item.component';
|
|
2
5
|
import * as i0 from "@angular/core";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
+
import * as i1 from "@acorex/components/dropdown";
|
|
7
|
+
export class AXButtonItemListComponent extends MXInteractiveComponent {
|
|
8
|
+
constructor(parent) {
|
|
9
|
+
super();
|
|
10
|
+
this.parent = parent;
|
|
11
|
+
this.onItemClick = new EventEmitter();
|
|
12
|
+
}
|
|
13
|
+
ngAfterContentInit() {
|
|
14
|
+
this._initContents();
|
|
15
|
+
this._contentButtons.changes.subscribe(() => {
|
|
16
|
+
this._initContents();
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
_initContents() {
|
|
20
|
+
this._bindEvents();
|
|
21
|
+
this._bindProps();
|
|
22
|
+
this.cdr.markForCheck();
|
|
23
|
+
}
|
|
24
|
+
_bindEvents() {
|
|
25
|
+
this._contentButtons?.forEach((b) => {
|
|
26
|
+
if (!b.onClick.length)
|
|
27
|
+
b.onClick.subscribe((c) => {
|
|
28
|
+
this._handleOnItemClick(c);
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
_bindProps() {
|
|
33
|
+
this._contentButtons?.forEach((b) => {
|
|
34
|
+
b.disabled = b.disabled ?? this.disabled;
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
_handleOnItemClick(e) {
|
|
38
|
+
this.parent.close();
|
|
39
|
+
this._emitOnItemClickEvent(e, e.component);
|
|
40
|
+
}
|
|
41
|
+
_emitOnItemClickEvent(e, item) {
|
|
42
|
+
this.onItemClick.emit({
|
|
43
|
+
component: this,
|
|
44
|
+
htmlElement: this.getHostElement(),
|
|
45
|
+
nativeEvent: e.nativeEvent,
|
|
46
|
+
name: item.name,
|
|
47
|
+
data: item.data,
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemListComponent, deps: [{ token: AXDropdownPanelComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonItemListComponent, selector: "ax-button-item-list", outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: ` <ng-content select="ax-button-item, ax-title, ax-divider"></ng-content> `, isInline: true, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding:.5rem 0}ax-button-item-list ax-title{font-size:.75rem;padding:.25rem 0;padding-inline-start:1rem;padding-inline-end:2.5rem;opacity:.5;text-transform:uppercase;font-weight:500}ax-button-item-list ax-divider{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default));margin:.25rem 0}ax-button-item-list ax-button-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-start:1rem;padding-inline-end:4rem;font-size:.875rem;color:rgba(var(--ax-color-text-default));-webkit-user-select:none;user-select:none;cursor:pointer}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-divide{border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex;flex-direction:row}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{background-color:transparent;color:rgba(var(--ax-color-primary-500));border:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-primary-600))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-secondary-600))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{background-color:transparent;color:rgba(var(--ax-color-success-500));border:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-success-600))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{background-color:transparent;color:rgba(var(--ax-color-warning-500));border:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-warning-600))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{background-color:transparent;color:rgba(var(--ax-color-danger-500));border:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-danger-600))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{background-color:transparent;color:rgba(var(--ax-color-info-500));border:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-info-600))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6
52
|
}
|
|
7
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemListComponent, decorators: [{
|
|
8
54
|
type: Component,
|
|
9
55
|
args: [{ selector: 'ax-button-item-list', template: ` <ng-content select="ax-button-item, ax-title, ax-divider"></ng-content> `, encapsulation: ViewEncapsulation.None, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding:.5rem 0}ax-button-item-list ax-title{font-size:.75rem;padding:.25rem 0;padding-inline-start:1rem;padding-inline-end:2.5rem;opacity:.5;text-transform:uppercase;font-weight:500}ax-button-item-list ax-divider{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default));margin:.25rem 0}ax-button-item-list ax-button-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-start:1rem;padding-inline-end:4rem;font-size:.875rem;color:rgba(var(--ax-color-text-default));-webkit-user-select:none;user-select:none;cursor:pointer}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-divide{border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex;flex-direction:row}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{background-color:transparent;color:rgba(var(--ax-color-primary-500));border:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-primary-600))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-secondary-600))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{background-color:transparent;color:rgba(var(--ax-color-success-500));border:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-success-600))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{background-color:transparent;color:rgba(var(--ax-color-warning-500));border:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-warning-600))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{background-color:transparent;color:rgba(var(--ax-color-danger-500));border:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-danger-600))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{background-color:transparent;color:rgba(var(--ax-color-info-500));border:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-info-600))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"] }]
|
|
10
|
-
}]
|
|
11
|
-
|
|
56
|
+
}], ctorParameters: function () { return [{ type: i1.AXDropdownPanelComponent, decorators: [{
|
|
57
|
+
type: Inject,
|
|
58
|
+
args: [AXDropdownPanelComponent]
|
|
59
|
+
}] }]; }, propDecorators: { _contentButtons: [{
|
|
60
|
+
type: ContentChildren,
|
|
61
|
+
args: [AXButtonItemComponent]
|
|
62
|
+
}], onItemClick: [{
|
|
63
|
+
type: Output
|
|
64
|
+
}] } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFvQyxzQkFBc0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3JHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFFTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLFlBQVksRUFDWixNQUFNLEVBQ04sTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQVFoRSxNQUFNLE9BQU8seUJBQTBCLFNBQVEsc0JBQXNCO0lBT25FLFlBQXNELE1BQWdDO1FBQ3BGLEtBQUssRUFBRSxDQUFDO1FBRDRDLFdBQU0sR0FBTixNQUFNLENBQTBCO1FBRnRGLGdCQUFXLEdBQXFDLElBQUksWUFBWSxFQUFzQixDQUFDO0lBSXZGLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDMUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLGFBQWE7UUFDbkIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFTyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDbEMsSUFBSSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTTtnQkFDbkIsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtvQkFDeEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUM3QixDQUFDLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLFVBQVU7UUFDaEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNsQyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMzQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxDQUFlO1FBQ3hDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELHFCQUFxQixDQUFDLENBQWUsRUFBRSxJQUEyQjtRQUNoRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixTQUFTLEVBQUUsSUFBSTtZQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ2xDLFdBQVcsRUFBRSxDQUFDLENBQUMsV0FBVztZQUMxQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDaEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FwRFUseUJBQXlCLGtCQU9oQix3QkFBd0I7a0dBUGpDLHlCQUF5QixvSUFDbkIscUJBQXFCLG9EQUw1QiwyRUFBMkU7OzJGQUkxRSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0UscUJBQXFCLFlBQ3JCLDJFQUEyRSxpQkFFdEUsaUJBQWlCLENBQUMsSUFBSTs7MEJBU3hCLE1BQU07MkJBQUMsd0JBQXdCOzRDQUxsQyxlQUFlO3NCQUR4QixlQUFlO3VCQUFDLHFCQUFxQjtnQkFJdEMsV0FBVztzQkFEVixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCdXR0b25DbGlja0V2ZW50LCBBWENsaWNrRXZlbnQsIE1YSW50ZXJhY3RpdmVDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7IEFYRHJvcGRvd25QYW5lbENvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kcm9wZG93bic7XG5pbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3QsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWEJ1dHRvbkl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi1pdGVtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWJ1dHRvbi1pdGVtLWxpc3QnLFxuICB0ZW1wbGF0ZTogYCA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b24taXRlbSwgYXgtdGl0bGUsIGF4LWRpdmlkZXJcIj48L25nLWNvbnRlbnQ+IGAsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi1pdGVtLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25JdGVtTGlzdENvbXBvbmVudCBleHRlbmRzIE1YSW50ZXJhY3RpdmVDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgQENvbnRlbnRDaGlsZHJlbihBWEJ1dHRvbkl0ZW1Db21wb25lbnQpXG4gIHByb3RlY3RlZCBfY29udGVudEJ1dHRvbnM6IFF1ZXJ5TGlzdDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+O1xuXG4gIEBPdXRwdXQoKVxuICBvbkl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEFYQnV0dG9uQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYQnV0dG9uQ2xpY2tFdmVudD4oKTtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KEFYRHJvcGRvd25QYW5lbENvbXBvbmVudCkgcHJpdmF0ZSBwYXJlbnQ6IEFYRHJvcGRvd25QYW5lbENvbXBvbmVudCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy5faW5pdENvbnRlbnRzKCk7XG4gICAgdGhpcy5fY29udGVudEJ1dHRvbnMuY2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5faW5pdENvbnRlbnRzKCk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF9pbml0Q29udGVudHMoKSB7XG4gICAgdGhpcy5fYmluZEV2ZW50cygpO1xuICAgIHRoaXMuX2JpbmRQcm9wcygpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHJpdmF0ZSBfYmluZEV2ZW50cygpIHtcbiAgICB0aGlzLl9jb250ZW50QnV0dG9ucz8uZm9yRWFjaCgoYikgPT4ge1xuICAgICAgaWYgKCFiLm9uQ2xpY2subGVuZ3RoKVxuICAgICAgICBiLm9uQ2xpY2suc3Vic2NyaWJlKChjKSA9PiB7XG4gICAgICAgICAgdGhpcy5faGFuZGxlT25JdGVtQ2xpY2soYyk7XG4gICAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfYmluZFByb3BzKCkge1xuICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zPy5mb3JFYWNoKChiKSA9PiB7XG4gICAgICBiLmRpc2FibGVkID0gYi5kaXNhYmxlZCA/PyB0aGlzLmRpc2FibGVkO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlT25JdGVtQ2xpY2soZTogQVhDbGlja0V2ZW50KSB7XG4gICAgdGhpcy5wYXJlbnQuY2xvc2UoKTtcbiAgICB0aGlzLl9lbWl0T25JdGVtQ2xpY2tFdmVudChlLCBlLmNvbXBvbmVudCk7XG4gIH1cblxuICBfZW1pdE9uSXRlbUNsaWNrRXZlbnQoZTogQVhDbGlja0V2ZW50LCBpdGVtOiBBWEJ1dHRvbkl0ZW1Db21wb25lbnQpOiB2b2lkIHtcbiAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuZ2V0SG9zdEVsZW1lbnQoKSxcbiAgICAgIG5hdGl2ZUV2ZW50OiBlLm5hdGl2ZUV2ZW50LFxuICAgICAgbmFtZTogaXRlbS5uYW1lLFxuICAgICAgZGF0YTogaXRlbS5kYXRhLFxuICAgIH0pO1xuICB9XG59XG4iXX0=
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { AXButtonItemComponent } from '@acorex/components/button';
|
|
2
2
|
import { MXColorLookComponent, MXInteractiveComponent, } from '@acorex/components/common';
|
|
3
|
-
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, HostBinding, Input, Output, QueryList, ViewEncapsulation, } from '@angular/core';
|
|
3
|
+
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, HostBinding, HostListener, Input, Output, QueryList, ViewEncapsulation, } from '@angular/core';
|
|
4
4
|
import { classes } from 'polytype';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLookComponent) {
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
|
+
this.onClick = new EventEmitter();
|
|
9
10
|
this.selectionChange = new EventEmitter();
|
|
10
11
|
}
|
|
11
12
|
get selection() {
|
|
@@ -79,8 +80,17 @@ export class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXCo
|
|
|
79
80
|
cssClasses[`ax-look-${this.look || 'default'}`] = true;
|
|
80
81
|
return cssClasses;
|
|
81
82
|
}
|
|
83
|
+
__hostClick(e) {
|
|
84
|
+
if (!this.disabled) {
|
|
85
|
+
this.onClick.emit({
|
|
86
|
+
component: this,
|
|
87
|
+
htmlElement: this.getHostElement(),
|
|
88
|
+
nativeEvent: e,
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
}
|
|
82
92
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
83
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:inline-flex;align-items:center;justify-content:center;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));padding:0 1rem}ax-button-group ax-button-item: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-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;transition:background-color .3s;content:\"\"}ax-button-group ax-button-item:hover:not(.ax-state-disabled){opacity:.75}ax-button-group ax-button-item:active{opacity:1}ax-button-group ax-button-item .ax-button-item-text{padding:0 .5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{width:1.5rem;height:1.5rem;display:flex!important;align-items:center;justify-content:center}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem}ax-button-group.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button-group.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem}ax-button-group.ax-lg{font-size:1.25rem}ax-button-group.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button-group.ax-xl{font-size:1.5rem}ax-button-group.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
93
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{border:1px solid;border-color:rgba(var(--ax-color-border-default));display:inline-flex;align-items:center;justify-content:center;height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));padding:0 1rem}ax-button-group ax-button-item: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-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-block-start:-1px;inset-inline-start:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding-block:1px;padding-inline:0;transition:background-color .3s;content:\"\"}ax-button-group ax-button-item:hover:not(.ax-state-disabled){opacity:.75}ax-button-group ax-button-item:active{opacity:1}ax-button-group ax-button-item .ax-button-item-text{padding:0 .5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{width:1.5rem;height:1.5rem;display:flex!important;align-items:center;justify-content:center}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem}ax-button-group.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button-group.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem}ax-button-group.ax-lg{font-size:1.25rem}ax-button-group.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button-group.ax-xl{font-size:1.5rem}ax-button-group.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
84
94
|
}
|
|
85
95
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
|
|
86
96
|
type: Component,
|
|
@@ -95,5 +105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
95
105
|
}], __hostClass: [{
|
|
96
106
|
type: HostBinding,
|
|
97
107
|
args: ['class']
|
|
108
|
+
}], __hostClick: [{
|
|
109
|
+
type: HostListener,
|
|
110
|
+
args: ['click', ['$event']]
|
|
98
111
|
}] } });
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9idXR0b24tZ3JvdXAvc3JjL2xpYi9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2J1dHRvbi1ncm91cC9zcmMvbGliL2J1dHRvbi1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBR0wsb0JBQW9CLEVBQ3BCLHNCQUFzQixHQUN2QixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFZbkMsTUFBTSxPQUFPLHNCQUF1QixTQUFRLE9BQU8sQ0FBQyxzQkFBc0IsRUFBRSxvQkFBb0IsQ0FBQztJQVZqRzs7UUFXRSxZQUFPLEdBQStCLElBQUksWUFBWSxFQUFnQixDQUFDO1FBTXZFLG9CQUFlLEdBQWtDLElBQUksWUFBWSxFQUFFLENBQUM7S0F5RnJFO0lBdEZDLElBQ1csU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUNELElBQVcsU0FBUyxDQUFDLEtBQXNCO1FBQ3pDLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDYixJQUFJLEVBQUUsV0FBVztZQUNqQixLQUFLLEVBQUUsS0FBSztZQUNaLGFBQWEsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDdEIsSUFBSSxLQUFLLElBQUksTUFBTSxFQUFFO29CQUNuQixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7aUJBQ3ZCO1lBQ0gsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQzFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDcEIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQU0sRUFBRSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU07Z0JBQ25CLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBTSxFQUFFLEVBQUU7b0JBQzdCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQy9CLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sVUFBVTtRQUNoQixJQUFJLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQU0sRUFBRSxFQUFFO1lBQ3ZDLElBQUksQ0FBQyxDQUFDLGdCQUFnQixDQUFDLElBQUksSUFBSSxFQUFFO2dCQUMvQixDQUFDLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDO2FBQ2xDO1lBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSTtnQkFBRSxDQUFDLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDbEMsSUFBSSxJQUFJLENBQUMsS0FBSztnQkFBRSxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDckMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDO1lBQ2xELENBQUMsQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVRLHFCQUFxQjtRQUM1QixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVPLGlCQUFpQixDQUFDLENBQWUsRUFBRSxNQUE2QjtRQUN0RSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksVUFBVSxFQUFFO1lBQ2hDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1NBQ3BDO2FBQU0sSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLFFBQVEsRUFBRTtZQUNyQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDdEIsTUFBTSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7U0FDeEI7YUFBTTtZQUNMLE1BQU0sQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQUVPLGNBQWM7UUFDcEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUF3QixFQUFFLEVBQUU7WUFDekQsQ0FBQyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDckIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFDWSxXQUFXO1FBQ3JCLE1BQU0sVUFBVSxHQUFHO1lBQ2pCLG1CQUFtQixFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ25DLENBQUM7UUFDRixVQUFVLENBQUMsWUFBWSxJQUFJLENBQUMsS0FBSyxJQUFJLFNBQVMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQ3pELFVBQVUsQ0FBQyxXQUFXLElBQUksQ0FBQyxJQUFJLElBQUksU0FBUyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDdkQsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQztJQUVPLFdBQVcsQ0FBQyxDQUFhO1FBQy9CLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO2dCQUNoQixTQUFTLEVBQUUsSUFBSTtnQkFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRTtnQkFDbEMsV0FBVyxFQUFFLENBQUM7YUFDZixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7OEdBL0ZVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHFlQUdoQixxQkFBcUIsb0RDbEN4QywwRkFHQTs7MkZENEJhLHNCQUFzQjtrQkFWbEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQixFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsVUFDZixDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLFdBQzVCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixDQUFDOzhCQU1yRSxlQUFlO3NCQUR0QixlQUFlO3VCQUFDLHFCQUFxQjtnQkFJdEMsZUFBZTtzQkFEZCxNQUFNO2dCQUtJLFNBQVM7c0JBRG5CLEtBQUs7Z0JBb0VNLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTztnQkFVWixXQUFXO3NCQURsQixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQnV0dG9uSXRlbUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHtcbiAgQVhDbGlja0V2ZW50LFxuICBBWFNlbGVjdGlvbk1vZGUsXG4gIE1YQ29sb3JMb29rQ29tcG9uZW50LFxuICBNWEludGVyYWN0aXZlQ29tcG9uZW50LFxufSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWJ1dHRvbi1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24tZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHsgcm9sZTogJ2dyb3VwJyB9LFxuICBpbnB1dHM6IFsnZGlzYWJsZWQnLCAnY29sb3InLCAnbG9vayddLFxuICBvdXRwdXRzOiBbJ29uQmx1cicsICdvbkZvY3VzJywgJ2xvb2tDaGFuZ2UnLCAnY29sb3JDaGFuZ2UnLCAnZGlzYWJsZWRDaGFuZ2UnXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25Hcm91cENvbXBvbmVudCBleHRlbmRzIGNsYXNzZXMoTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCwgTVhDb2xvckxvb2tDb21wb25lbnQpIHtcbiAgb25DbGljazogRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYQ2xpY2tFdmVudD4oKTtcblxuICBAQ29udGVudENoaWxkcmVuKEFYQnV0dG9uSXRlbUNvbXBvbmVudClcbiAgcHJpdmF0ZSBfY29udGVudEJ1dHRvbnM6IFF1ZXJ5TGlzdDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+O1xuXG4gIEBPdXRwdXQoKVxuICBzZWxlY3Rpb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxBWFNlbGVjdGlvbk1vZGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHByaXZhdGUgX3NlbGVjdGlvbjogQVhTZWxlY3Rpb25Nb2RlO1xuICBASW5wdXQoKVxuICBwdWJsaWMgZ2V0IHNlbGVjdGlvbigpOiBBWFNlbGVjdGlvbk1vZGUge1xuICAgIHJldHVybiB0aGlzLl9zZWxlY3Rpb247XG4gIH1cbiAgcHVibGljIHNldCBzZWxlY3Rpb24odmFsdWU6IEFYU2VsZWN0aW9uTW9kZSkge1xuICAgIHRoaXMuc2V0T3B0aW9uKHtcbiAgICAgIG5hbWU6ICdzZWxlY3Rpb24nLFxuICAgICAgdmFsdWU6IHZhbHVlLFxuICAgICAgYWZ0ZXJDYWxsYmFjazogKG8sIG4pID0+IHtcbiAgICAgICAgaWYgKHZhbHVlID09ICdub25lJykge1xuICAgICAgICAgIHRoaXMuY2xlYXJTZWxlY3Rpb24oKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICB9KTtcbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICB0aGlzLl9iaW5kRXZlbnRzKCk7XG4gICAgdGhpcy5fYmluZFByb3BzKCk7XG4gICAgdGhpcy5fY29udGVudEJ1dHRvbnMuY2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5fYmluZEV2ZW50cygpO1xuICAgICAgdGhpcy5fYmluZFByb3BzKCk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF9iaW5kRXZlbnRzKCkge1xuICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zPy5mb3JFYWNoKChiOiBhbnkpID0+IHtcbiAgICAgIGlmICghYi5vbkNsaWNrLmxlbmd0aClcbiAgICAgICAgYi5vbkNsaWNrLnN1YnNjcmliZSgoYzogYW55KSA9PiB7XG4gICAgICAgICAgdGhpcy5faGFuZGxlQ2xpY2tFdmVudChjLCBiKTtcbiAgICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIF9iaW5kUHJvcHMoKSB7XG4gICAgdGhpcy5fY29udGVudEJ1dHRvbnM/LmZvckVhY2goKGI6IGFueSkgPT4ge1xuICAgICAgaWYgKGJbJ29yaWdpbkRpc2FibGVkJ10gPT0gbnVsbCkge1xuICAgICAgICBiWydvcmlnaW5EaXNhYmxlZCddID0gYi5kaXNhYmxlZDtcbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLmxvb2spIGIubG9vayA9IHRoaXMubG9vaztcbiAgICAgIGlmICh0aGlzLmNvbG9yKSBiLmNvbG9yID0gdGhpcy5jb2xvcjtcbiAgICAgIGIuZGlzYWJsZWQgPSBiWydvcmlnaW5EaXNhYmxlZCddIHx8IHRoaXMuZGlzYWJsZWQ7XG4gICAgICBiLnRvZ2dsZWFibGUgPSBmYWxzZTtcbiAgICB9KTtcbiAgfVxuXG4gIG92ZXJyaWRlIGludGVybmFsT3B0aW9uQ2hhbmdlZCgpIHtcbiAgICB0aGlzLl9iaW5kUHJvcHMoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUNsaWNrRXZlbnQoZTogQVhDbGlja0V2ZW50LCBidXR0b246IEFYQnV0dG9uSXRlbUNvbXBvbmVudCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGlvbiA9PSAnbXVsdGlwbGUnKSB7XG4gICAgICBidXR0b24uc2VsZWN0ZWQgPSAhYnV0dG9uLnNlbGVjdGVkO1xuICAgIH0gZWxzZSBpZiAodGhpcy5zZWxlY3Rpb24gPT0gJ3NpbmdsZScpIHtcbiAgICAgIHRoaXMuY2xlYXJTZWxlY3Rpb24oKTtcbiAgICAgIGJ1dHRvbi5zZWxlY3RlZCA9IHRydWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIGJ1dHRvbi5zZWxlY3RlZCA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgY2xlYXJTZWxlY3Rpb24oKSB7XG4gICAgdGhpcy5fY29udGVudEJ1dHRvbnM/LmZvckVhY2goKGM6IEFYQnV0dG9uSXRlbUNvbXBvbmVudCkgPT4ge1xuICAgICAgYy5zZWxlY3RlZCA9IGZhbHNlO1xuICAgIH0pO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHsgW2tleTogc3RyaW5nXTogYm9vbGVhbiB9IHtcbiAgICBjb25zdCBjc3NDbGFzc2VzID0ge1xuICAgICAgJ2F4LXN0YXRlLWRpc2FibGVkJzogdGhpcy5kaXNhYmxlZCxcbiAgICB9O1xuICAgIGNzc0NsYXNzZXNbYGF4LWNvbG9yLSR7dGhpcy5jb2xvciB8fCAncHJpbWFyeSd9YF0gPSB0cnVlO1xuICAgIGNzc0NsYXNzZXNbYGF4LWxvb2stJHt0aGlzLmxvb2sgfHwgJ2RlZmF1bHQnfWBdID0gdHJ1ZTtcbiAgICByZXR1cm4gY3NzQ2xhc3NlcztcbiAgfVxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Q2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGFpbmVyPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b24taXRlbVwiPjwvbmctY29udGVudD5cbjwvbmctY29udGFpbmVyPlxuIl19
|
|
@@ -44,21 +44,23 @@ export class AXDataPagerPageSizesComponent extends AXDataPagerChild {
|
|
|
44
44
|
class="ax-sm"
|
|
45
45
|
[disabled]="_parent.disabled"
|
|
46
46
|
>
|
|
47
|
-
<ax-dropdown-panel
|
|
48
|
-
<ax-button-item
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
47
|
+
<ax-dropdown-panel>
|
|
48
|
+
<ax-button-item-list (onItemClick)="_emitOnItemClick($event)">
|
|
49
|
+
<ax-button-item
|
|
50
|
+
*ngFor="let item of _items"
|
|
51
|
+
[text]="item.text"
|
|
52
|
+
[data]="item.data"
|
|
53
|
+
[selected]="item.selected"
|
|
54
|
+
>
|
|
55
|
+
</ax-button-item>
|
|
56
|
+
</ax-button-item-list>
|
|
55
57
|
</ax-dropdown-panel>
|
|
56
58
|
<ax-suffix>
|
|
57
59
|
<ax-icon icon="ax-icon ax-icon-arrow-down"></ax-icon>
|
|
58
60
|
</ax-suffix>
|
|
59
61
|
</ax-button>
|
|
60
62
|
<!-- <span >items per page</span> -->
|
|
61
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"
|
|
63
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", outputs: ["onItemClick"] }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
62
64
|
}
|
|
63
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXDataPagerPageSizesComponent, decorators: [{
|
|
64
66
|
type: Component,
|
|
@@ -72,14 +74,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
72
74
|
class="ax-sm"
|
|
73
75
|
[disabled]="_parent.disabled"
|
|
74
76
|
>
|
|
75
|
-
<ax-dropdown-panel
|
|
76
|
-
<ax-button-item
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
77
|
+
<ax-dropdown-panel>
|
|
78
|
+
<ax-button-item-list (onItemClick)="_emitOnItemClick($event)">
|
|
79
|
+
<ax-button-item
|
|
80
|
+
*ngFor="let item of _items"
|
|
81
|
+
[text]="item.text"
|
|
82
|
+
[data]="item.data"
|
|
83
|
+
[selected]="item.selected"
|
|
84
|
+
>
|
|
85
|
+
</ax-button-item>
|
|
86
|
+
</ax-button-item-list>
|
|
83
87
|
</ax-dropdown-panel>
|
|
84
88
|
<ax-suffix>
|
|
85
89
|
<ax-icon icon="ax-icon ax-icon-arrow-down"></ax-icon>
|
|
@@ -95,4 +99,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
|
95
99
|
}], propDecorators: { sizes: [{
|
|
96
100
|
type: Input
|
|
97
101
|
}] } });
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci1wYWdlc2l6ZS1kcm9wZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZGF0YS1wYWdlci9zcmMvbGliL2RhdGEtcGFnZXItcGFnZXNpemUtZHJvcGRvd24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7O0FBa0MvRCxNQUFNLE9BQU8sNkJBQThCLFNBQVEsZ0JBQWdCO0lBaENuRTs7UUFtQ0UsZ0NBQWdDO1FBQ2hDLFdBQU0sR0FBVSxFQUFFLENBQUM7S0E0QnBCO0lBekJDLElBQ1csS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBQ0QsSUFBVyxLQUFLLENBQUMsQ0FBVztRQUMxQixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUNoQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVrQixXQUFXO1FBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDO1FBQzNDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFNLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDeEMsSUFBSSxFQUFFLENBQUMsQ0FBQyxRQUFRLEVBQUU7WUFDbEIsUUFBUSxFQUFFLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSztZQUN6QixJQUFJLEVBQUU7Z0JBQ0osSUFBSSxFQUFFLENBQUM7YUFDUjtTQUNGLENBQUMsQ0FBQyxDQUFDO1FBQ0osSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsQ0FBZTtRQUM5QixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUTtZQUFFLE9BQU87UUFDM0QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2RCxDQUFDOzhHQS9CVSw2QkFBNkI7a0dBQTdCLDZCQUE2QiwrRUFGN0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsNkJBQTZCLEVBQUUsRUFBRSxjQUFjLENBQUMsaURBNUI1Rjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JUOzsyRkFNVSw2QkFBNkI7a0JBaEN6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JUO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVywrQkFBK0IsRUFBRSxFQUFFLGNBQWMsQ0FBQztpQkFDdkc7OEJBU1ksS0FBSztzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDbGlja0V2ZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBWFVuc3Vic2NyaWJlciB9IGZyb20gJ0BhY29yZXgvY29yZS91dGlscyc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYRGF0YVBhZ2VyQ2hpbGQgfSBmcm9tICcuL2RhdGEtcGFnZXItYmFzZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1kYXRhLXBhZ2VyLXBhZ2Utc2l6ZXMnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxheC1idXR0b25cbiAgICAgIFt0ZXh0XT1cIl9zaXplXCJcbiAgICAgIFtjb2xvcl09XCInZGVmYXVsdCdcIlxuICAgICAgW2xvb2tdPVwiJ2JsYW5rJ1wiXG4gICAgICBjbGFzcz1cImF4LXNtXCJcbiAgICAgIFtkaXNhYmxlZF09XCJfcGFyZW50LmRpc2FibGVkXCJcbiAgICA+XG4gICAgICA8YXgtZHJvcGRvd24tcGFuZWw+XG4gICAgICAgIDxheC1idXR0b24taXRlbS1saXN0IChvbkl0ZW1DbGljayk9XCJfZW1pdE9uSXRlbUNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICA8YXgtYnV0dG9uLWl0ZW1cbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIF9pdGVtc1wiXG4gICAgICAgICAgICBbdGV4dF09XCJpdGVtLnRleHRcIlxuICAgICAgICAgICAgW2RhdGFdPVwiaXRlbS5kYXRhXCJcbiAgICAgICAgICAgIFtzZWxlY3RlZF09XCJpdGVtLnNlbGVjdGVkXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgPC9heC1idXR0b24taXRlbT5cbiAgICAgICAgPC9heC1idXR0b24taXRlbS1saXN0PlxuICAgICAgPC9heC1kcm9wZG93bi1wYW5lbD5cbiAgICAgIDxheC1zdWZmaXg+XG4gICAgICAgIDxheC1pY29uIGljb249XCJheC1pY29uIGF4LWljb24tYXJyb3ctZG93blwiPjwvYXgtaWNvbj5cbiAgICAgIDwvYXgtc3VmZml4PlxuICAgIDwvYXgtYnV0dG9uPlxuICAgIDwhLS0gPHNwYW4gPml0ZW1zIHBlciBwYWdlPC9zcGFuPiAtLT5cbiAgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIG91dHB1dHM6IFtdLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYRGF0YVBhZ2VyQ2hpbGQsIHVzZUV4aXN0aW5nOiBBWERhdGFQYWdlclBhZ2VTaXplc0NvbXBvbmVudCB9LCBBWFVuc3Vic2NyaWJlcl0sXG59KVxuZXhwb3J0IGNsYXNzIEFYRGF0YVBhZ2VyUGFnZVNpemVzQ29tcG9uZW50IGV4dGVuZHMgQVhEYXRhUGFnZXJDaGlsZCB7XG4gIF9zaXplOiBudW1iZXI7XG5cbiAgLy9UT0RPOiBBWEJ1dHRvbkl0ZW1zIHR5cGUgZXJyb3JcbiAgX2l0ZW1zOiBhbnlbXSA9IFtdO1xuXG4gIHByaXZhdGUgX3NpemVzOiBudW1iZXJbXTtcbiAgQElucHV0KClcbiAgcHVibGljIGdldCBzaXplcygpOiBudW1iZXJbXSB7XG4gICAgcmV0dXJuIHRoaXMuX3NpemVzIHx8IFs1LCAxMCwgMjAsIDUwLCAxMDBdO1xuICB9XG4gIHB1YmxpYyBzZXQgc2l6ZXModjogbnVtYmVyW10pIHtcbiAgICB0aGlzLl9zaXplcyA9IHY7XG4gICAgdGhpcy5hcHBseVBhcmVudCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGFwcGx5UGFyZW50KCk6IHZvaWQge1xuICAgIHRoaXMuX3NpemUgPSB0aGlzLl9wYXJlbnQuZGlzcGxheUluZm8udGFrZTtcbiAgICB0aGlzLl9pdGVtcyA9IHRoaXMuc2l6ZXMubWFwKChzOiBhbnkpID0+ICh7XG4gICAgICB0ZXh0OiBzLnRvU3RyaW5nKCksXG4gICAgICBzZWxlY3RlZDogcyA9PSB0aGlzLl9zaXplLFxuICAgICAgZGF0YToge1xuICAgICAgICBzaXplOiBzLFxuICAgICAgfSxcbiAgICB9KSk7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgX2VtaXRPbkl0ZW1DbGljayhlOiBBWENsaWNrRXZlbnQpIHtcbiAgICBpZiAodGhpcy5fcGFyZW50LnJlYWRvbmx5IHx8IHRoaXMuX3BhcmVudC5kaXNhYmxlZCkgcmV0dXJuO1xuICAgIHRoaXMuX3NpemUgPSB0aGlzLl9wYXJlbnQuc2l6ZSA9IE51bWJlcihlLmRhdGEuc2l6ZSk7XG4gIH1cbn1cbiJdfQ==
|