@acorex/components 7.8.14 → 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/lib/button.component.d.ts +1 -1
- 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 +61 -7
- package/esm2022/button/lib/button.component.mjs +3 -3
- 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/form/lib/form-field.component.mjs +2 -2
- package/esm2022/range-slider/lib/range-slider.component.mjs +2 -2
- package/esm2022/result/lib/result.component.mjs +2 -2
- package/esm2022/scheduler/lib/scheduler.component.mjs +1 -1
- package/esm2022/uploader/lib/uploader-list.component.mjs +18 -28
- package/esm2022/uploader/lib/uploader-zone.directive.mjs +35 -14
- package/esm2022/uploader/lib/uploader.module.mjs +5 -4
- package/esm2022/uploader/lib/uploader.service.mjs +12 -2
- 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 +65 -13
- 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-form.mjs +2 -2
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +2 -2
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +2 -2
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +1 -1
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +87 -68
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/package.json +7 -7
- package/uploader/lib/uploader-list.component.d.ts +2 -1
- package/uploader/lib/uploader-zone.directive.d.ts +10 -5
- package/uploader/lib/uploader.module.d.ts +2 -1
- package/uploader/lib/uploader.service.d.ts +4 -1
|
@@ -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
|
}
|
|
@@ -22,5 +22,5 @@ export declare class AXButtonComponent extends MXButtonBaseComponent implements
|
|
|
22
22
|
focus(): void;
|
|
23
23
|
blur(): void;
|
|
24
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix, ax-loading, ax-icon", "ax-content", "ax-suffix", "ax-dropdown-panel", ".tab-content"], false, never>;
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonComponent, "ax-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "text": { "alias": "text"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "selectedChange": "selectedChange"; "toggleableChange": "toggleableChange"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; }, never, ["ax-prefix, ax-loading, ax-icon", "ax-content", "ax-suffix", ",ax-dropdown-panel", ".tab-content"], false, never>;
|
|
26
26
|
}
|
|
@@ -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
|
-
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;
|
|
10
|
-
}]
|
|
11
|
-
|
|
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"] }]
|
|
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=
|