@acorex/components 7.4.3 → 7.4.4
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/index.d.ts +0 -1
- package/button/lib/button.component.d.ts +1 -0
- package/button/lib/button.module.d.ts +3 -3
- package/button-group/lib/button-group.component.d.ts +1 -1
- package/common/index.d.ts +5 -4
- package/common/lib/common.module.d.ts +2 -1
- package/common/lib/components/base-component.class.d.ts +1 -2
- package/common/lib/components/color-component.class.d.ts +0 -2
- package/common/lib/components/colorlook-component.class.d.ts +0 -2
- package/common/lib/components/interactive-component.class.d.ts +4 -5
- package/common/lib/components/look-component.class.d.ts +0 -2
- package/common/lib/directives/ripple.directive.d.ts +10 -0
- package/datetime-picker/lib/datetime-picker.component.d.ts +6 -2
- package/dialog/lib/dialog.class.d.ts +17 -4
- package/dialog/lib/dialog.component.d.ts +4 -5
- package/esm2022/alert/lib/alert.component.mjs +2 -2
- package/esm2022/badge/lib/badge.component.mjs +2 -2
- package/esm2022/button/index.mjs +1 -2
- package/esm2022/button/lib/button-item.class.mjs +1 -1
- package/esm2022/button/lib/button.component.mjs +11 -6
- package/esm2022/button/lib/button.module.mjs +6 -14
- package/esm2022/button-group/lib/button-group.component.mjs +7 -5
- package/esm2022/calendar/lib/calendar.component.mjs +7 -7
- package/esm2022/chips/lib/chips.component.mjs +2 -2
- package/esm2022/common/index.mjs +6 -5
- package/esm2022/common/lib/common.module.mjs +11 -7
- package/esm2022/common/lib/components/base-component.class.mjs +6 -8
- package/esm2022/common/lib/components/button-base-component.class.mjs +1 -1
- package/esm2022/common/lib/components/color-component.class.mjs +2 -4
- package/esm2022/common/lib/components/colorlook-component.class.mjs +3 -5
- package/esm2022/common/lib/components/interactive-component.class.mjs +9 -8
- package/esm2022/common/lib/components/look-component.class.mjs +2 -4
- package/esm2022/common/lib/directives/ripple.directive.mjs +38 -0
- package/esm2022/data-pager/lib/data-pager-numeric-selector.component.mjs +6 -6
- package/esm2022/data-pager/lib/data-pager.component.mjs +2 -2
- package/esm2022/datetime-box/lib/datetime-box.component.mjs +3 -3
- package/esm2022/datetime-input/lib/datetime-input.component.mjs +3 -3
- package/esm2022/datetime-picker/lib/datetime-picker.component.mjs +23 -11
- package/esm2022/dialog/lib/dialog.class.mjs +1 -1
- package/esm2022/dialog/lib/dialog.component.mjs +13 -14
- package/esm2022/dialog/lib/dialog.service.mjs +1 -3
- package/esm2022/form/lib/validation-rule.widget.mjs +4 -6
- package/esm2022/mixin/lib/color-look-mixing.class.mjs +1 -3
- package/esm2022/otp/lib/otp.component.mjs +11 -2
- package/esm2022/picker/lib/picker.component.mjs +13 -4
- package/esm2022/scheduler/lib/scheduler-month-view.component.mjs +3 -3
- package/esm2022/scheduler/lib/scheduler.component.mjs +4 -4
- package/esm2022/switch/lib/switch.component.mjs +2 -2
- package/esm2022/tabs/lib/tabs.component.mjs +2 -2
- package/esm2022/toast/lib/toast.component.mjs +3 -3
- package/fesm2022/acorex-components-alert.mjs +2 -2
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +2 -2
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +6 -4
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +16 -109
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +6 -6
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +2 -2
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs +60 -28
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +7 -7
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +2 -2
- package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-input.mjs +2 -2
- package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-picker.mjs +24 -13
- package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +12 -15
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +1 -3
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-mixin.mjs +1 -3
- package/fesm2022/acorex-components-mixin.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +10 -1
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +12 -3
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +4 -4
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +2 -2
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +2 -2
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/form/lib/validation-rule.widget.d.ts +3 -2
- package/mixin/lib/base-components.class.d.ts +2 -2
- package/mixin/lib/base-menu-mixin.class.d.ts +5 -5
- package/mixin/lib/button-mixin.class.d.ts +2 -2
- package/mixin/lib/clickable-mixin.class.d.ts +2 -2
- package/mixin/lib/color-look-mixing.class.d.ts +2 -4
- package/mixin/lib/datalist-component.class.d.ts +10 -10
- package/mixin/lib/dropdown-mixin.class.d.ts +2 -2
- package/mixin/lib/interactive-mixin.class.d.ts +4 -4
- package/mixin/lib/mixin.class.d.ts +61 -61
- package/mixin/lib/page-component.class.d.ts +2 -2
- package/mixin/lib/selection-component.class.d.ts +2 -2
- package/mixin/lib/sizable-mixin.class.d.ts +2 -2
- package/mixin/lib/textbox-mixin.class.d.ts +2 -2
- package/mixin/lib/value-mixin.class.d.ts +8 -8
- package/otp/lib/otp.component.d.ts +1 -0
- package/package.json +1 -1
- package/picker/lib/picker.component.d.ts +1 -0
- package/button/lib/button-group.component.d.ts +0 -23
- package/esm2022/button/lib/button-group.component.mjs +0 -95
package/button/index.d.ts
CHANGED
@@ -20,6 +20,7 @@ export declare class AXButtonComponent extends MXButtonBaseComponent implements
|
|
20
20
|
click(): void;
|
21
21
|
private get __hostClass();
|
22
22
|
focus(): void;
|
23
|
+
blur(): void;
|
23
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonComponent, never>;
|
24
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"], false, never>;
|
25
26
|
}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
2
|
import * as i1 from "./button.component";
|
3
3
|
import * as i2 from "./button-item.component";
|
4
|
-
import * as i3 from "
|
5
|
-
import * as i4 from "@
|
4
|
+
import * as i3 from "@angular/common";
|
5
|
+
import * as i4 from "@acorex/components/common";
|
6
6
|
import * as i5 from "@acorex/components/decorators";
|
7
7
|
export declare class AXButtonModule {
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonModule, never>;
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonModule, [typeof i1.AXButtonComponent, typeof i2.AXButtonItemComponent, typeof i3.
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonModule, [typeof i1.AXButtonComponent, typeof i2.AXButtonItemComponent], [typeof i3.CommonModule, typeof i4.AXCommonModule, typeof i5.AXDecoratorModule], [typeof i1.AXButtonComponent, typeof i2.AXButtonItemComponent]>;
|
10
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXButtonModule>;
|
11
11
|
}
|
@@ -16,6 +16,6 @@ export declare class AXButtonGroupComponent extends AXButtonGroupComponent_base
|
|
16
16
|
private clearSelection;
|
17
17
|
private get __hostClass();
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group
|
19
|
+
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
20
|
}
|
21
21
|
export {};
|
package/common/index.d.ts
CHANGED
@@ -1,25 +1,26 @@
|
|
1
|
-
export * from './lib/types/orientation';
|
2
1
|
export * from './lib/types/direction';
|
2
|
+
export * from './lib/types/orientation';
|
3
3
|
export * from './lib/types/placement';
|
4
4
|
export * from './lib/types/range';
|
5
5
|
export * from './lib/types/selection-mode';
|
6
6
|
export * from './lib/classes/components.class';
|
7
|
+
export * from './lib/classes/datalist.class';
|
7
8
|
export * from './lib/classes/events.class';
|
8
9
|
export * from './lib/classes/styles.class';
|
9
|
-
export * from './lib/classes/datalist.class';
|
10
10
|
export * from './lib/common.module';
|
11
11
|
export * from './lib/components/base-component.class';
|
12
12
|
export * from './lib/components/button-base-component.class';
|
13
13
|
export * from './lib/components/color-component.class';
|
14
14
|
export * from './lib/components/colorlook-component.class';
|
15
|
+
export * from './lib/components/input-base-value-component.class';
|
15
16
|
export * from './lib/components/interactive-component.class';
|
16
17
|
export * from './lib/components/look-component.class';
|
17
18
|
export * from './lib/components/value-component.class';
|
18
|
-
export * from './lib/components/input-base-value-component.class';
|
19
19
|
export * from './lib/directives/auto-focus.directive';
|
20
20
|
export * from './lib/directives/delayed-value-changed.directive';
|
21
21
|
export * from './lib/directives/hotkey.directive';
|
22
22
|
export * from './lib/directives/infinite-scroll.directive';
|
23
23
|
export * from './lib/directives/responsive.directive';
|
24
|
-
export * from './lib/
|
24
|
+
export * from './lib/directives/ripple.directive';
|
25
25
|
export * from './lib/services/dom.service';
|
26
|
+
export * from './lib/services/hotkey.service';
|
@@ -3,8 +3,9 @@ import * as i1 from "./directives/responsive.directive";
|
|
3
3
|
import * as i2 from "./directives/infinite-scroll.directive";
|
4
4
|
import * as i3 from "./directives/auto-focus.directive";
|
5
5
|
import * as i4 from "./directives/hotkey.directive";
|
6
|
+
import * as i5 from "./directives/ripple.directive";
|
6
7
|
export declare class AXCommonModule {
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXCommonModule, never>;
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective]>;
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AXCommonModule, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective, typeof i5.AXRippleDirective], never, [typeof i1.AXResponsiveDirective, typeof i2.AXInfiniteScrollerDirective, typeof i3.AXAutoFocusDirective, typeof i4.AXHotkeyDirective, typeof i5.AXRippleDirective]>;
|
9
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<AXCommonModule>;
|
10
11
|
}
|
@@ -32,11 +32,10 @@ export declare abstract class MXBaseComponent {
|
|
32
32
|
constructor();
|
33
33
|
onOptionChanged: EventEmitter<AXOptionChangedEvent>;
|
34
34
|
setOption<T = any>(option: MXComponentSetOption<T>): void;
|
35
|
+
private _detectLayout;
|
35
36
|
private _rtl;
|
36
37
|
get rtl(): boolean;
|
37
38
|
set rtl(value: boolean);
|
38
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<MXBaseComponent, never>;
|
39
40
|
static ɵprov: i0.ɵɵInjectableDeclaration<MXBaseComponent>;
|
40
41
|
}
|
41
|
-
export declare const BASE_INPUTS: string[];
|
42
|
-
export declare const BASE_OUTPUT: any[];
|
@@ -4,6 +4,4 @@ declare const MXColorLookComponent_base: import("polytype").Polytype.ClusteredCo
|
|
4
4
|
export declare class MXColorLookComponent extends MXColorLookComponent_base {
|
5
5
|
constructor();
|
6
6
|
}
|
7
|
-
export declare const COLOR_LOOK_INPUTS: string[];
|
8
|
-
export declare const COLOR_LOOK_OUTPUT: any[];
|
9
7
|
export {};
|
@@ -34,17 +34,16 @@ export declare class MXInteractiveComponent extends MXBaseComponent {
|
|
34
34
|
onBlur: EventEmitter<AXFocusEvent>;
|
35
35
|
protected emitOnBlurEvent(e: FocusEvent): void;
|
36
36
|
/**
|
37
|
-
|
38
|
-
|
39
|
-
|
37
|
+
* Fires each time the user clicks the button.
|
38
|
+
* @event
|
39
|
+
*/
|
40
40
|
onClick: EventEmitter<AXClickEvent>;
|
41
41
|
protected emitOnClickEvent(e: MouseEvent): void;
|
42
42
|
constructor();
|
43
43
|
focus(): void;
|
44
|
+
blur(): void;
|
44
45
|
/**
|
45
46
|
* Check component is focused or has any focused element.
|
46
47
|
*/
|
47
48
|
hasFocus(): boolean;
|
48
49
|
}
|
49
|
-
export declare const INTERACTIVE_INPUTS: string[];
|
50
|
-
export declare const INTERACTIVE_OUTPUT: any[];
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { ElementRef, OnDestroy } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class AXRippleDirective implements OnDestroy {
|
4
|
+
private el;
|
5
|
+
constructor(el: ElementRef<HTMLElement>);
|
6
|
+
ngOnDestroy(): void;
|
7
|
+
private createRipple;
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AXRippleDirective, never>;
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AXRippleDirective, "[axRipple]", never, {}, {}, never, never, false, never>;
|
10
|
+
}
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { AXCalendarNavigateEvent, MXCalendarBaseComponent } from '@acorex/components/calendar';
|
2
2
|
import { AXClickEvent, AXValueChangedEvent, MXValueComponent } from '@acorex/components/common';
|
3
3
|
import { AXPickerComponent } from '@acorex/components/picker';
|
4
|
+
import { AXTabsComponent } from '@acorex/components/tabs';
|
4
5
|
import { AXTabStripChangedEvent } from '@acorex/components/tabs';
|
5
6
|
import { AXDateTime, AXDateTimeParts } from '@acorex/core/dateTime';
|
6
7
|
import { EventEmitter, OnInit } from '@angular/core';
|
@@ -11,8 +12,12 @@ declare const AXDateTimePickerComponent_base: import("polytype").Polytype.Cluste
|
|
11
12
|
ɵprov: import("@angular/core").ɵɵInjectableDeclaration<MXValueComponent<any>>;
|
12
13
|
}]>;
|
13
14
|
export declare class AXDateTimePickerComponent extends AXDateTimePickerComponent_base implements OnInit {
|
15
|
+
private _updateOn;
|
16
|
+
get updateOn(): 'change' | 'set';
|
17
|
+
set updateOn(v: 'change' | 'set');
|
14
18
|
private _calendarService;
|
15
19
|
protected picker: AXPickerComponent;
|
20
|
+
protected tabs: AXTabsComponent;
|
16
21
|
protected hours: any[];
|
17
22
|
minutes: any[];
|
18
23
|
protected _parts: AXDateTimeParts;
|
@@ -29,7 +34,6 @@ export declare class AXDateTimePickerComponent extends AXDateTimePickerComponent
|
|
29
34
|
refresh(): void;
|
30
35
|
internalValueChanged(value?: Date): void;
|
31
36
|
protected _handleViewChanged(e: AXTabStripChangedEvent): void;
|
32
|
-
protected _handleOnItemClick(part: any): void;
|
33
37
|
protected _handlePickerOnValueChanged(e: AXValueChangedEvent<Date>, part: string): void;
|
34
38
|
protected _handleCalendarOnNavigate(e: AXCalendarNavigateEvent): void;
|
35
39
|
protected _handleCalendarOnValueChanged(e: AXValueChangedEvent<Date>): void;
|
@@ -37,6 +41,6 @@ export declare class AXDateTimePickerComponent extends AXDateTimePickerComponent
|
|
37
41
|
protected _handleSetClick(e: AXClickEvent): void;
|
38
42
|
protected _handleNowClick(e: AXClickEvent): void;
|
39
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDateTimePickerComponent, never>;
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AXDateTimePickerComponent, "ax-datetime-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "formatChange": "formatChange"; }, never, never, false, never>;
|
44
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AXDateTimePickerComponent, "ax-datetime-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "holidayDates": { "alias": "holidayDates"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "updateOn": { "alias": "updateOn"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onClick": "onClick"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "depthChange": "depthChange"; "typeChange": "typeChange"; "activeViewChange": "activeViewChange"; "disabledDatesChange": "disabledDatesChange"; "holidayDatesChange": "holidayDatesChange"; "onNavigate": "onNavigate"; "onSlotClick": "onSlotClick"; "formatChange": "formatChange"; }, never, never, false, never>;
|
41
45
|
}
|
42
46
|
export {};
|
@@ -1,10 +1,23 @@
|
|
1
|
-
import { AXStyleColorType } from '@acorex/components/common';
|
2
|
-
|
1
|
+
import { AXHotKeyAction, AXStyleColorType, AXStyleLookType } from '@acorex/components/common';
|
2
|
+
export interface AXDialogButtonItem {
|
3
|
+
text: string;
|
4
|
+
color?: AXStyleColorType;
|
5
|
+
look?: AXStyleLookType;
|
6
|
+
name?: string;
|
7
|
+
disabled?: boolean;
|
8
|
+
loading?: boolean;
|
9
|
+
hotkey?: string | AXHotKeyAction;
|
10
|
+
autofocus?: boolean;
|
11
|
+
onClick?: (e?: {
|
12
|
+
source: AXDialogButtonItem;
|
13
|
+
handled?: boolean;
|
14
|
+
}) => void;
|
15
|
+
}
|
3
16
|
export interface AXDialogConfig {
|
4
17
|
title: string;
|
5
18
|
content: string;
|
6
19
|
type: AXStyleColorType;
|
7
|
-
buttons:
|
20
|
+
buttons: AXDialogButtonItem[];
|
8
21
|
closeButton?: boolean;
|
9
22
|
orientation?: "horizontal" | "vertical";
|
10
23
|
}
|
@@ -15,7 +28,7 @@ export interface AXDialogData {
|
|
15
28
|
title: string;
|
16
29
|
content: string;
|
17
30
|
type: AXStyleColorType;
|
18
|
-
buttons:
|
31
|
+
buttons: AXDialogButtonItem[];
|
19
32
|
closeButton: boolean;
|
20
33
|
orientation: "horizontal" | "vertical";
|
21
34
|
}
|
@@ -1,7 +1,6 @@
|
|
1
|
-
import {
|
2
|
-
import { MXBaseComponent, AXComponentCloseEvent } from '@acorex/components/common';
|
1
|
+
import { AXComponentCloseEvent, MXBaseComponent } from '@acorex/components/common';
|
3
2
|
import { DialogRef } from '@angular/cdk/dialog';
|
4
|
-
import { AXDialogData } from './dialog.class';
|
3
|
+
import { AXDialogButtonItem, AXDialogData } from './dialog.class';
|
5
4
|
import * as i0 from "@angular/core";
|
6
5
|
export declare class AXDialogComponent extends MXBaseComponent {
|
7
6
|
protected data: AXDialogData;
|
@@ -12,8 +11,8 @@ export declare class AXDialogComponent extends MXBaseComponent {
|
|
12
11
|
*/
|
13
12
|
constructor(data: AXDialogData, dialogRef: DialogRef<AXComponentCloseEvent>);
|
14
13
|
ngOnInit(): void;
|
15
|
-
protected _handleButtonClick(button:
|
16
|
-
protected _hasAutoFocus(button:
|
14
|
+
protected _handleButtonClick(button: AXDialogButtonItem): void;
|
15
|
+
protected _hasAutoFocus(button: AXDialogButtonItem): boolean;
|
17
16
|
close(): void;
|
18
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDialogComponent, never>;
|
19
18
|
static ɵcmp: i0.ɵɵComponentDeclaration<AXDialogComponent, "ax-dialog", never, {}, {}, never, never, false, never>;
|
@@ -158,11 +158,11 @@ export class AXAlertComponent extends classes(MXColorComponent) {
|
|
158
158
|
this.onOptionChanged?.unsubscribe();
|
159
159
|
}
|
160
160
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXAlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
161
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { colorChange: "colorChange", onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_iconComp", first: true, predicate: ["ax-icon"], descendants: true }, { propertyName: "_titleComp", first: true, predicate: ["ax-title"], descendants: true }, { propertyName: "_contentComp", first: true, predicate: ["ax-content"], descendants: true }, { propertyName: "_footerComp", first: true, predicate: ["ax-footer"], descendants: true }, { propertyName: "_buttonComps", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_showInline; else elseTpl\">\n <div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <div class=\"ax-alert-buttons\">\n <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #elseTpl>\n <div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-content\">\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n </div>\n</ng-template>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>\n\n<ng-template #buttons>\n <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden;border:1px solid}ax-alert.ax-default-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-
|
161
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { colorChange: "colorChange", onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_iconComp", first: true, predicate: ["ax-icon"], descendants: true }, { propertyName: "_titleComp", first: true, predicate: ["ax-title"], descendants: true }, { propertyName: "_contentComp", first: true, predicate: ["ax-content"], descendants: true }, { propertyName: "_footerComp", first: true, predicate: ["ax-footer"], descendants: true }, { propertyName: "_buttonComps", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_showInline; else elseTpl\">\n <div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <div class=\"ax-alert-buttons\">\n <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #elseTpl>\n <div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-content\">\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n </div>\n</ng-template>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>\n\n<ng-template #buttons>\n <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden;border:1px solid}ax-alert.ax-default-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-alert.ax-ghost-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-alert .ax-alert-inline{display:flex;align-items:center;align-content:center;flex:1}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column}ax-alert .ax-alert-block .ax-alert-content ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{border-radius:99rem;display:grid;font-size:1.25rem;line-height:1.25rem;padding-inline-end:.5rem}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-100))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-100))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-100))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-100))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default .ax-alert-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-100))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-100))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
162
162
|
}
|
163
163
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXAlertComponent, decorators: [{
|
164
164
|
type: Component,
|
165
|
-
args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<ng-container *ngIf=\"_showInline; else elseTpl\">\n <div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <div class=\"ax-alert-buttons\">\n <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #elseTpl>\n <div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-content\">\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n </div>\n</ng-template>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>\n\n<ng-template #buttons>\n <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden;border:1px solid}ax-alert.ax-default-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-
|
165
|
+
args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<ng-container *ngIf=\"_showInline; else elseTpl\">\n <div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <div class=\"ax-alert-buttons\">\n <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #elseTpl>\n <div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-content\">\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n </div>\n</ng-template>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>\n\n<ng-template #buttons>\n <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden;border:1px solid}ax-alert.ax-default-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-alert.ax-ghost-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-alert .ax-alert-inline{display:flex;align-items:center;align-content:center;flex:1}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column}ax-alert .ax-alert-block .ax-alert-content ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{border-radius:99rem;display:grid;font-size:1.25rem;line-height:1.25rem;padding-inline-end:.5rem}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-100))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-100))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-100))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-100))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default .ax-alert-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-100))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-100))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"] }]
|
166
166
|
}], propDecorators: { _iconComp: [{
|
167
167
|
type: ContentChild,
|
168
168
|
args: ["ax-icon"]
|
@@ -12,11 +12,11 @@ export class AXBadgeComponent extends classes(MXColorComponent) {
|
|
12
12
|
return `ax-${this.color}-default ${!this.text ? 'ax-mini-badge' : ''} ${this.text?.length == 1 ? 'ax-single-badge' : ''}`;
|
13
13
|
}
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{ text }}</span>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-default-default{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{ text }}</span>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center;border:1px solid;border-color:transparent}ax-badge.ax-default-default{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border-color:rgba(var(--ax-color-border-default))}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all;white-space:nowrap}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
16
16
|
}
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXBadgeComponent, decorators: [{
|
18
18
|
type: Component,
|
19
|
-
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{ text }}</span>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-default-default{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"] }]
|
19
|
+
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{ text }}</span>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center;border:1px solid;border-color:transparent}ax-badge.ax-default-default{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border-color:rgba(var(--ax-color-border-default))}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all;white-space:nowrap}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"] }]
|
20
20
|
}], propDecorators: { text: [{
|
21
21
|
type: Input
|
22
22
|
}], __hostClass: [{
|
package/esm2022/button/index.mjs
CHANGED
@@ -1,6 +1,5 @@
|
|
1
|
-
export * from './lib/button-group.component';
|
2
1
|
export * from './lib/button-item.class';
|
3
2
|
export * from './lib/button-item.component';
|
4
3
|
export * from './lib/button.component';
|
5
4
|
export * from './lib/button.module';
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWl0ZW0uY2xhc3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLm1vZHVsZSc7XG4iXX0=
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export {};
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0uY2xhc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLWl0ZW0uY2xhc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYU3R5bGVMb29rVHlwZSwgQVhTdHlsZUNvbG9yVHlwZSwgQVhIb3RLZXlBY3Rpb24gfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcblxuZXhwb3J0IHR5cGUgQVhCdXR0b25UeXBlID0gJ3N1Ym1pdCcgfCAnYnV0dG9uJyB8ICdjYW5jZWwnIHwgJ3Jlc2V0JztcblxuLy9UT0RPOiBtdXN0IGJlIHJlbW92ZWRcbmV4cG9ydCBpbnRlcmZhY2UgQVhDbGlja0l0ZW1CYXNlIHtcbiAgY3NzQ2xhc3M/OiBzdHJpbmc7XG4gIGNvbG9yPzogQVhTdHlsZUNvbG9yVHlwZTtcbiAgbG9vaz86IEFYU3R5bGVMb29rVHlwZTtcbiAgdGV4dD86IHN0cmluZztcbiAgdG9vbHRpcD86IHN0cmluZztcbiAgaWNvbkNsYXNzPzogc3RyaW5nO1xuICBiYWRnZT86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBzZWxlY3RlZD86IGJvb2xlYW47XG4gIHNlcGFyYXRlZD86IGJvb2xlYW47XG4gIG5hbWU/OiBzdHJpbmc7XG4gIGRhdGE/OiB1bmtub3duO1xuICBvbkNsaWNrPzogKGU/OiB7IHNvdXJjZTogQVhCdXR0b25JdGVtLCBoYW5kbGVkPzogYm9vbGVhbiB9KSA9PiB2b2lkO1xuICBob3RrZXk/OiBzdHJpbmcgfCBBWEhvdEtleUFjdGlvbjtcbn1cbmV4cG9ydCBpbnRlcmZhY2UgQVhCdXR0b25JdGVtIGV4dGVuZHMgQVhDbGlja0l0ZW1CYXNlIHtcbiAgdHlwZT86IEFYQnV0dG9uVHlwZTtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIGF1dG9mb2N1cz86IGJvb2xlYW47XG59XG5cbiJdfQ==
|