@acorex/components 7.12.3 → 7.12.6
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/common/lib/components/button-base-component.class.d.ts +1 -0
- package/common/lib/components/selection-base.component.class.d.ts +11 -2
- package/common/lib/components/value-component.class.d.ts +1 -1
- package/common/lib/directives/auto-focus.directive.d.ts +3 -2
- package/common/lib/directives/ripple.directive.d.ts +8 -3
- package/data-table/lib/columns/data-text-column.component.d.ts +2 -1
- package/data-table/lib/data-table.module.d.ts +1 -1
- package/decorators/lib/components/generic-content.component.d.ts +1 -1
- package/esm2022/action-sheet/lib/action-sheet.component.mjs +2 -2
- package/esm2022/alert/lib/alert.component.mjs +2 -2
- package/esm2022/avatar/lib/avatar.component.mjs +2 -2
- package/esm2022/badge/lib/badge.component.mjs +4 -4
- package/esm2022/button/lib/button-item-list.component.mjs +1 -1
- package/esm2022/button/lib/button.component.mjs +3 -3
- package/esm2022/button-group/lib/button-group.component.mjs +2 -2
- package/esm2022/calendar/lib/calendar.component.mjs +4 -4
- package/esm2022/chips/lib/chips.component.mjs +4 -4
- package/esm2022/color-box/lib/color-box.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette.component.mjs +2 -2
- package/esm2022/common/lib/components/button-base-component.class.mjs +3 -2
- package/esm2022/common/lib/components/selection-base.component.class.mjs +23 -12
- package/esm2022/common/lib/components/value-component.class.mjs +2 -3
- package/esm2022/common/lib/directives/auto-focus.directive.mjs +6 -3
- package/esm2022/common/lib/directives/infinite-scroll.directive.mjs +1 -2
- package/esm2022/common/lib/directives/ripple.directive.mjs +28 -13
- package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +1 -1
- package/esm2022/data-pager/lib/data-pager.component.mjs +1 -1
- package/esm2022/data-table/lib/columns/data-text-column.component.mjs +7 -4
- package/esm2022/data-table/lib/columns/row-command-column.component.mjs +14 -9
- package/esm2022/data-table/lib/data-table.component.mjs +2 -2
- package/esm2022/data-table/lib/data-table.module.mjs +16 -4
- package/esm2022/decorators/lib/components/generic-content.component.mjs +7 -3
- package/esm2022/dialog/lib/dialog.component.mjs +1 -1
- package/esm2022/form/lib/validation-summary.component.mjs +1 -1
- package/esm2022/image/lib/image.component.mjs +15 -14
- package/esm2022/list/lib/list.component.mjs +17 -3
- package/esm2022/loading/lib/loading-spinner.component.mjs +31 -66
- package/esm2022/loading/lib/loading.component.mjs +1 -1
- package/esm2022/menu/lib/menu-item/menu-item.component.mjs +1 -2
- package/esm2022/menu/lib/menu.component.mjs +2 -2
- package/esm2022/number-box/lib/number-box.component.mjs +7 -3
- package/esm2022/otp/lib/otp.component.mjs +46 -16
- package/esm2022/popover/lib/popover.component.mjs +2 -4
- package/esm2022/scheduler/lib/scheduler.component.mjs +1 -1
- package/esm2022/select-box/lib/select-box.component.mjs +13 -4
- package/esm2022/selection-list/lib/selection-list.component.mjs +10 -2
- package/esm2022/side-menu/lib/side-menu-item/side-menu-item.compoent.mjs +7 -6
- package/esm2022/switch/lib/switch.component.mjs +3 -4
- package/esm2022/switch/lib/switch.module.mjs +4 -5
- package/esm2022/tag/lib/tag.component.mjs +4 -4
- package/esm2022/toast/lib/toast.service.mjs +3 -3
- package/esm2022/uploader/lib/uploader-list.component.mjs +2 -4
- package/fesm2022/acorex-components-action-sheet.mjs +2 -2
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +2 -2
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +2 -2
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +3 -3
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +2 -2
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +3 -3
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +3 -3
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +3 -3
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-color-box.mjs +2 -2
- package/fesm2022/acorex-components-color-box.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +2 -2
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs +57 -29
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-data-pager.mjs +2 -2
- package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
- package/fesm2022/acorex-components-data-table.mjs +36 -16
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-decorators.mjs +6 -2
- package/fesm2022/acorex-components-decorators.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +1 -1
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +1 -1
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +14 -13
- package/fesm2022/acorex-components-image.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +16 -2
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +30 -66
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +2 -3
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +6 -2
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +46 -17
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +1 -3
- package/fesm2022/acorex-components-popover.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-select-box.mjs +12 -3
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +9 -1
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +6 -5
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +5 -7
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +3 -3
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-toast.mjs +2 -2
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +1 -3
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/image/lib/image.component.d.ts +3 -3
- package/loading/lib/loading-spinner.component.d.ts +5 -2
- package/loading/lib/loading.component.d.ts +2 -2
- package/number-box/lib/number-box.component.d.ts +1 -0
- package/otp/lib/otp.component.d.ts +6 -4
- package/package.json +1 -1
- package/select-box/lib/select-box.component.d.ts +2 -1
- package/side-menu/lib/side-menu-item/side-menu-item.compoent.d.ts +5 -3
- package/switch/lib/switch.module.d.ts +1 -2
@@ -1,4 +1,3 @@
|
|
1
|
-
import { AXLoadingModule } from '@acorex/components/loading';
|
2
1
|
import { CommonModule } from '@angular/common';
|
3
2
|
import { NgModule } from '@angular/core';
|
4
3
|
import { FormsModule } from '@angular/forms';
|
@@ -7,16 +6,16 @@ import { AXSwitchComponent } from './switch.component';
|
|
7
6
|
import * as i0 from "@angular/core";
|
8
7
|
export class AXSwitchModule {
|
9
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXSwitchModule, declarations: [AXSwitchComponent, AXSwitchContentComponent], imports: [CommonModule, FormsModule
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXSwitchModule, imports: [CommonModule, FormsModule
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXSwitchModule, declarations: [AXSwitchComponent, AXSwitchContentComponent], imports: [CommonModule, FormsModule], exports: [AXSwitchComponent, AXSwitchContentComponent] }); }
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXSwitchModule, imports: [CommonModule, FormsModule] }); }
|
12
11
|
}
|
13
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXSwitchModule, decorators: [{
|
14
13
|
type: NgModule,
|
15
14
|
args: [{
|
16
15
|
declarations: [AXSwitchComponent, AXSwitchContentComponent],
|
17
|
-
imports: [CommonModule, FormsModule
|
16
|
+
imports: [CommonModule, FormsModule],
|
18
17
|
exports: [AXSwitchComponent, AXSwitchContentComponent],
|
19
18
|
providers: [],
|
20
19
|
}]
|
21
20
|
}] });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zd2l0Y2gvc3JjL2xpYi9zd2l0Y2gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFRdkQsTUFBTSxPQUFPLGNBQWM7OEdBQWQsY0FBYzsrR0FBZCxjQUFjLGlCQUxWLGlCQUFpQixFQUFFLHdCQUF3QixhQUNoRCxZQUFZLEVBQUUsV0FBVyxhQUN6QixpQkFBaUIsRUFBRSx3QkFBd0I7K0dBRzFDLGNBQWMsWUFKZixZQUFZLEVBQUUsV0FBVzs7MkZBSXhCLGNBQWM7a0JBTjFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsaUJBQWlCLEVBQUUsd0JBQXdCLENBQUM7b0JBQzNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixFQUFFLHdCQUF3QixDQUFDO29CQUN0RCxTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBWFN3aXRjaENvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL3N3aXRjaC1jb250ZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWFN3aXRjaENvbXBvbmVudCB9IGZyb20gJy4vc3dpdGNoLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0FYU3dpdGNoQ29tcG9uZW50LCBBWFN3aXRjaENvbnRlbnRDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtBWFN3aXRjaENvbXBvbmVudCwgQVhTd2l0Y2hDb250ZW50Q29tcG9uZW50XSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhTd2l0Y2hNb2R1bGUge31cbiJdfQ==
|
@@ -4,18 +4,18 @@ import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
5
5
|
export class AXTagComponent extends MXColorLookComponent {
|
6
6
|
get __hostClass() {
|
7
|
-
return `ax-${this.color}-${this.look}`;
|
7
|
+
return `ax-el-${this.color}-${this.look}`;
|
8
8
|
}
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXTagComponent, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{display:inline-flex;align-items:center;border-radius:var(--ax-rounded-border-default);border-width:1px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem;line-height:1.5rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important;line-height:1.5rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-solid{border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-ghost),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-ghost-fore),var(--tw-text-opacity))}ax-tag.ax-ghost-outline{display:flex;border-color:rgba(var(--ax-color-border-default));--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-tag.ax-ghost-twotone{border-width:1px;--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-text-opacity)),black 30%)}ax-tag.ax-primary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-tag.ax-primary-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}ax-tag.ax-primary-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-tag.ax-secondary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-tag.ax-secondary-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}ax-tag.ax-secondary-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-tag.ax-success-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-tag.ax-success-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}ax-tag.ax-success-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-tag.ax-warning-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-tag.ax-warning-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}ax-tag.ax-warning-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-tag.ax-danger-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-tag.ax-danger-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}ax-tag.ax-danger-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-tag.ax-info-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-tag.ax-info-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}ax-tag.ax-info-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}.ax-dark ax-tag.ax-primary-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-primary-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-primary-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-secondary-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-secondary-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-secondary-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-success-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-success-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-success-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-warning-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-warning-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-warning-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-danger-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-danger-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-danger-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-info-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-info-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-info-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-ghost-twotone{border-width:1px;--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-border-opacity)),black 30%);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-bg-opacity)),black 30%);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-text-opacity)),black 30%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXTagComponent, selector: "ax-tag", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{display:inline-flex;align-items:center;border-radius:var(--ax-rounded-border-default);border-width:1px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem;line-height:1.5rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important;line-height:1.5rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-solid{border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-ghost),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-ghost-fore),var(--tw-text-opacity))}ax-tag.ax-ghost-outline{display:flex;border-color:rgba(var(--ax-color-border-default));--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-tag.ax-ghost-twotone{border-width:1px;--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-text-opacity)),black 30%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
11
11
|
}
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXTagComponent, decorators: [{
|
13
13
|
type: Component,
|
14
|
-
args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{display:inline-flex;align-items:center;border-radius:var(--ax-rounded-border-default);border-width:1px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem;line-height:1.5rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important;line-height:1.5rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-solid{border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-ghost),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-ghost-fore),var(--tw-text-opacity))}ax-tag.ax-ghost-outline{display:flex;border-color:rgba(var(--ax-color-border-default));--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-tag.ax-ghost-twotone{border-width:1px;--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-text-opacity)),black 30%)}ax-tag.ax-primary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-tag.ax-primary-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}ax-tag.ax-primary-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-tag.ax-secondary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-tag.ax-secondary-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}ax-tag.ax-secondary-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-tag.ax-success-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-tag.ax-success-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}ax-tag.ax-success-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-tag.ax-warning-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-tag.ax-warning-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}ax-tag.ax-warning-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-tag.ax-danger-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-tag.ax-danger-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}ax-tag.ax-danger-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-tag.ax-info-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-tag.ax-info-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 10%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}ax-tag.ax-info-outline{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}.ax-dark ax-tag.ax-primary-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-primary-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-primary-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-secondary-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-secondary-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-secondary-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-success-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-success-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-success-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-warning-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-warning-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-warning-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-danger-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-danger-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-danger-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-info-solid{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-info-twotone{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-tag.ax-info-outline{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-tag.ax-ghost-twotone{border-width:1px;--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-border-opacity)),black 30%);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-bg-opacity)),black 30%);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-text-opacity)),black 30%)}\n"] }]
|
14
|
+
args: [{ selector: 'ax-tag', inputs: ['color', 'look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-tag-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-tag{display:inline-flex;align-items:center;border-radius:var(--ax-rounded-border-default);border-width:1px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}ax-tag ax-prefix,ax-tag ax-suffix{display:flex;align-items:center;font-size:1rem;line-height:1.5rem}ax-tag ax-prefix ax-icon,ax-tag ax-suffix ax-icon{font-size:1rem!important;line-height:1.5rem!important}ax-tag ax-prefix{padding-inline-end:.25rem}ax-tag ax-suffix{padding-inline-start:.25rem}ax-tag.ax-ghost-solid{border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-ghost),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-ghost-fore),var(--tw-text-opacity))}ax-tag.ax-ghost-outline{display:flex;border-color:rgba(var(--ax-color-border-default));--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-tag.ax-ghost-twotone{border-width:1px;--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-neutral),var(--tw-text-opacity)),black 30%)}\n"] }]
|
15
15
|
}], propDecorators: { text: [{
|
16
16
|
type: Input
|
17
17
|
}], __hostClass: [{
|
18
18
|
type: HostBinding,
|
19
19
|
args: ['class']
|
20
20
|
}] } });
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90YWcvc3JjL2xpYi90YWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3RhZy9zcmMvbGliL3RhZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVUxRyxNQUFNLE9BQU8sY0FBZSxTQUFRLG9CQUFvQjtJQUl0RCxJQUNZLFdBQVc7UUFDckIsT0FBTyxTQUFTLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVDLENBQUM7OEdBUFUsY0FBYztrR0FBZCxjQUFjLG9MQ1gzQiwySkFFNEM7OzJGRFMvQixjQUFjO2tCQVIxQixTQUFTOytCQUNFLFFBQVEsVUFHVixDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsbUJBQ1IsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFJckMsSUFBSTtzQkFESCxLQUFLO2dCQUlNLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1YQ29sb3JMb29rQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXRhZycsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWcuY29tcG9uZW50LnNjc3MnXSxcbiAgaW5wdXRzOiBbJ2NvbG9yJywgJ2xvb2snXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYVGFnQ29tcG9uZW50IGV4dGVuZHMgTVhDb2xvckxvb2tDb21wb25lbnQge1xuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGBheC1lbC0ke3RoaXMuY29sb3J9LSR7dGhpcy5sb29rfWA7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJheC10YWctdGV4dFwiICpuZ0lmPVwidGV4dFwiPnt7dGV4dCB9fTwvZGl2PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+PC9uZy1jb250ZW50PiJdfQ==
|
@@ -50,7 +50,7 @@ export class AXToastService {
|
|
50
50
|
show(config) {
|
51
51
|
const opt = Object.assign({
|
52
52
|
closeButton: true,
|
53
|
-
location: this.defaultConfig.location,
|
53
|
+
location: this.defaultConfig.location ?? 'bottom-center',
|
54
54
|
}, config);
|
55
55
|
const gap = this.defaultConfig.gap;
|
56
56
|
let positionStrategy = new GlobalPositionStrategy();
|
@@ -82,7 +82,7 @@ export class AXToastService {
|
|
82
82
|
break;
|
83
83
|
}
|
84
84
|
const dialogRef = this.dialog.open(AXToastComponent, {
|
85
|
-
data:
|
85
|
+
data: opt,
|
86
86
|
autoFocus: '__no_element__',
|
87
87
|
restoreFocus: true,
|
88
88
|
role: 'dialog',
|
@@ -129,4 +129,4 @@ export class AXToastService {
|
|
129
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXToastService, decorators: [{
|
130
130
|
type: Injectable
|
131
131
|
}], ctorParameters: function () { return [{ type: i1.ScrollStrategyOptions }]; } });
|
132
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Quc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90b2FzdC9zcmMvbGliL3RvYXN0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxzQkFBc0IsRUFBa0IscUJBQXFCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNyRCxPQUFPLEVBQWlCLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFHaEUsTUFBTSxPQUFPLGNBQWM7SUFNekIsWUFBNkIscUJBQTRDO1FBQTVDLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUFMakUsV0FBTSxHQUFXLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNoQyxrQkFBYSxHQUFrQixNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFLN0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUQsQ0FBQztJQUNELE9BQU8sQ0FBQyxPQUFlO1FBQ3JCLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDUixPQUFPLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPO1lBQ25DLEtBQUssRUFBRSxTQUFTO1lBQ2hCLE9BQU8sRUFBRSxPQUFPO1NBQ2pCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxTQUFTLENBQUMsT0FBZTtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ1IsT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTztZQUNuQyxLQUFLLEVBQUUsV0FBVztZQUNsQixPQUFP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RSxPQUFPLENBQUMsQ0FBQztRQUMvQixJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksUUFBUSxFQUFFO1lBQ3RDLE9BQU8sTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQyxTQUFTLENBQUM7U0FDOUU7YUFBTTtZQUNMLE9BQU8sQ0FDTCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUMsWUFBWSxDQUN2RyxDQUFDO1NBQ0g7SUFDSCxDQUFDOzhHQWxJVSxjQUFjO2tIQUFkLGNBQWM7OzJGQUFkLGNBQWM7a0JBRDFCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2cgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IEdsb2JhbFBvc2l0aW9uU3RyYXRlZ3ksIFNjcm9sbFN0cmF0ZWd5LCBTY3JvbGxTdHJhdGVneU9wdGlvbnMgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYVG9hc3REaXNwbGF5Q29uZmlnLCBBWFRvYXN0UmVmIH0gZnJvbSAnLi90b2FzdC5jbGFzcyc7XG5pbXBvcnQgeyBBWFRvYXN0Q29tcG9uZW50IH0gZnJvbSAnLi90b2FzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhUb2FzdENvbmZpZywgQVhfVE9BU1RfQ09ORklHIH0gZnJvbSAnLi90b2FzdC5jb25maWcnO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgQVhUb2FzdFNlcnZpY2Uge1xuICBwcml2YXRlIGRpYWxvZzogRGlhbG9nID0gaW5qZWN0KERpYWxvZyk7XG4gIHByaXZhdGUgZGVmYXVsdENvbmZpZzogQVhUb2FzdENvbmZpZyA9IGluamVjdChBWF9UT0FTVF9DT05GSUcpO1xuXG4gIHNjcm9sbFN0cmF0ZWd5OiBTY3JvbGxTdHJhdGVneTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHNjcm9sbFN0cmF0ZWd5T3B0aW9uczogU2Nyb2xsU3RyYXRlZ3lPcHRpb25zKSB7XG4gICAgdGhpcy5zY3JvbGxTdHJhdGVneSA9IHRoaXMuc2Nyb2xsU3RyYXRlZ3lPcHRpb25zLm5vb3AoKTtcbiAgfVxuICBwcmltYXJ5KGNvbnRlbnQ6IHN0cmluZykge1xuICAgIHRoaXMuc2hvdyh7XG4gICAgICB0aW1lT3V0OiB0aGlzLmRlZmF1bHRDb25maWcudGltZU91dCxcbiAgICAgIGNvbG9yOiAncHJpbWFyeScsXG4gICAgICBjb250ZW50OiBjb250ZW50LFxuICAgIH0pO1xuICB9XG4gIHNlY29uZGFyeShjb250ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnNob3coe1xuICAgICAgdGltZU91dDogdGhpcy5kZWZhdWx0Q29uZmlnLnRpbWVPdXQsXG4gICAgICBjb2xvcjogJ3NlY29uZGFyeScsXG4gICAgICBjb250ZW50OiBjb250ZW50LFxuICAgIH0pO1xuICB9XG4gIHN1Y2Nlc3MoY29udGVudDogc3RyaW5nKSB7XG4gICAgdGhpcy5zaG93KHtcbiAgICAgIHRpbWVPdXQ6IHRoaXMuZGVmYXVsdENvbmZpZy50aW1lT3V0LFxuICAgICAgY29sb3I6ICdzdWNjZXNzJyxcbiAgICAgIGNvbnRlbnQ6IGNvbnRlbnQsXG4gICAgfSk7XG4gIH1cblxuICB3YXJuaW5nKGNvbnRlbnQ6IHN0cmluZykge1xuICAgIHRoaXMuc2hvdyh7XG4gICAgICB0aW1lT3V0OiB0aGlzLmRlZmF1bHRDb25maWcudGltZU91dCxcbiAgICAgIGNvbG9yOiAnd2FybmluZycsXG4gICAgICBjb250ZW50OiBjb250ZW50LFxuICAgIH0pO1xuICB9XG4gIGRhbmdlcihjb250ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnNob3coe1xuICAgICAgdGltZU91dDogdGhpcy5kZWZhdWx0Q29uZmlnLnRpbWVPdXQsXG4gICAgICBjb2xvcjogJ2RhbmdlcicsXG4gICAgICBjb250ZW50OiBjb250ZW50LFxuICAgIH0pO1xuICB9XG4gIHNob3coY29uZmlnOiBBWFRvYXN0RGlzcGxheUNvbmZpZyk6IEFYVG9hc3RSZWYge1xuICAgIGNvbnN0IG9wdCA9IE9iamVjdC5hc3NpZ24oXG4gICAgICB7XG4gICAgICAgIGNsb3NlQnV0dG9uOiB0cnVlLFxuICAgICAgICBsb2NhdGlvbjogdGhpcy5kZWZhdWx0Q29uZmlnLmxvY2F0aW9uLFxuICAgICAgfSxcbiAgICAgIGNvbmZpZyxcbiAgICApO1xuICAgIGNvbnN0IGdhcCA9IHRoaXMuZGVmYXVsdENvbmZpZy5nYXA7XG5cbiAgICBsZXQgcG9zaXRpb25TdHJhdGVneSA9IG5ldyBHbG9iYWxQb3NpdGlvblN0cmF0ZWd5KCk7XG4gICAgY29uc3QgcG9zID0gdGhpcy5nZXRQb3NpdGlvbihvcHQubG9jYXRpb24pICsgZ2FwICsgJ3B4JztcbiAgICBzd2l0Y2ggKG9wdC5sb2NhdGlvbikge1xuICAgICAgY2FzZSAnYm90dG9tLWNlbnRlcic6XG4gICAgICAgIHBvc2l0aW9uU3RyYXRlZ3kgPSBwb3NpdGlvblN0cmF0ZWd5LmJvdHRvbShwb3MpLmNlbnRlckhvcml6b250YWxseSgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2JvdHRvbS1lbmQnOlxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5ID0gcG9zaXRpb25TdHJhdGVneS5ib3R0b20ocG9zKS5yaWdodChnYXAgKyAncHgnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdib3R0b20tc3RhcnQnOlxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5ID0gcG9zaXRpb25TdHJhdGVneS5ib3R0b20ocG9zKS5sZWZ0KGdhcCArICdweCcpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ3RvcC1jZW50ZXInOlxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5ID0gcG9zaXRpb25TdHJhdGVneS50b3AocG9zKS5jZW50ZXJIb3Jpem9udGFsbHkoKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICd0b3AtZW5kJzpcbiAgICAgICAgcG9zaXRpb25TdHJhdGVneSA9IHBvc2l0aW9uU3RyYXRlZ3kudG9wKHBvcykucmlnaHQoZ2FwICsgJ3B4Jyk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAndG9wLXN0YXJ0JzpcbiAgICAgICAgcG9zaXRpb25TdHJhdGVneSA9IHBvc2l0aW9uU3RyYXRlZ3kudG9wKHBvcykubGVmdChnYXAgKyAncHgnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdjZW50ZXItc3RhcnQnOlxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5ID0gcG9zaXRpb25TdHJhdGVneS5jZW50ZXJWZXJ0aWNhbGx5KCkubGVmdChnYXAgKyAncHgnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdjZW50ZXItZW5kJzpcbiAgICAgICAgcG9zaXRpb25TdHJhdGVneSA9IHBvc2l0aW9uU3RyYXRlZ3kuY2VudGVyVmVydGljYWxseSgpLnJpZ2h0KGdhcCArICdweCcpO1xuICAgICAgICBicmVhaztcbiAgICB9XG5cbiAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKEFYVG9hc3RDb21wb25lbnQsIHtcbiAgICAgIGRhdGE6IGNvbmZpZyxcbiAgICAgIGF1dG9Gb2N1czogJ19fbm9fZWxlbWVudF9fJyxcbiAgICAgIHJlc3RvcmVGb2N1czogdHJ1ZSxcbiAgICAgIHJvbGU6ICdkaWFsb2cnLFxuICAgICAgYXJpYU1vZGFsOiB0cnVlLFxuICAgICAgY2xvc2VPbk5hdmlnYXRpb246IHRydWUsXG4gICAgICBjbG9zZU9uRGVzdHJveTogdHJ1ZSxcbiAgICAgIGhhc0JhY2tkcm9wOiBmYWxzZSxcbiAgICAgIHBhbmVsQ2xhc3M6IFsnYXgtYW5pbWF0ZS1hbmltYXRlZCcsICdheC1hbmltYXRlLWZhZGVJbicsICdheC1hbmltYXRlLWZhc3RlciddLFxuICAgICAgcG9zaXRpb25TdHJhdGVneTogcG9zaXRpb25TdHJhdGVneSxcbiAgICAgIHNjcm9sbFN0cmF0ZWd5OiB0aGlzLnNjcm9sbFN0cmF0ZWd5LFxuICAgIH0pO1xuXG4gICAgY29uc3QgdG9hc3RSZWYgPSBkaWFsb2dSZWYuY29tcG9uZW50SW5zdGFuY2UgYXMgQVhUb2FzdENvbXBvbmVudDtcbiAgICBkaWFsb2dSZWYuY2xvc2VkLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLnJlcG9zaXRpb24oKTtcbiAgICB9KTtcblxuICAgIHJldHVybiB7XG4gICAgICBjbG9zZTogKCkgPT4ge1xuICAgICAgICB0b2FzdFJlZi5jbG9zZSgpO1xuICAgICAgfSxcbiAgICB9O1xuICB9XG5cbiAgcHVibGljIGhpZGVBbGwoKSB7XG4gICAgdGhpcy5kaWFsb2cuY2xvc2VBbGwoKTtcbiAgfVxuXG4gIHByaXZhdGUgcmVwb3NpdGlvbigpOiB2b2lkIHtcbiAgICAvL1RPRE86IHJlcG9zaXRpb24gdmVydGljYWxseSBhZmVyIGNsb3NlIHRvYXN0XG4gIH1cblxuICBwcml2YXRlIGdldFBvc2l0aW9uKGxvY2F0aW9uOiBzdHJpbmcpIHtcbiAgICBjb25zdCBsaXN0ID0gdGhpcy5kaWFsb2cub3BlbkRpYWxvZ3NcbiAgICAgIC5tYXAoKGMpID0+IGMuY29tcG9uZW50SW5zdGFuY2UgYXMgQVhUb2FzdENvbXBvbmVudClcbiAgICAgIC5maWx0ZXIoKGMpID0+IGMuY29uZmlnPy5sb2NhdGlvbiA9PSBsb2NhdGlvbik7XG4gICAgaWYgKGxpc3QubGVuZ3RoID09IDApIHJldHVybiAwO1xuICAgIGlmIChsb2NhdGlvbi5zcGxpdCgnLScpWzBdID09ICdib3R0b20nKSB7XG4gICAgICByZXR1cm4gd2luZG93LmlubmVySGVpZ2h0IC0gbGlzdFtsaXN0Lmxlbmd0aCAtIDFdLmdldEhvc3RFbGVtZW50KCkub2Zmc2V0VG9wO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICBsaXN0W2xpc3QubGVuZ3RoIC0gMV0uZ2V0SG9zdEVsZW1lbnQoKS5vZmZzZXRUb3AgKyBsaXN0W2xpc3QubGVuZ3RoIC0gMV0uZ2V0SG9zdEVsZW1lbnQoKS5vZmZzZXRIZWlnaHRcbiAgICAgICk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
132
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Quc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90b2FzdC9zcmMvbGliL3RvYXN0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxzQkFBc0IsRUFBa0IscUJBQXFCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNyRCxPQUFPLEVBQWlCLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFHaEUsTUFBTSxPQUFPLGNBQWM7SUFNekIsWUFBNkIscUJBQTRDO1FBQTVDLDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBdUI7UUFMakUsV0FBTSxHQUFXLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNoQyxrQkFBYSxHQUFrQixNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFLN0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUQsQ0FBQztJQUNELE9BQU8sQ0FBQyxPQUFlO1FBQ3JCLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDUixPQUFPLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPO1lBQ25DLEtBQUssRUFBRSxTQUFTO1lBQ2hCLE9BQU8sRUFBRSxPQUFPO1NBQ2pCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxTQUFTLENBQUMsT0FBZTtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ1IsT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTztZQUNuQyxLQUFLLEVBQUUsV0FBVztZQUNsQixPQUFP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SSxDQUFDO1lBQUUsT0FBTyxDQUFDLENBQUM7UUFDL0IsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLFFBQVEsRUFBRTtZQUN0QyxPQUFPLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUMsU0FBUyxDQUFDO1NBQzlFO2FBQU07WUFDTCxPQUFPLENBQ0wsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDLFlBQVksQ0FDdkcsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs4R0FsSVUsY0FBYztrSEFBZCxjQUFjOzsyRkFBZCxjQUFjO2tCQUQxQixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RpYWxvZyc7XG5pbXBvcnQgeyBHbG9iYWxQb3NpdGlvblN0cmF0ZWd5LCBTY3JvbGxTdHJhdGVneSwgU2Nyb2xsU3RyYXRlZ3lPcHRpb25zIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgSW5qZWN0YWJsZSwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWFRvYXN0RGlzcGxheUNvbmZpZywgQVhUb2FzdFJlZiB9IGZyb20gJy4vdG9hc3QuY2xhc3MnO1xuaW1wb3J0IHsgQVhUb2FzdENvbXBvbmVudCB9IGZyb20gJy4vdG9hc3QuY29tcG9uZW50JztcbmltcG9ydCB7IEFYVG9hc3RDb25maWcsIEFYX1RPQVNUX0NPTkZJRyB9IGZyb20gJy4vdG9hc3QuY29uZmlnJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIEFYVG9hc3RTZXJ2aWNlIHtcbiAgcHJpdmF0ZSBkaWFsb2c6IERpYWxvZyA9IGluamVjdChEaWFsb2cpO1xuICBwcml2YXRlIGRlZmF1bHRDb25maWc6IEFYVG9hc3RDb25maWcgPSBpbmplY3QoQVhfVE9BU1RfQ09ORklHKTtcblxuICBzY3JvbGxTdHJhdGVneTogU2Nyb2xsU3RyYXRlZ3k7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBzY3JvbGxTdHJhdGVneU9wdGlvbnM6IFNjcm9sbFN0cmF0ZWd5T3B0aW9ucykge1xuICAgIHRoaXMuc2Nyb2xsU3RyYXRlZ3kgPSB0aGlzLnNjcm9sbFN0cmF0ZWd5T3B0aW9ucy5ub29wKCk7XG4gIH1cbiAgcHJpbWFyeShjb250ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnNob3coe1xuICAgICAgdGltZU91dDogdGhpcy5kZWZhdWx0Q29uZmlnLnRpbWVPdXQsXG4gICAgICBjb2xvcjogJ3ByaW1hcnknLFxuICAgICAgY29udGVudDogY29udGVudCxcbiAgICB9KTtcbiAgfVxuICBzZWNvbmRhcnkoY29udGVudDogc3RyaW5nKSB7XG4gICAgdGhpcy5zaG93KHtcbiAgICAgIHRpbWVPdXQ6IHRoaXMuZGVmYXVsdENvbmZpZy50aW1lT3V0LFxuICAgICAgY29sb3I6ICdzZWNvbmRhcnknLFxuICAgICAgY29udGVudDogY29udGVudCxcbiAgICB9KTtcbiAgfVxuICBzdWNjZXNzKGNvbnRlbnQ6IHN0cmluZykge1xuICAgIHRoaXMuc2hvdyh7XG4gICAgICB0aW1lT3V0OiB0aGlzLmRlZmF1bHRDb25maWcudGltZU91dCxcbiAgICAgIGNvbG9yOiAnc3VjY2VzcycsXG4gICAgICBjb250ZW50OiBjb250ZW50LFxuICAgIH0pO1xuICB9XG5cbiAgd2FybmluZyhjb250ZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLnNob3coe1xuICAgICAgdGltZU91dDogdGhpcy5kZWZhdWx0Q29uZmlnLnRpbWVPdXQsXG4gICAgICBjb2xvcjogJ3dhcm5pbmcnLFxuICAgICAgY29udGVudDogY29udGVudCxcbiAgICB9KTtcbiAgfVxuICBkYW5nZXIoY29udGVudDogc3RyaW5nKSB7XG4gICAgdGhpcy5zaG93KHtcbiAgICAgIHRpbWVPdXQ6IHRoaXMuZGVmYXVsdENvbmZpZy50aW1lT3V0LFxuICAgICAgY29sb3I6ICdkYW5nZXInLFxuICAgICAgY29udGVudDogY29udGVudCxcbiAgICB9KTtcbiAgfVxuICBzaG93KGNvbmZpZzogQVhUb2FzdERpc3BsYXlDb25maWcpOiBBWFRvYXN0UmVmIHtcbiAgICBjb25zdCBvcHQgPSBPYmplY3QuYXNzaWduKFxuICAgICAge1xuICAgICAgICBjbG9zZUJ1dHRvbjogdHJ1ZSxcbiAgICAgICAgbG9jYXRpb246IHRoaXMuZGVmYXVsdENvbmZpZy5sb2NhdGlvbiA/PyAnYm90dG9tLWNlbnRlcicsXG4gICAgICB9LFxuICAgICAgY29uZmlnLFxuICAgICk7XG4gICAgY29uc3QgZ2FwID0gdGhpcy5kZWZhdWx0Q29uZmlnLmdhcDtcblxuICAgIGxldCBwb3NpdGlvblN0cmF0ZWd5ID0gbmV3IEdsb2JhbFBvc2l0aW9uU3RyYXRlZ3koKTtcbiAgICBjb25zdCBwb3MgPSB0aGlzLmdldFBvc2l0aW9uKG9wdC5sb2NhdGlvbikgKyBnYXAgKyAncHgnO1xuICAgIHN3aXRjaCAob3B0LmxvY2F0aW9uKSB7XG4gICAgICBjYXNlICdib3R0b20tY2VudGVyJzpcbiAgICAgICAgcG9zaXRpb25TdHJhdGVneSA9IHBvc2l0aW9uU3RyYXRlZ3kuYm90dG9tKHBvcykuY2VudGVySG9yaXpvbnRhbGx5KCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnYm90dG9tLWVuZCc6XG4gICAgICAgIHBvc2l0aW9uU3RyYXRlZ3kgPSBwb3NpdGlvblN0cmF0ZWd5LmJvdHRvbShwb3MpLnJpZ2h0KGdhcCArICdweCcpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2JvdHRvbS1zdGFydCc6XG4gICAgICAgIHBvc2l0aW9uU3RyYXRlZ3kgPSBwb3NpdGlvblN0cmF0ZWd5LmJvdHRvbShwb3MpLmxlZnQoZ2FwICsgJ3B4Jyk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAndG9wLWNlbnRlcic6XG4gICAgICAgIHBvc2l0aW9uU3RyYXRlZ3kgPSBwb3NpdGlvblN0cmF0ZWd5LnRvcChwb3MpLmNlbnRlckhvcml6b250YWxseSgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ3RvcC1lbmQnOlxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5ID0gcG9zaXRpb25TdHJhdGVneS50b3AocG9zKS5yaWdodChnYXAgKyAncHgnKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICd0b3Atc3RhcnQnOlxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5ID0gcG9zaXRpb25TdHJhdGVneS50b3AocG9zKS5sZWZ0KGdhcCArICdweCcpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2NlbnRlci1zdGFydCc6XG4gICAgICAgIHBvc2l0aW9uU3RyYXRlZ3kgPSBwb3NpdGlvblN0cmF0ZWd5LmNlbnRlclZlcnRpY2FsbHkoKS5sZWZ0KGdhcCArICdweCcpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2NlbnRlci1lbmQnOlxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5ID0gcG9zaXRpb25TdHJhdGVneS5jZW50ZXJWZXJ0aWNhbGx5KCkucmlnaHQoZ2FwICsgJ3B4Jyk7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cblxuICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQVhUb2FzdENvbXBvbmVudCwge1xuICAgICAgZGF0YTogb3B0LFxuICAgICAgYXV0b0ZvY3VzOiAnX19ub19lbGVtZW50X18nLFxuICAgICAgcmVzdG9yZUZvY3VzOiB0cnVlLFxuICAgICAgcm9sZTogJ2RpYWxvZycsXG4gICAgICBhcmlhTW9kYWw6IHRydWUsXG4gICAgICBjbG9zZU9uTmF2aWdhdGlvbjogdHJ1ZSxcbiAgICAgIGNsb3NlT25EZXN0cm95OiB0cnVlLFxuICAgICAgaGFzQmFja2Ryb3A6IGZhbHNlLFxuICAgICAgcGFuZWxDbGFzczogWydheC1hbmltYXRlLWFuaW1hdGVkJywgJ2F4LWFuaW1hdGUtZmFkZUluJywgJ2F4LWFuaW1hdGUtZmFzdGVyJ10sXG4gICAgICBwb3NpdGlvblN0cmF0ZWd5OiBwb3NpdGlvblN0cmF0ZWd5LFxuICAgICAgc2Nyb2xsU3RyYXRlZ3k6IHRoaXMuc2Nyb2xsU3RyYXRlZ3ksXG4gICAgfSk7XG5cbiAgICBjb25zdCB0b2FzdFJlZiA9IGRpYWxvZ1JlZi5jb21wb25lbnRJbnN0YW5jZSBhcyBBWFRvYXN0Q29tcG9uZW50O1xuICAgIGRpYWxvZ1JlZi5jbG9zZWQuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMucmVwb3NpdGlvbigpO1xuICAgIH0pO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGNsb3NlOiAoKSA9PiB7XG4gICAgICAgIHRvYXN0UmVmLmNsb3NlKCk7XG4gICAgICB9LFxuICAgIH07XG4gIH1cblxuICBwdWJsaWMgaGlkZUFsbCgpIHtcbiAgICB0aGlzLmRpYWxvZy5jbG9zZUFsbCgpO1xuICB9XG5cbiAgcHJpdmF0ZSByZXBvc2l0aW9uKCk6IHZvaWQge1xuICAgIC8vVE9ETzogcmVwb3NpdGlvbiB2ZXJ0aWNhbGx5IGFmZXIgY2xvc2UgdG9hc3RcbiAgfVxuXG4gIHByaXZhdGUgZ2V0UG9zaXRpb24obG9jYXRpb246IHN0cmluZykge1xuICAgIGNvbnN0IGxpc3QgPSB0aGlzLmRpYWxvZy5vcGVuRGlhbG9nc1xuICAgICAgLm1hcCgoYykgPT4gYy5jb21wb25lbnRJbnN0YW5jZSBhcyBBWFRvYXN0Q29tcG9uZW50KVxuICAgICAgLmZpbHRlcigoYykgPT4gYy5jb25maWc/LmxvY2F0aW9uID09IGxvY2F0aW9uKTtcbiAgICBpZiAobGlzdC5sZW5ndGggPT0gMCkgcmV0dXJuIDA7XG4gICAgaWYgKGxvY2F0aW9uLnNwbGl0KCctJylbMF0gPT0gJ2JvdHRvbScpIHtcbiAgICAgIHJldHVybiB3aW5kb3cuaW5uZXJIZWlnaHQgLSBsaXN0W2xpc3QubGVuZ3RoIC0gMV0uZ2V0SG9zdEVsZW1lbnQoKS5vZmZzZXRUb3A7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIGxpc3RbbGlzdC5sZW5ndGggLSAxXS5nZXRIb3N0RWxlbWVudCgpLm9mZnNldFRvcCArIGxpc3RbbGlzdC5sZW5ndGggLSAxXS5nZXRIb3N0RWxlbWVudCgpLm9mZnNldEhlaWdodFxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
@@ -26,9 +26,7 @@ export class AXUploaderListComponent extends MXBaseComponent {
|
|
26
26
|
}
|
27
27
|
upload(file) {
|
28
28
|
this.uploadService.upload('http://api.acorexui.com/api/v1/files', file).subscribe({
|
29
|
-
next: (e) => {
|
30
|
-
console.log(e);
|
31
|
-
},
|
29
|
+
next: (e) => { },
|
32
30
|
error: (err) => {
|
33
31
|
console.error(err);
|
34
32
|
},
|
@@ -61,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
61
59
|
]),
|
62
60
|
], template: "<div class=\"ax-uploader-list-header\">\n <div>Uploader list</div>\n <div>\n <i\n class=\"ax-icon\"\n [ngClass]=\"{ 'ax-icon-chevron-down': !isCollapsed, 'ax-icon-chevron-up': isCollapsed }\"\n (click)=\"toggle()\"\n ></i>\n\n <i class=\"ax-icon ax-icon-close\" (click)=\"close()\"></i>\n </div>\n</div>\n\n<div [@collapse]=\"isCollapsed\">\n <div class=\"ax-uploader-progress-status\">\n <div>{{ leftTime }}min left</div>\n <button>{{ 'common.cancel' | trans }}</button>\n </div>\n <ul class=\"ax-uploader-list-items\">\n <ng-container *ngFor=\"let item of items\">\n <li>\n <div>\n <i class=\"ax-icon ax-icon-inbox\"></i>\n <div class=\"ax-uploader-item-text\">\n <strong>{{ item.name }}</strong>\n <small>{{ item.size }}</small>\n </div>\n </div>\n <div>\n <ax-progress-bar style=\"width: 48px\" color=\"primary\" [progress]=\"20\"></ax-progress-bar>\n </div>\n </li>\n </ng-container>\n </ul>\n</div>\n", styles: [".ax-dark ax-uploader-list .ax-uploader-progress-status{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));background-color:rgba(var(--ax-color-primary),.25);--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-uploader-list{display:block;overflow:hidden;border-top-left-radius:.75rem;border-top-right-radius:.75rem;border-width:1px;border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:rgba(var(--ax-color-primary),1)}ax-uploader-list .ax-uploader-list-header{display:flex;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));padding:.75rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgba(var(--ax-color-on-surface-fore),var(--tw-text-opacity))}ax-uploader-list .ax-uploader-list-header .ax-icon{margin-inline-start:.5rem;cursor:pointer;font-size:1.5rem;line-height:2rem;line-height:1}ax-uploader-list .ax-uploader-list-header .ax-icon:hover{opacity:.75}ax-uploader-list .ax-uploader-progress-status{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-top-width:1px;--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}ax-uploader-list .ax-uploader-list-items{padding:.5rem 0;overflow-y:auto;overflow-x:hidden;max-height:75vh}ax-uploader-list .ax-uploader-list-items li{display:flex;align-items:center;justify-content:space-between;padding:.75rem;font-size:.875rem;line-height:1.25rem}ax-uploader-list .ax-uploader-list-items li>div{display:flex}ax-uploader-list .ax-uploader-list-items li>div .ax-icon{margin-inline-end:.5rem;display:flex;font-size:1.5rem;line-height:2rem;line-height:1}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text{display:flex;flex-direction:column}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text strong{display:block;font-weight:500}ax-uploader-list .ax-uploader-list-items li>div .ax-uploader-item-text small{color:rgb(var(--ax-color-text-default),.5)}.ax-uploader-list-pane .cdk-dialog-container:focus,.ax-uploader-list-pane .cdk-dialog-container:focus-visible,.ax-uploader-list-pane .cdk-dialog-container:focus-within{outline:2px solid transparent;outline-offset:2px}\n"] }]
|
63
61
|
}], ctorParameters: function () { return [{ type: i1.DialogRef }]; } });
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkZXItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdXBsb2FkZXIvc3JjL2xpYi91cGxvYWRlci1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy91cGxvYWRlci9zcmMvbGliL3VwbG9hZGVyLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF5QixlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRixPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM3RixPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzdELE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7QUF1QnZELE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxlQUFlO0lBUTFELFlBQW9CLFNBQTJDO1FBQzdELEtBQUssRUFBRSxDQUFDO1FBRFUsY0FBUyxHQUFULFNBQVMsQ0FBa0M7UUFQL0QsU0FBSSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUMzQixVQUFLLEdBQVUsRUFBRSxDQUFDO1FBQ2xCLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFDYixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUVaLGtCQUFhLEdBQXNCLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBSW5FLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQztZQUNsQyxJQUFJLEVBQUUsQ0FBQyxDQUFNLEVBQUUsRUFBRTtnQkFDZixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO2dCQUN0QixnQkFBZ0I7WUFDbEIsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxNQUFNLENBQUMsSUFBSTtRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLHNDQUFzQyxFQUFFLElBQUksQ0FBQyxDQUFDLFNBQVMsQ0FBQztZQUNoRixJQUFJLEVBQUUsQ0FBQyxDQUFNLEVBQUUsRUFBRSxHQUFFLENBQUM7WUFDcEIsS0FBSyxFQUFFLENBQUMsR0FBUSxFQUFFLEVBQUU7Z0JBQ2xCLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDckIsQ0FBQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDdkMsQ0FBQztJQUNELEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pCLENBQUM7OEdBaENVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLCtFQzNCcEMsdWhDQW1DQSxpM0dEakJjO1lBQ1YsT0FBTyxDQUFDLFVBQVUsRUFBRTtnQkFDbEIsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO2dCQUNyRSxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7Z0JBQzNELFVBQVUsQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLEdBQUcsR0FBRyxZQUFZLENBQUMsQ0FBQztnQkFDeEQsVUFBVSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsR0FBRyxHQUFHLGFBQWEsQ0FBQyxDQUFDO2FBQzFELENBQUM7U0FDSDs7MkZBRVUsdUJBQXVCO2tCQWRuQyxTQUFTOytCQUNFLGtCQUFrQixpQkFHYixpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCO3dCQUNWLE9BQU8sQ0FBQyxVQUFVLEVBQUU7NEJBQ2xCLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQzs0QkFDckUsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDOzRCQUMzRCxVQUFVLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEdBQUcsWUFBWSxDQUFDLENBQUM7NEJBQ3hELFVBQVUsQ0FBQyxlQUFlLEVBQUUsT0FBTyxDQUFDLEdBQUcsR0FBRyxhQUFhLENBQUMsQ0FBQzt5QkFDMUQsQ0FBQztxQkFDSCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYQ29tcG9uZW50Q2xvc2VFdmVudCwgTVhCYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBVVRPX1NUWUxFLCBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IERJQUxPR19EQVRBLCBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhVcGxvYWRlclNlcnZpY2UgfSBmcm9tICcuL3VwbG9hZGVyLnNlcnZpY2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFYVXBsb2FkZXJJdGVtIHtcbiAgdHlwZTogJ3BpY3R1cmUnIHwgJ2RvYycgfCAncGRmJyB8ICdhcmNoaXZlJyB8ICd2aWRlbycgfCAndW5rbm93JztcbiAgbmFtZTogc3RyaW5nO1xuICBzaXplOiBudW1iZXI7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC11cGxvYWRlci1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZGVyLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi91cGxvYWRlci1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdjb2xsYXBzZScsIFtcbiAgICAgIHN0YXRlKCdmYWxzZScsIHN0eWxlKHsgaGVpZ2h0OiBBVVRPX1NUWUxFLCB2aXNpYmlsaXR5OiBBVVRPX1NUWUxFIH0pKSxcbiAgICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoeyBoZWlnaHQ6ICcwJywgdmlzaWJpbGl0eTogJ2hpZGRlbicgfSkpLFxuICAgICAgdHJhbnNpdGlvbignZmFsc2UgPT4gdHJ1ZScsIGFuaW1hdGUoMTUwICsgJ21zIGVhc2UtaW4nKSksXG4gICAgICB0cmFuc2l0aW9uKCd0cnVlID0+IGZhbHNlJywgYW5pbWF0ZSgxNTAgKyAnbXMgZWFzZS1vdXQnKSksXG4gICAgXSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFYVXBsb2FkZXJMaXN0Q29tcG9uZW50IGV4dGVuZHMgTVhCYXNlQ29tcG9uZW50IHtcbiAgZGF0YSA9IGluamVjdChESUFMT0dfREFUQSk7XG4gIGl0ZW1zOiBhbnlbXSA9IFtdO1xuICBsZWZ0VGltZSA9IDU7XG4gIGlzQ29sbGFwc2VkID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSB1cGxvYWRTZXJ2aWNlOiBBWFVwbG9hZGVyU2VydmljZSA9IGluamVjdChBWFVwbG9hZGVyU2VydmljZSk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBkaWFsb2dSZWY6IERpYWxvZ1JlZjxBWENvbXBvbmVudENsb3NlRXZlbnQ+KSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnVwbG9hZFNlcnZpY2UuZmlsZXMkLnN1YnNjcmliZSh7XG4gICAgICBuZXh0OiAoZTogYW55KSA9PiB7XG4gICAgICAgIHRoaXMuaXRlbXMucHVzaCguLi5lKTtcbiAgICAgICAgLy8gdGhpcy51cGxvYWQoKVxuICAgICAgfSxcbiAgICB9KTtcbiAgfVxuXG4gIHVwbG9hZChmaWxlKSB7XG4gICAgdGhpcy51cGxvYWRTZXJ2aWNlLnVwbG9hZCgnaHR0cDovL2FwaS5hY29yZXh1aS5jb20vYXBpL3YxL2ZpbGVzJywgZmlsZSkuc3Vic2NyaWJlKHtcbiAgICAgIG5leHQ6IChlOiBhbnkpID0+IHt9LFxuICAgICAgZXJyb3I6IChlcnI6IGFueSkgPT4ge1xuICAgICAgICBjb25zb2xlLmVycm9yKGVycik7XG4gICAgICB9LFxuICAgIH0pO1xuICB9XG5cbiAgdG9nZ2xlKCkge1xuICAgIHRoaXMuaXNDb2xsYXBzZWQgPSAhdGhpcy5pc0NvbGxhcHNlZDtcbiAgfVxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXgtdXBsb2FkZXItbGlzdC1oZWFkZXJcIj5cbiAgPGRpdj5VcGxvYWRlciBsaXN0PC9kaXY+XG4gIDxkaXY+XG4gICAgPGlcbiAgICAgIGNsYXNzPVwiYXgtaWNvblwiXG4gICAgICBbbmdDbGFzc109XCJ7ICdheC1pY29uLWNoZXZyb24tZG93bic6ICFpc0NvbGxhcHNlZCwgJ2F4LWljb24tY2hldnJvbi11cCc6IGlzQ29sbGFwc2VkIH1cIlxuICAgICAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgICA+PC9pPlxuXG4gICAgPGkgY2xhc3M9XCJheC1pY29uIGF4LWljb24tY2xvc2VcIiAoY2xpY2spPVwiY2xvc2UoKVwiPjwvaT5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdiBbQGNvbGxhcHNlXT1cImlzQ29sbGFwc2VkXCI+XG4gIDxkaXYgY2xhc3M9XCJheC11cGxvYWRlci1wcm9ncmVzcy1zdGF0dXNcIj5cbiAgICA8ZGl2Pnt7IGxlZnRUaW1lIH19bWluIGxlZnQ8L2Rpdj5cbiAgICA8YnV0dG9uPnt7ICdjb21tb24uY2FuY2VsJyB8IHRyYW5zIH19PC9idXR0b24+XG4gIDwvZGl2PlxuICA8dWwgY2xhc3M9XCJheC11cGxvYWRlci1saXN0LWl0ZW1zXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxuICAgICAgPGxpPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxpIGNsYXNzPVwiYXgtaWNvbiBheC1pY29uLWluYm94XCI+PC9pPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC11cGxvYWRlci1pdGVtLXRleHRcIj5cbiAgICAgICAgICAgIDxzdHJvbmc+e3sgaXRlbS5uYW1lIH19PC9zdHJvbmc+XG4gICAgICAgICAgICA8c21hbGw+e3sgaXRlbS5zaXplIH19PC9zbWFsbD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPGF4LXByb2dyZXNzLWJhciBzdHlsZT1cIndpZHRoOiA0OHB4XCIgY29sb3I9XCJwcmltYXJ5XCIgW3Byb2dyZXNzXT1cIjIwXCI+PC9heC1wcm9ncmVzcy1iYXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9saT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC91bD5cbjwvZGl2PlxuIl19
|
@@ -79,7 +79,7 @@ class AXActionSheetComponent extends MXBaseComponent {
|
|
79
79
|
provide: AXFocusableComponent,
|
80
80
|
useExisting: AXActionSheetComponent,
|
81
81
|
},
|
82
|
-
], usesInheritance: true, ngImport: i0, template: "<ax-header *ngIf=\"data.header\">\n <ax-prefix>\n <ax-title>{{ data.title }}</ax-title>\n <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of data.items\">\n <div\n class=\"ax-action-sheet-item ax-{{ item.color }}\"\n [class.ax-state-disabled]=\"item.disabled\"\n tabindex=\"0\"\n (click)=\"onItemClick(item)\"\n >\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["ax-action-sheet{display:block;width:100vw}@media (min-width: 768px){ax-action-sheet{width:70vw}}@media (min-width: 1024px){ax-action-sheet{width:50vw}}ax-action-sheet ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:1rem;line-height:1.5rem;font-weight:500}@media (min-width: 768px){ax-action-sheet ax-header{font-size:1.125rem;line-height:1.75rem}}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}ax-action-sheet .ax-action-sheet-items{padding-top:.5rem;padding-bottom:.5rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{margin-inline-end:.75rem;font-size:1.5rem;line-height:2rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
82
|
+
], usesInheritance: true, ngImport: i0, template: "<ax-header *ngIf=\"data.header\">\n <ax-prefix>\n <ax-title>{{ data.title }}</ax-title>\n <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of data.items\">\n <div\n class=\"ax-action-sheet-item ax-{{ item.color }}\"\n [class.ax-state-disabled]=\"item.disabled\"\n tabindex=\"0\"\n (click)=\"onItemClick(item)\"\n >\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["ax-action-sheet{display:block;width:100vw}@media (min-width: 768px){ax-action-sheet{width:70vw}}@media (min-width: 1024px){ax-action-sheet{width:50vw}}ax-action-sheet ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:1rem;line-height:1.5rem;font-weight:500}@media (min-width: 768px){ax-action-sheet ax-header{font-size:1.125rem;line-height:1.75rem}}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}ax-action-sheet .ax-action-sheet-items{padding-top:.5rem;padding-bottom:.5rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:.75rem 1rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{margin-inline-end:.75rem;font-size:1.5rem;line-height:2rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
83
83
|
}
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXActionSheetComponent, decorators: [{
|
85
85
|
type: Component,
|
@@ -92,7 +92,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
|
|
92
92
|
provide: AXFocusableComponent,
|
93
93
|
useExisting: AXActionSheetComponent,
|
94
94
|
},
|
95
|
-
], template: "<ax-header *ngIf=\"data.header\">\n <ax-prefix>\n <ax-title>{{ data.title }}</ax-title>\n <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of data.items\">\n <div\n class=\"ax-action-sheet-item ax-{{ item.color }}\"\n [class.ax-state-disabled]=\"item.disabled\"\n tabindex=\"0\"\n (click)=\"onItemClick(item)\"\n >\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["ax-action-sheet{display:block;width:100vw}@media (min-width: 768px){ax-action-sheet{width:70vw}}@media (min-width: 1024px){ax-action-sheet{width:50vw}}ax-action-sheet ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:1rem;line-height:1.5rem;font-weight:500}@media (min-width: 768px){ax-action-sheet ax-header{font-size:1.125rem;line-height:1.75rem}}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}ax-action-sheet .ax-action-sheet-items{padding-top:.5rem;padding-bottom:.5rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{margin-inline-end:.75rem;font-size:1.5rem;line-height:2rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}\n"] }]
|
95
|
+
], template: "<ax-header *ngIf=\"data.header\">\n <ax-prefix>\n <ax-title>{{ data.title }}</ax-title>\n <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of data.items\">\n <div\n class=\"ax-action-sheet-item ax-{{ item.color }}\"\n [class.ax-state-disabled]=\"item.disabled\"\n tabindex=\"0\"\n (click)=\"onItemClick(item)\"\n >\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["ax-action-sheet{display:block;width:100vw}@media (min-width: 768px){ax-action-sheet{width:70vw}}@media (min-width: 1024px){ax-action-sheet{width:50vw}}ax-action-sheet ax-header{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:1rem;line-height:1.5rem;font-weight:500}@media (min-width: 768px){ax-action-sheet ax-header{font-size:1.125rem;line-height:1.75rem}}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}ax-action-sheet .ax-action-sheet-items{padding-top:.5rem;padding-bottom:.5rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:.75rem 1rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{margin-inline-end:.75rem;font-size:1.5rem;line-height:2rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}\n"] }]
|
96
96
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
97
97
|
type: Inject,
|
98
98
|
args: [DIALOG_DATA]
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../libs/components/action-sheet/src/lib/action-sheet.component.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.component.html","../../../../libs/components/action-sheet/src/lib/action-sheet.service.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.module.ts","../../../../libs/components/action-sheet/src/acorex-components-action-sheet.ts"],"sourcesContent":["import {\n AXClosbaleComponent,\n AXComponentCloseEvent,\n AXFocusableComponent,\n MXBaseComponent,\n} from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { CdkPortalOutletAttachedRef, ComponentPortal, Portal, TemplatePortal } from '@angular/cdk/portal';\nimport {\n ChangeDetectionStrategy,\n Component,\n ComponentRef,\n HostListener,\n Inject,\n OnInit,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXActionSheetData, AXActionSheetItem } from './action-sheet.class';\n\n@Component({\n selector: 'ax-action-sheet',\n templateUrl: './action-sheet.component.html',\n styleUrls: ['./action-sheet.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n {\n provide: AXClosbaleComponent,\n useExisting: AXActionSheetComponent,\n },\n {\n provide: AXFocusableComponent,\n useExisting: AXActionSheetComponent,\n },\n ],\n})\nexport class AXActionSheetComponent extends MXBaseComponent implements OnInit {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected _selectedPortal: Portal<any>;\n\n private _componentRef: unknown;\n\n /**\n * @ignore\n */\n constructor(\n @Inject(DIALOG_DATA)\n protected data: AXActionSheetData,\n private dialogRef: DialogRef<AXComponentCloseEvent>,\n ) {\n super();\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n if (this.data.content) {\n if (this.data.content instanceof TemplateRef) {\n this._selectedPortal = new TemplatePortal(this.data.content, this.getViewContainer(), {\n $implicit: this.data,\n ref: this,\n });\n this.cdr.markForCheck();\n } else if (typeof this.data.content === 'function') {\n this._selectedPortal = new ComponentPortal(this.data.content);\n this.cdr.markForCheck();\n }\n }\n }\n\n @HostListener('keydown.escape')\n protected onKeydownHandler() {\n const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n if (this.data.closeButton && focusedOrHasFocused) {\n this.close();\n }\n }\n\n _handleAttched(ref: CdkPortalOutletAttachedRef) {\n ref = ref as ComponentRef<any>;\n if (ref.instance) {\n this._componentRef = ref.instance;\n Object.assign(this._componentRef, this.data);\n Object.assign(this._componentRef, { _isPopup: true });\n if (ref.instance.onClosed) {\n ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\n this.close();\n });\n }\n }\n }\n\n onItemClick(item: AXActionSheetItem) {\n this.close();\n item?.onClick();\n }\n\n close() {\n this.dialogRef.close({\n component: this._componentRef,\n htmlElement: this.getHostElement(),\n });\n }\n}\n","<ax-header *ngIf=\"data.header\">\n <ax-prefix>\n <ax-title>{{ data.title }}</ax-title>\n <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of data.items\">\n <div\n class=\"ax-action-sheet-item ax-{{ item.color }}\"\n [class.ax-state-disabled]=\"item.disabled\"\n tabindex=\"0\"\n (click)=\"onItemClick(item)\"\n >\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n","import { AXComponentClosedPromise } from '@acorex/components/common';\nimport { AXTranslator } from '@acorex/core/translation';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { GlobalPositionStrategy } from '@angular/cdk/overlay';\nimport { Injectable, inject } from '@angular/core';\nimport { AXActionSheetConfig } from './action-sheet.class';\nimport { AXActionSheetComponent } from './action-sheet.component';\n\n@Injectable()\nexport class AXActionSheetService {\n private dialog: Dialog = inject(Dialog);\n\n open(config: AXActionSheetConfig): AXComponentClosedPromise {\n const defaultConfig: AXActionSheetConfig = {\n title: AXTranslator.get('action-sheet.title'),\n closeButton: true,\n closeOnBackdropClick: true,\n header: true,\n };\n config = Object.assign(defaultConfig, config);\n\n const dialogRef = this.dialog.open(AXActionSheetComponent, {\n data: config,\n autoFocus: 'first-tabbable',\n restoreFocus: true,\n role: 'dialog',\n ariaModal: true,\n closeOnNavigation: true,\n closeOnDestroy: true,\n hasBackdrop: true,\n panelClass: ['ax-actionsheet-panel'],\n disableClose: config.closeOnBackdropClick ? false : true,\n positionStrategy: new GlobalPositionStrategy().centerHorizontally().bottom(),\n });\n const promise = new AXComponentClosedPromise((resolve) => {\n dialogRef.closed.subscribe((d) => {\n if (resolve) {\n resolve();\n }\n });\n });\n return promise;\n }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { AXActionSheetComponent } from './action-sheet.component';\nimport { AXActionSheetService } from './action-sheet.service';\n\nconst MODULES = [\n CommonModule,\n AXCommonModule,\n DragDropModule,\n A11yModule,\n AXButtonModule,\n PortalModule,\n AXDecoratorModule,\n DialogModule,\n];\n\n@NgModule({\n declarations: [AXActionSheetComponent],\n imports: [...MODULES],\n exports: [AXActionSheetComponent],\n providers: [AXActionSheetService],\n})\nexport class AXActionSheetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../libs/components/action-sheet/src/lib/action-sheet.component.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.component.html","../../../../libs/components/action-sheet/src/lib/action-sheet.service.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.module.ts","../../../../libs/components/action-sheet/src/acorex-components-action-sheet.ts"],"sourcesContent":["import {\n AXClosbaleComponent,\n AXComponentCloseEvent,\n AXFocusableComponent,\n MXBaseComponent,\n} from '@acorex/components/common';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { CdkPortalOutletAttachedRef, ComponentPortal, Portal, TemplatePortal } from '@angular/cdk/portal';\nimport {\n ChangeDetectionStrategy,\n Component,\n ComponentRef,\n HostListener,\n Inject,\n OnInit,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXActionSheetData, AXActionSheetItem } from './action-sheet.class';\n\n@Component({\n selector: 'ax-action-sheet',\n templateUrl: './action-sheet.component.html',\n styleUrls: ['./action-sheet.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n {\n provide: AXClosbaleComponent,\n useExisting: AXActionSheetComponent,\n },\n {\n provide: AXFocusableComponent,\n useExisting: AXActionSheetComponent,\n },\n ],\n})\nexport class AXActionSheetComponent extends MXBaseComponent implements OnInit {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected _selectedPortal: Portal<any>;\n\n private _componentRef: unknown;\n\n /**\n * @ignore\n */\n constructor(\n @Inject(DIALOG_DATA)\n protected data: AXActionSheetData,\n private dialogRef: DialogRef<AXComponentCloseEvent>,\n ) {\n super();\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n if (this.data.content) {\n if (this.data.content instanceof TemplateRef) {\n this._selectedPortal = new TemplatePortal(this.data.content, this.getViewContainer(), {\n $implicit: this.data,\n ref: this,\n });\n this.cdr.markForCheck();\n } else if (typeof this.data.content === 'function') {\n this._selectedPortal = new ComponentPortal(this.data.content);\n this.cdr.markForCheck();\n }\n }\n }\n\n @HostListener('keydown.escape')\n protected onKeydownHandler() {\n const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n if (this.data.closeButton && focusedOrHasFocused) {\n this.close();\n }\n }\n\n _handleAttched(ref: CdkPortalOutletAttachedRef) {\n ref = ref as ComponentRef<any>;\n if (ref.instance) {\n this._componentRef = ref.instance;\n Object.assign(this._componentRef, this.data);\n Object.assign(this._componentRef, { _isPopup: true });\n if (ref.instance.onClosed) {\n ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\n this.close();\n });\n }\n }\n }\n\n onItemClick(item: AXActionSheetItem) {\n this.close();\n item?.onClick();\n }\n\n close() {\n this.dialogRef.close({\n component: this._componentRef,\n htmlElement: this.getHostElement(),\n });\n }\n}\n","<ax-header *ngIf=\"data.header\">\n <ax-prefix>\n <ax-title>{{ data.title }}</ax-title>\n <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of data.items\">\n <div\n class=\"ax-action-sheet-item ax-{{ item.color }}\"\n [class.ax-state-disabled]=\"item.disabled\"\n tabindex=\"0\"\n (click)=\"onItemClick(item)\"\n >\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n","import { AXComponentClosedPromise } from '@acorex/components/common';\nimport { AXTranslator } from '@acorex/core/translation';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { GlobalPositionStrategy } from '@angular/cdk/overlay';\nimport { Injectable, inject } from '@angular/core';\nimport { AXActionSheetConfig } from './action-sheet.class';\nimport { AXActionSheetComponent } from './action-sheet.component';\n\n@Injectable()\nexport class AXActionSheetService {\n private dialog: Dialog = inject(Dialog);\n\n open(config: AXActionSheetConfig): AXComponentClosedPromise {\n const defaultConfig: AXActionSheetConfig = {\n title: AXTranslator.get('action-sheet.title'),\n closeButton: true,\n closeOnBackdropClick: true,\n header: true,\n };\n config = Object.assign(defaultConfig, config);\n\n const dialogRef = this.dialog.open(AXActionSheetComponent, {\n data: config,\n autoFocus: 'first-tabbable',\n restoreFocus: true,\n role: 'dialog',\n ariaModal: true,\n closeOnNavigation: true,\n closeOnDestroy: true,\n hasBackdrop: true,\n panelClass: ['ax-actionsheet-panel'],\n disableClose: config.closeOnBackdropClick ? false : true,\n positionStrategy: new GlobalPositionStrategy().centerHorizontally().bottom(),\n });\n const promise = new AXComponentClosedPromise((resolve) => {\n dialogRef.closed.subscribe((d) => {\n if (resolve) {\n resolve();\n }\n });\n });\n return promise;\n }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { DialogModule } from '@angular/cdk/dialog';\nimport { AXActionSheetComponent } from './action-sheet.component';\nimport { AXActionSheetService } from './action-sheet.service';\n\nconst MODULES = [\n CommonModule,\n AXCommonModule,\n DragDropModule,\n A11yModule,\n AXButtonModule,\n PortalModule,\n AXDecoratorModule,\n DialogModule,\n];\n\n@NgModule({\n declarations: [AXActionSheetComponent],\n imports: [...MODULES],\n exports: [AXActionSheetComponent],\n providers: [AXActionSheetService],\n})\nexport class AXActionSheetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -159,11 +159,11 @@ class AXAlertComponent extends MXColorComponent {
|
|
159
159
|
this.onOptionChanged?.unsubscribe();
|
160
160
|
}
|
161
161
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXAlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
162
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", 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-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-primary),.5),black 70%)}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-secondary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),.5),black 70%)}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-success-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-success),.5),black 70%)}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-warning-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-warning),.5),black 70%)}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-danger-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-danger),.5),black 70%)}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-info-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-info),.5),black 70%)}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-fore),var(--tw-bg-opacity))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;gap:.25rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{display:grid;border-radius:9999px;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-primary-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-primary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-alert.ax-primary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity))}ax-alert.ax-secondary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-secondary-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-secondary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-alert.ax-secondary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity))}ax-alert.ax-success-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-success-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-success-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-alert.ax-success-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity))}ax-alert.ax-warning-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-warning-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-warning-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-alert.ax-warning-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity))}ax-alert.ax-danger-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-danger-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-danger-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-alert.ax-danger-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity))}ax-alert.ax-info-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-info-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-info-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}ax-alert.ax-info-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity))}\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
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", 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-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-primary),.5),black 70%)}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-secondary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),.5),black 70%)}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-success-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-success),.5),black 70%)}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-warning-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-warning),.5),black 70%)}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-danger-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-danger),.5),black 70%)}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-info-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-info),.5),black 70%)}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-fore),var(--tw-bg-opacity))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}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-alert-title:not(:empty)+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{display:grid;border-radius:9999px;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-primary-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-primary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-alert.ax-primary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity))}ax-alert.ax-secondary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-secondary-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-secondary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-alert.ax-secondary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity))}ax-alert.ax-success-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-success-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-success-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-alert.ax-success-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity))}ax-alert.ax-warning-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-warning-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-warning-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-alert.ax-warning-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity))}ax-alert.ax-danger-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-danger-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-danger-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-alert.ax-danger-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity))}ax-alert.ax-info-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-info-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-info-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}ax-alert.ax-info-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity))}\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 }); }
|
163
163
|
}
|
164
164
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXAlertComponent, decorators: [{
|
165
165
|
type: Component,
|
166
|
-
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-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-primary),.5),black 70%)}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-secondary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),.5),black 70%)}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-success-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-success),.5),black 70%)}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-warning-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-warning),.5),black 70%)}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-danger-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-danger),.5),black 70%)}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-info-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-info),.5),black 70%)}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-fore),var(--tw-bg-opacity))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column
|
166
|
+
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-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-primary),.5),black 70%)}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-secondary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),.5),black 70%)}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-success-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-success),.5),black 70%)}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-warning-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-warning),.5),black 70%)}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-danger-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-danger),.5),black 70%)}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-fore),var(--tw-bg-opacity))}.ax-dark ax-alert.ax-info-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));background-color:color-mix(in srgb,rgba(var(--ax-color-info),.5),black 70%)}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-fore),var(--tw-bg-opacity))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}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-alert-title:not(:empty)+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{display:grid;border-radius:9999px;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-primary-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-primary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-alert.ax-primary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity))}ax-alert.ax-secondary-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-secondary-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-secondary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-alert.ax-secondary-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity))}ax-alert.ax-success-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-success-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-success-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-alert.ax-success-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity))}ax-alert.ax-warning-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-warning-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-warning-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-alert.ax-warning-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity))}ax-alert.ax-danger-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-danger-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-danger-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-alert.ax-danger-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity))}ax-alert.ax-info-solid{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 10%,white)}ax-alert.ax-info-solid ax-button[class$=blank]{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-alert.ax-info-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}ax-alert.ax-info-solid .ax-alert-progress{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity))}\n"] }]
|
167
167
|
}], propDecorators: { _iconComp: [{
|
168
168
|
type: ContentChild,
|
169
169
|
args: ['ax-icon']
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../libs/components/alert/src/lib/alert.component.ts","../../../../libs/components/alert/src/lib/alert.component.html","../../../../libs/components/alert/src/lib/alert.module.ts","../../../../libs/components/alert/src/acorex-components-alert.ts"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\nimport { AXClosbaleComponent, AXEvent, MXColorComponent } from '@acorex/components/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\n\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n ContentChildren,\n EventEmitter,\n HostBinding,\n Input,\n OnDestroy,\n OnInit,\n Output,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Regular description\n *\n * @category Components\n */\n@Component({\n selector: 'ax-alert',\n templateUrl: './alert.component.html',\n styleUrls: ['./alert.component.scss'],\n inputs: ['color'],\n outputs: ['colorChange'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }],\n})\nexport class AXAlertComponent extends MXColorComponent implements OnInit, AfterViewInit, OnDestroy {\n @ContentChild('ax-icon')\n private _iconComp: AXDecoratorIconComponent;\n\n @ContentChildren(AXButtonComponent, { descendants: true })\n private _buttonComps!: QueryList<AXButtonComponent>;\n\n @ContentChild('ax-title')\n protected _titleComp!: AXDecoratorGenericComponent;\n\n @ContentChild('ax-content')\n protected _contentComp!: AXDecoratorGenericComponent;\n\n @ContentChild('ax-footer')\n protected _footerComp!: AXDecoratorGenericComponent;\n\n protected _showInline = false;\n\n @Output()\n onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n private _customIcon: string;\n private _timeOutRef: number;\n\n /**\n * @ignore\n */\n @HostBinding('class')\n get __hostClass(): string {\n return `ax-alert ax-none ax-${this.color}-solid`;\n }\n\n private _timeOut: number;\n @Input()\n public get timeOut(): number {\n return this._timeOut;\n }\n public set timeOut(v: number) {\n this.setOption({\n name: 'timeOut',\n value: v,\n beforeCallback: (oldValue, newValue) => {\n clearTimeout(this._timeOutRef);\n return newValue;\n },\n afterCallback: (oldValue, newValue) => {\n if (newValue) {\n this._timeOutRef = window.setTimeout(() => {\n this.close();\n }, this.timeOut);\n }\n },\n });\n }\n\n private _observer: MutationObserver;\n\n protected _visible: boolean;\n /**\n * set the visibility of the Alert\n */\n @Input()\n public get visible(): boolean {\n return this._visible;\n }\n public set visible(v: boolean) {\n if (this._visible != v) {\n this._visible = v;\n const host = this.getHostElement();\n if (v) {\n host.classList.remove('ax-state-hidden');\n host.classList.add('ax-state-visible');\n } else {\n host.classList.add('ax-state-hidden');\n host.classList.toggle('ax-state-visible');\n }\n }\n }\n\n ngOnInit() {\n super.ngOnInit();\n const config = { attributes: false, childList: true, subtree: true };\n const callback = (mutationList) => {\n for (const mutation of mutationList) {\n if (mutation.type === 'childList') {\n this._setLayout();\n }\n }\n };\n\n // Create an observer instance linked to the callback function\n if (typeof MutationObserver !== 'undefined') {\n this._observer = new MutationObserver(callback);\n }\n\n // Start observing the target node for configured mutations\n this._observer.observe(this.getHostElement(), config);\n //\n this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));\n }\n\n ngAfterViewInit() {\n if (this.visible == undefined) {\n this.visible = true;\n }\n //\n this._customIcon = this._iconComp?.icon;\n this._setLayout();\n }\n\n private _setLayout() {\n this._setIcon();\n this._applyButtonStyle();\n this._showInline = this._contentComp == null && this._footerComp == null;\n this.cdr.markForCheck();\n }\n\n protected _handleOnOptionChanged() {\n this._setIcon();\n this._applyButtonStyle();\n }\n\n private _setIcon() {\n if (!this._iconComp || this._iconComp.getHostElement().firstElementChild) return;\n\n switch (this.color) {\n case 'success':\n this._iconComp.icon = 'ax-icon ax-icon-check-circle-fill';\n break;\n case 'danger':\n this._iconComp.icon = 'ax-icon ax-icon-error-fill';\n break;\n case 'warning':\n this._iconComp.icon = 'ax-icon ax-icon-warning-fill';\n break;\n case 'info':\n this._iconComp.icon = 'ax-icon ax-icon-info';\n break;\n default:\n this._iconComp.icon = this._customIcon || 'ax-icon ax-icon-check-circle-fill';\n break;\n }\n }\n\n private _applyButtonStyle() {\n // this._buttonComps?.forEach((c: AXButtonComponent) => {\n // c.color = this.color;\n // c.getHostElement().classList.add('ax-sm');\n // });\n }\n\n /**\n * Remove the alert from the container\n */\n close(): void {\n const host = this.getHostElement();\n this.visible = false;\n const func = () => {\n host.parentElement?.removeChild(host);\n this.onClosed.emit({\n component: this,\n });\n host.removeEventListener('transitionend', func);\n };\n host.addEventListener('transitionend', func);\n }\n\n /**\n * Hide the alert\n */\n hide(): void {\n this.visible = false;\n }\n\n /**\n * Show the alert\n */\n show() {\n this.visible = true;\n }\n\n ngOnDestroy(): void {\n this._observer?.disconnect();\n this.onOptionChanged?.unsubscribe();\n }\n}\n","<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","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAlertComponent } from './alert.component';\n\nconst COMPONENT = [AXAlertComponent];\nconst MODULES = [CommonModule, AXDecoratorModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../libs/components/alert/src/lib/alert.component.ts","../../../../libs/components/alert/src/lib/alert.component.html","../../../../libs/components/alert/src/lib/alert.module.ts","../../../../libs/components/alert/src/acorex-components-alert.ts"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\nimport { AXClosbaleComponent, AXEvent, MXColorComponent } from '@acorex/components/common';\nimport { AXDecoratorGenericComponent, AXDecoratorIconComponent } from '@acorex/components/decorators';\n\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n ContentChildren,\n EventEmitter,\n HostBinding,\n Input,\n OnDestroy,\n OnInit,\n Output,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Regular description\n *\n * @category Components\n */\n@Component({\n selector: 'ax-alert',\n templateUrl: './alert.component.html',\n styleUrls: ['./alert.component.scss'],\n inputs: ['color'],\n outputs: ['colorChange'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }],\n})\nexport class AXAlertComponent extends MXColorComponent implements OnInit, AfterViewInit, OnDestroy {\n @ContentChild('ax-icon')\n private _iconComp: AXDecoratorIconComponent;\n\n @ContentChildren(AXButtonComponent, { descendants: true })\n private _buttonComps!: QueryList<AXButtonComponent>;\n\n @ContentChild('ax-title')\n protected _titleComp!: AXDecoratorGenericComponent;\n\n @ContentChild('ax-content')\n protected _contentComp!: AXDecoratorGenericComponent;\n\n @ContentChild('ax-footer')\n protected _footerComp!: AXDecoratorGenericComponent;\n\n protected _showInline = false;\n\n @Output()\n onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\n\n private _customIcon: string;\n private _timeOutRef: number;\n\n /**\n * @ignore\n */\n @HostBinding('class')\n get __hostClass(): string {\n return `ax-alert ax-none ax-${this.color}-solid`;\n }\n\n private _timeOut: number;\n @Input()\n public get timeOut(): number {\n return this._timeOut;\n }\n public set timeOut(v: number) {\n this.setOption({\n name: 'timeOut',\n value: v,\n beforeCallback: (oldValue, newValue) => {\n clearTimeout(this._timeOutRef);\n return newValue;\n },\n afterCallback: (oldValue, newValue) => {\n if (newValue) {\n this._timeOutRef = window.setTimeout(() => {\n this.close();\n }, this.timeOut);\n }\n },\n });\n }\n\n private _observer: MutationObserver;\n\n protected _visible: boolean;\n /**\n * set the visibility of the Alert\n */\n @Input()\n public get visible(): boolean {\n return this._visible;\n }\n public set visible(v: boolean) {\n if (this._visible != v) {\n this._visible = v;\n const host = this.getHostElement();\n if (v) {\n host.classList.remove('ax-state-hidden');\n host.classList.add('ax-state-visible');\n } else {\n host.classList.add('ax-state-hidden');\n host.classList.toggle('ax-state-visible');\n }\n }\n }\n\n ngOnInit() {\n super.ngOnInit();\n const config = { attributes: false, childList: true, subtree: true };\n const callback = (mutationList) => {\n for (const mutation of mutationList) {\n if (mutation.type === 'childList') {\n this._setLayout();\n }\n }\n };\n\n // Create an observer instance linked to the callback function\n if (typeof MutationObserver !== 'undefined') {\n this._observer = new MutationObserver(callback);\n }\n\n // Start observing the target node for configured mutations\n this._observer.observe(this.getHostElement(), config);\n //\n this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));\n }\n\n ngAfterViewInit() {\n if (this.visible == undefined) {\n this.visible = true;\n }\n //\n this._customIcon = this._iconComp?.icon;\n this._setLayout();\n }\n\n private _setLayout() {\n this._setIcon();\n this._applyButtonStyle();\n this._showInline = this._contentComp == null && this._footerComp == null;\n this.cdr.markForCheck();\n }\n\n protected _handleOnOptionChanged() {\n this._setIcon();\n this._applyButtonStyle();\n }\n\n private _setIcon() {\n if (!this._iconComp || this._iconComp.getHostElement().firstElementChild) return;\n\n switch (this.color) {\n case 'success':\n this._iconComp.icon = 'ax-icon ax-icon-check-circle-fill';\n break;\n case 'danger':\n this._iconComp.icon = 'ax-icon ax-icon-error-fill';\n break;\n case 'warning':\n this._iconComp.icon = 'ax-icon ax-icon-warning-fill';\n break;\n case 'info':\n this._iconComp.icon = 'ax-icon ax-icon-info';\n break;\n default:\n this._iconComp.icon = this._customIcon || 'ax-icon ax-icon-check-circle-fill';\n break;\n }\n }\n\n private _applyButtonStyle() {\n // this._buttonComps?.forEach((c: AXButtonComponent) => {\n // c.color = this.color;\n // c.getHostElement().classList.add('ax-sm');\n // });\n }\n\n /**\n * Remove the alert from the container\n */\n close(): void {\n const host = this.getHostElement();\n this.visible = false;\n const func = () => {\n host.parentElement?.removeChild(host);\n this.onClosed.emit({\n component: this,\n });\n host.removeEventListener('transitionend', func);\n };\n host.addEventListener('transitionend', func);\n }\n\n /**\n * Hide the alert\n */\n hide(): void {\n this.visible = false;\n }\n\n /**\n * Show the alert\n */\n show() {\n this.visible = true;\n }\n\n ngOnDestroy(): void {\n this._observer?.disconnect();\n this.onOptionChanged?.unsubscribe();\n }\n}\n","<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","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXAlertComponent } from './alert.component';\n\nconst COMPONENT = [AXAlertComponent];\nconst MODULES = [CommonModule, AXDecoratorModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|