@acorex/components 7.1.20 → 7.1.23
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/breadcrumbs/src/breadcrumbs-item.component.d.ts +6 -6
- package/button/src/button-group.component.d.ts +6 -6
- package/button/src/button-item.component.d.ts +6 -6
- package/chips/src/chips.component.d.ts +6 -6
- package/color-picker/src/color-picker.component.d.ts +16 -16
- package/common/src/components/base-component.class.d.ts +2 -2
- package/esm2022/action-sheet/src/action-sheet.component.mjs +3 -3
- package/esm2022/action-sheet/src/action-sheet.module.mjs +4 -4
- package/esm2022/action-sheet/src/action-sheet.service.mjs +3 -3
- package/esm2022/alert/src/alert.component.mjs +11 -9
- package/esm2022/alert/src/alert.module.mjs +4 -4
- package/esm2022/avatar/src/avatar-group.component.mjs +3 -3
- package/esm2022/avatar/src/avatar.component.mjs +3 -3
- package/esm2022/avatar/src/avatar.module.mjs +4 -4
- package/esm2022/badge/src/badge.component.mjs +3 -3
- package/esm2022/badge/src/badge.module.mjs +8 -10
- package/esm2022/breadcrumbs/src/breadcrumbs-item.component.mjs +3 -3
- package/esm2022/breadcrumbs/src/breadcrumbs.component.mjs +3 -3
- package/esm2022/breadcrumbs/src/breadcrumbs.module.mjs +4 -4
- package/esm2022/button/src/button-group.component.mjs +3 -3
- package/esm2022/button/src/button-item.component.mjs +3 -3
- package/esm2022/button/src/button.component.mjs +3 -3
- package/esm2022/button/src/button.module.mjs +4 -4
- package/esm2022/calendar/src/calendar-range.component.mjs +3 -3
- package/esm2022/calendar/src/calendar.class.mjs +3 -3
- package/esm2022/calendar/src/calendar.component.mjs +3 -3
- package/esm2022/calendar/src/calendar.module.mjs +4 -4
- package/esm2022/card/src/card.component.mjs +3 -3
- package/esm2022/card/src/card.module.mjs +4 -4
- package/esm2022/checkbox/src/checkbox.component.mjs +3 -3
- package/esm2022/checkbox/src/checkbox.module.mjs +4 -4
- package/esm2022/chips/src/chips.component.mjs +3 -3
- package/esm2022/chips/src/chips.module.mjs +4 -4
- package/esm2022/collapse/src/collapse-group.component.mjs +3 -3
- package/esm2022/collapse/src/collapse.component.mjs +3 -3
- package/esm2022/collapse/src/collapse.module.mjs +4 -4
- package/esm2022/color-palette/src/color-palette-input.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette-picker.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette-preview.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette-swatches.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette.class.mjs +6 -6
- package/esm2022/color-palette/src/color-palette.component.mjs +3 -3
- package/esm2022/color-palette/src/color-palette.module.mjs +4 -4
- package/esm2022/color-picker/src/color-picker.component.mjs +3 -3
- package/esm2022/color-picker/src/color-picker.module.mjs +4 -4
- package/esm2022/common/src/classes/components.class.mjs +18 -18
- package/esm2022/common/src/common.module.mjs +4 -4
- package/esm2022/common/src/components/base-component.class.mjs +8 -13
- package/esm2022/common/src/components/value-component.class.mjs +3 -3
- package/esm2022/common/src/directives/auto-focus.directive.mjs +3 -3
- package/esm2022/common/src/directives/debounce-time.directive.mjs +3 -3
- package/esm2022/common/src/directives/hotkey.directive.mjs +3 -3
- package/esm2022/common/src/directives/infinite-scroll.directive.mjs +3 -3
- package/esm2022/common/src/directives/responsive.directive.mjs +13 -10
- package/esm2022/common/src/services/custom-cdk-overlay.service.mjs +6 -6
- package/esm2022/common/src/services/hotkey.service.mjs +3 -3
- package/esm2022/common/src/services/overlay.service.mjs +3 -3
- package/esm2022/context-menu/src/context-menu.component.mjs +3 -3
- package/esm2022/context-menu/src/context-menu.module.mjs +4 -4
- package/esm2022/data-pager/src/data-pager-base.component.mjs +6 -6
- package/esm2022/data-pager/src/data-pager-info.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-input-selector.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-next-buttons.components.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-numeric-selector.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-pagesize-dropdown.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager-prev-buttons.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager.component.mjs +3 -3
- package/esm2022/data-pager/src/data-pager.module.mjs +4 -4
- package/esm2022/data-table/src/data-column-cell-template.directive.mjs +3 -3
- package/esm2022/data-table/src/data-column.directive.mjs +3 -3
- package/esm2022/data-table/src/data-table.component.mjs +3 -3
- package/esm2022/data-table/src/data-table.module.mjs +4 -4
- package/esm2022/date-picker/src/datepicker.component.mjs +3 -3
- package/esm2022/date-picker/src/datepicker.module.mjs +4 -4
- package/esm2022/decorators/src/close-button.component.mjs +3 -3
- package/esm2022/decorators/src/content.component.mjs +3 -3
- package/esm2022/decorators/src/decorators.module.mjs +4 -4
- package/esm2022/decorators/src/footer.component.mjs +3 -3
- package/esm2022/decorators/src/form-hint.component.mjs +3 -3
- package/esm2022/decorators/src/header.component.mjs +3 -3
- package/esm2022/decorators/src/icon.component.mjs +3 -3
- package/esm2022/decorators/src/overlay.component.mjs +3 -3
- package/esm2022/decorators/src/placeholder.component.mjs +3 -3
- package/esm2022/decorators/src/prefix.component.mjs +3 -3
- package/esm2022/decorators/src/sub-title.component.mjs +3 -3
- package/esm2022/decorators/src/suffix.component.mjs +3 -3
- package/esm2022/decorators/src/text.component.mjs +3 -3
- package/esm2022/decorators/src/title.component.mjs +3 -3
- package/esm2022/dialog/src/dialog.component.mjs +3 -3
- package/esm2022/dialog/src/dialog.module.mjs +4 -4
- package/esm2022/dialog/src/dialog.service.mjs +3 -3
- package/esm2022/drawer/src/drawer-container.component.mjs +3 -3
- package/esm2022/drawer/src/drawer.component.mjs +3 -3
- package/esm2022/drawer/src/drawer.module.mjs +4 -4
- package/esm2022/dropdown/src/dropdown-panel.component.mjs +3 -3
- package/esm2022/dropdown/src/dropdown.module.mjs +4 -4
- package/esm2022/form/src/form-field.component.mjs +3 -3
- package/esm2022/form/src/form.component.mjs +10 -10
- package/esm2022/form/src/form.module.mjs +4 -4
- package/esm2022/form/src/validation-rule.widget.mjs +3 -3
- package/esm2022/form/src/validation-summary.component.mjs +3 -3
- package/esm2022/image/src/image.component.mjs +3 -3
- package/esm2022/image/src/image.module.mjs +4 -4
- package/esm2022/label/src/label.component.mjs +3 -3
- package/esm2022/label/src/label.module.mjs +4 -4
- package/esm2022/loading/src/loading-spinner.component.mjs +3 -3
- package/esm2022/loading/src/loading.component.mjs +3 -3
- package/esm2022/loading/src/loading.directive.mjs +3 -3
- package/esm2022/loading/src/loading.module.mjs +4 -4
- package/esm2022/loading/src/loading.service.mjs +3 -3
- package/esm2022/menu/src/menu.component.mjs +3 -3
- package/esm2022/menu/src/menu.module.mjs +4 -4
- package/esm2022/mixin/src/base-components.class.mjs +5 -8
- package/esm2022/notification/src/notification.component.mjs +3 -3
- package/esm2022/notification/src/notification.module.mjs +4 -4
- package/esm2022/notification/src/notification.service.mjs +3 -3
- package/esm2022/number-box/src/number-box.component.mjs +3 -3
- package/esm2022/number-box/src/number-box.module.mjs +4 -4
- package/esm2022/page/src/base-page.class.mjs +3 -3
- package/esm2022/page/src/page.component.mjs +3 -3
- package/esm2022/page/src/page.module.mjs +4 -4
- package/esm2022/password-box/src/password-box.component.mjs +3 -3
- package/esm2022/password-box/src/password-box.module.mjs +4 -4
- package/esm2022/picker/src/picker-column.component.mjs +3 -3
- package/esm2022/picker/src/picker.component.mjs +3 -3
- package/esm2022/picker/src/picker.module.mjs +4 -4
- package/esm2022/popover/src/dropdown-component.class.mjs +3 -3
- package/esm2022/popover/src/popover.component.mjs +3 -3
- package/esm2022/popover/src/popover.module.mjs +4 -4
- package/esm2022/popup/src/popup.component.mjs +3 -3
- package/esm2022/popup/src/popup.module.mjs +4 -4
- package/esm2022/popup/src/popup.service.mjs +3 -3
- package/esm2022/progress-bar/src/progress-bar.component.mjs +3 -3
- package/esm2022/progress-bar/src/progress-bar.module.mjs +4 -4
- package/esm2022/radio/src/radio.component.mjs +3 -3
- package/esm2022/radio/src/radio.module.mjs +4 -4
- package/esm2022/range-slider/src/range-slider.component.mjs +3 -3
- package/esm2022/range-slider/src/range-slider.module.mjs +4 -4
- package/esm2022/rating/src/rating.component.mjs +3 -3
- package/esm2022/rating/src/rating.component.module.mjs +4 -4
- package/esm2022/result/src/result.component.mjs +3 -3
- package/esm2022/result/src/result.module.mjs +4 -4
- package/esm2022/search-box/src/search-box.component.mjs +3 -3
- package/esm2022/search-box/src/search-box.module.mjs +4 -4
- package/esm2022/select-box/src/selectbox.component.mjs +3 -3
- package/esm2022/select-box/src/selectbox.module.mjs +4 -4
- package/esm2022/selection-list/src/selection-list.component.mjs +3 -3
- package/esm2022/selection-list/src/selection-list.module.mjs +4 -4
- package/esm2022/switch/src/switch-content.component.mjs +3 -3
- package/esm2022/switch/src/switch.component.mjs +3 -3
- package/esm2022/switch/src/switch.module.mjs +4 -4
- package/esm2022/tabs/src/tab-content.directive.mjs +3 -3
- package/esm2022/tabs/src/tab-item.component.mjs +3 -3
- package/esm2022/tabs/src/tabs.component.mjs +3 -3
- package/esm2022/tabs/src/tabs.module.mjs +4 -4
- package/esm2022/tag/src/tag.component.mjs +3 -3
- package/esm2022/tag/src/tag.module.mjs +4 -4
- package/esm2022/textarea/src/textarea.component.mjs +3 -3
- package/esm2022/textarea/src/textarea.module.mjs +4 -4
- package/esm2022/textbox/src/mask-options.directive.mjs +3 -3
- package/esm2022/textbox/src/textbox.component.mjs +3 -3
- package/esm2022/textbox/src/textbox.module.mjs +4 -4
- package/esm2022/time-box/src/time-box.component.mjs +3 -3
- package/esm2022/time-box/src/time-box.module.mjs +4 -4
- package/esm2022/toast/src/toast.component.mjs +3 -3
- package/esm2022/toast/src/toast.module.mjs +4 -4
- package/esm2022/toast/src/toast.service.mjs +3 -3
- package/esm2022/tooltip/src/tooltip.component.mjs +3 -3
- package/esm2022/tooltip/src/tooltip.directive.mjs +3 -3
- package/esm2022/tooltip/src/tooltip.module.mjs +4 -4
- package/esm2022/tree-view/src/tree-view.component.mjs +3 -3
- package/esm2022/tree-view/src/tree-view.module.mjs +4 -4
- package/esm2022/uploader/src/uploader.component.mjs +3 -3
- package/esm2022/uploader/src/uploader.module.mjs +4 -4
- package/fesm2022/acorex-components-action-sheet.mjs +10 -10
- package/fesm2022/acorex-components-alert.mjs +12 -10
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +10 -10
- package/fesm2022/acorex-components-badge.mjs +10 -12
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-breadcrumbs.mjs +10 -10
- package/fesm2022/acorex-components-button.mjs +13 -13
- package/fesm2022/acorex-components-calendar.mjs +13 -13
- package/fesm2022/acorex-components-card.mjs +7 -7
- package/fesm2022/acorex-components-checkbox.mjs +7 -7
- package/fesm2022/acorex-components-chips.mjs +7 -7
- package/fesm2022/acorex-components-collapse.mjs +10 -10
- package/fesm2022/acorex-components-color-palette.mjs +25 -25
- package/fesm2022/acorex-components-color-picker.mjs +7 -7
- package/fesm2022/acorex-components-common.mjs +67 -69
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-context-menu.mjs +7 -7
- package/fesm2022/acorex-components-data-pager.mjs +31 -31
- package/fesm2022/acorex-components-data-table.mjs +13 -13
- package/fesm2022/acorex-components-date-picker.mjs +7 -7
- package/fesm2022/acorex-components-decorators.mjs +43 -43
- package/fesm2022/acorex-components-dialog.mjs +10 -10
- package/fesm2022/acorex-components-drawer.mjs +10 -10
- package/fesm2022/acorex-components-dropdown.mjs +7 -7
- package/fesm2022/acorex-components-form.mjs +21 -21
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +7 -7
- package/fesm2022/acorex-components-label.mjs +7 -7
- package/fesm2022/acorex-components-loading.mjs +16 -16
- package/fesm2022/acorex-components-menu.mjs +7 -7
- package/fesm2022/acorex-components-mixin.mjs +4 -7
- package/fesm2022/acorex-components-mixin.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +10 -10
- package/fesm2022/acorex-components-number-box.mjs +7 -7
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-password-box.mjs +7 -7
- package/fesm2022/acorex-components-picker.mjs +10 -10
- package/fesm2022/acorex-components-popover.mjs +10 -10
- package/fesm2022/acorex-components-popup.mjs +10 -10
- package/fesm2022/acorex-components-progress-bar.mjs +7 -7
- package/fesm2022/acorex-components-radio.mjs +7 -7
- package/fesm2022/acorex-components-range-slider.mjs +7 -7
- package/fesm2022/acorex-components-rating.mjs +7 -7
- package/fesm2022/acorex-components-result.mjs +7 -7
- package/fesm2022/acorex-components-search-box.mjs +7 -7
- package/fesm2022/acorex-components-select-box.mjs +7 -7
- package/fesm2022/acorex-components-selection-list.mjs +7 -7
- package/fesm2022/acorex-components-switch.mjs +10 -10
- package/fesm2022/acorex-components-tabs.mjs +13 -13
- package/fesm2022/acorex-components-tag.mjs +7 -7
- package/fesm2022/acorex-components-textarea.mjs +7 -7
- package/fesm2022/acorex-components-textbox.mjs +10 -10
- package/fesm2022/acorex-components-time-box.mjs +7 -7
- package/fesm2022/acorex-components-toast.mjs +10 -10
- package/fesm2022/acorex-components-tooltip.mjs +10 -10
- package/fesm2022/acorex-components-tree-view.mjs +7 -7
- package/fesm2022/acorex-components-uploader.mjs +7 -7
- package/mixin/src/base-components.class.d.ts +2 -2
- package/mixin/src/base-menu-mixin.class.d.ts +5 -5
- package/mixin/src/button-mixin.class.d.ts +2 -2
- package/mixin/src/clickable-mixin.class.d.ts +2 -2
- package/mixin/src/color-look-mixing.class.d.ts +2 -2
- package/mixin/src/datalist-component.class.d.ts +10 -10
- package/mixin/src/dropdown-mixin.class.d.ts +2 -2
- package/mixin/src/interactive-mixin.class.d.ts +5 -8
- package/mixin/src/loading-mixin.class.d.ts +2 -2
- package/mixin/src/mixin.class.d.ts +61 -61
- package/mixin/src/page-component.class.d.ts +2 -2
- package/mixin/src/selection-component.class.d.ts +2 -2
- package/mixin/src/sizable-mixin.class.d.ts +2 -2
- package/mixin/src/textbox-mixin.class.d.ts +2 -6
- package/mixin/src/value-mixin.class.d.ts +8 -8
- package/package.json +1 -1
- package/tabs/src/tab-item.component.d.ts +2 -2
|
@@ -14,10 +14,10 @@ class AXDecoratorIconComponent extends AXBaseComponentMixin {
|
|
|
14
14
|
constructor(elementRef, cdr) {
|
|
15
15
|
super(elementRef, cdr);
|
|
16
16
|
}
|
|
17
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
18
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" } }, providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content select="i,span,svg,img"></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{
|
|
23
23
|
selector: 'ax-icon',
|
|
@@ -49,14 +49,14 @@ class AXDecoratorCloseButtonComponent extends AXBaseComponentMixin {
|
|
|
49
49
|
_handleOnClick(e) {
|
|
50
50
|
this._parent?.close();
|
|
51
51
|
}
|
|
52
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
53
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
52
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorCloseButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXClosbaleComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: { icon: "icon" }, host: { classAttribute: "ax-icon ax-close-button" }, usesInheritance: true, ngImport: i0, template: `<ax-icon
|
|
54
54
|
[icon]="icon"
|
|
55
55
|
(click)="_handleOnClick($event)"
|
|
56
56
|
tabindex="1"
|
|
57
57
|
></ax-icon>`, isInline: true, dependencies: [{ kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorCloseButtonComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
args: [{
|
|
62
62
|
selector: 'ax-close-button',
|
|
@@ -82,10 +82,10 @@ class AXDecoratorContentComponent extends AXBaseComponentMixin {
|
|
|
82
82
|
constructor(elementRef, cdr) {
|
|
83
83
|
super(elementRef, cdr);
|
|
84
84
|
}
|
|
85
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
86
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
85
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorContentComponent, selector: "ax-content", host: { classAttribute: "ax-content" }, usesInheritance: true, ngImport: i0, template: ` <ng-content> </ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
87
87
|
}
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorContentComponent, decorators: [{
|
|
89
89
|
type: Component,
|
|
90
90
|
args: [{
|
|
91
91
|
selector: 'ax-content',
|
|
@@ -100,10 +100,10 @@ class AXDecoratorPrefixComponent extends AXBaseComponentMixin {
|
|
|
100
100
|
constructor(elementRef, cdr) {
|
|
101
101
|
super(elementRef, cdr);
|
|
102
102
|
}
|
|
103
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
104
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
103
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorPrefixComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
104
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorPrefixComponent, selector: "ax-prefix", host: { classAttribute: "ax-prefix" }, usesInheritance: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorPrefixComponent, decorators: [{
|
|
107
107
|
type: Component,
|
|
108
108
|
args: [{
|
|
109
109
|
selector: 'ax-prefix',
|
|
@@ -118,10 +118,10 @@ class AXDecoratorSuffixComponent extends AXBaseComponentMixin {
|
|
|
118
118
|
constructor(elementRef, cdr) {
|
|
119
119
|
super(elementRef, cdr);
|
|
120
120
|
}
|
|
121
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
122
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
121
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorSuffixComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
122
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorSuffixComponent, selector: "ax-suffix", host: { classAttribute: "ax-suffix" }, usesInheritance: true, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
123
123
|
}
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorSuffixComponent, decorators: [{
|
|
125
125
|
type: Component,
|
|
126
126
|
args: [{
|
|
127
127
|
selector: 'ax-suffix',
|
|
@@ -136,14 +136,14 @@ class AXDecoratorHeaderComponent extends AXBaseComponentMixin {
|
|
|
136
136
|
constructor(elementRef, cdr) {
|
|
137
137
|
super(elementRef, cdr);
|
|
138
138
|
}
|
|
139
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
140
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
139
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
140
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorHeaderComponent, selector: "ax-header", host: { classAttribute: "ax-header" }, usesInheritance: true, ngImport: i0, template: `
|
|
141
141
|
<ng-content
|
|
142
142
|
select="ax-suffix,ax-prefix,ax-button,ax-icon,ax-title,ax-data-pager,ax-close-button,ng-container,ng-content,ax-content"
|
|
143
143
|
></ng-content>
|
|
144
144
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
145
145
|
}
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorHeaderComponent, decorators: [{
|
|
147
147
|
type: Component,
|
|
148
148
|
args: [{
|
|
149
149
|
selector: 'ax-header',
|
|
@@ -162,14 +162,14 @@ class AXDecoratorFooterComponent extends AXBaseComponentMixin {
|
|
|
162
162
|
constructor(elementRef, cdr) {
|
|
163
163
|
super(elementRef, cdr);
|
|
164
164
|
}
|
|
165
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
166
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
165
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorFooterComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
166
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorFooterComponent, selector: "ax-footer", host: { classAttribute: "ax-footer" }, usesInheritance: true, ngImport: i0, template: `
|
|
167
167
|
<ng-content
|
|
168
168
|
select="ax-suffix,ax-prefix,ax-button,ax-title,ax-data-pager,ax-close-button,ng-container"
|
|
169
169
|
></ng-content>
|
|
170
170
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
171
171
|
}
|
|
172
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorFooterComponent, decorators: [{
|
|
173
173
|
type: Component,
|
|
174
174
|
args: [{
|
|
175
175
|
selector: 'ax-footer',
|
|
@@ -188,10 +188,10 @@ class AXDecoratorTitleComponent extends AXBaseComponentMixin {
|
|
|
188
188
|
constructor(_elementRef, _cdr) {
|
|
189
189
|
super(_elementRef, _cdr);
|
|
190
190
|
}
|
|
191
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
192
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
191
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorTitleComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
192
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorTitleComponent, selector: "ax-title", usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
193
193
|
}
|
|
194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorTitleComponent, decorators: [{
|
|
195
195
|
type: Component,
|
|
196
196
|
args: [{
|
|
197
197
|
selector: 'ax-title',
|
|
@@ -203,10 +203,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
203
203
|
|
|
204
204
|
class AXDecoratorOverlayComponent {
|
|
205
205
|
displayMode = 'hover';
|
|
206
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
207
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
206
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
207
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorOverlayComponent, selector: "ax-overlay", inputs: { displayMode: "displayMode" }, host: { properties: { "attr.data-overlay-mode": "this.displayMode" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
208
208
|
}
|
|
209
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
209
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorOverlayComponent, decorators: [{
|
|
210
210
|
type: Component,
|
|
211
211
|
args: [{
|
|
212
212
|
selector: 'ax-overlay',
|
|
@@ -220,10 +220,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
220
220
|
}] } });
|
|
221
221
|
|
|
222
222
|
class AXDecoratorPlaceholderComponent {
|
|
223
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
224
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
223
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
224
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorPlaceholderComponent, selector: "ax-placeholder", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
225
225
|
}
|
|
226
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorPlaceholderComponent, decorators: [{
|
|
227
227
|
type: Component,
|
|
228
228
|
args: [{
|
|
229
229
|
selector: 'ax-placeholder',
|
|
@@ -236,10 +236,10 @@ class AXDecoratorTextComponent extends AXBaseComponentMixin {
|
|
|
236
236
|
constructor(_elementRef, _cdr) {
|
|
237
237
|
super(_elementRef, _cdr);
|
|
238
238
|
}
|
|
239
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
240
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
239
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorTextComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
240
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorTextComponent, selector: "ax-text", inputs: { content: "content" }, providers: [{ provide: 'ax-text', useValue: AXDecoratorTextComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
241
241
|
}
|
|
242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorTextComponent, decorators: [{
|
|
243
243
|
type: Component,
|
|
244
244
|
args: [{
|
|
245
245
|
selector: 'ax-text',
|
|
@@ -255,11 +255,11 @@ class AXDecoratorSubTitleComponent extends AXBaseComponentMixin {
|
|
|
255
255
|
super(_elementRef, _cdr);
|
|
256
256
|
}
|
|
257
257
|
text = '';
|
|
258
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
259
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
258
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorSubTitleComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
259
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorSubTitleComponent, selector: "ax-sub-title", inputs: { text: "text" }, host: { classAttribute: "ax-sub-title" }, usesInheritance: true, ngImport: i0, template: `<div *ngIf="text">{{ text }}</div>
|
|
260
260
|
<ng-container><ng-content *ngIf="!text"></ng-content></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
261
261
|
}
|
|
262
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorSubTitleComponent, decorators: [{
|
|
263
263
|
type: Component,
|
|
264
264
|
args: [{
|
|
265
265
|
selector: 'ax-sub-title',
|
|
@@ -277,10 +277,10 @@ class AXDecoratorFormHintComponent extends AXBaseComponentMixin {
|
|
|
277
277
|
constructor(elementRef, cdr) {
|
|
278
278
|
super(elementRef, cdr);
|
|
279
279
|
}
|
|
280
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
281
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
280
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorFormHintComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
281
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDecoratorFormHintComponent, selector: "ax-form-hint", usesInheritance: true, ngImport: i0, template: ' <p class="ax-form-hint-text"><ng-content></ng-content></p>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
282
282
|
}
|
|
283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorFormHintComponent, decorators: [{
|
|
284
284
|
type: Component,
|
|
285
285
|
args: [{
|
|
286
286
|
selector: 'ax-form-hint',
|
|
@@ -307,8 +307,8 @@ const COMPONENT = [
|
|
|
307
307
|
];
|
|
308
308
|
const MODULES = [CommonModule];
|
|
309
309
|
class AXDecoratorModule {
|
|
310
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
311
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.
|
|
310
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
311
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorModule, declarations: [AXDecoratorPrefixComponent,
|
|
312
312
|
AXDecoratorSuffixComponent,
|
|
313
313
|
AXDecoratorContentComponent,
|
|
314
314
|
AXDecoratorHeaderComponent,
|
|
@@ -333,9 +333,9 @@ class AXDecoratorModule {
|
|
|
333
333
|
AXDecoratorPlaceholderComponent,
|
|
334
334
|
AXDecoratorTextComponent,
|
|
335
335
|
AXDecoratorFormHintComponent] });
|
|
336
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.
|
|
336
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorModule, imports: [MODULES] });
|
|
337
337
|
}
|
|
338
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDecoratorModule, decorators: [{
|
|
339
339
|
type: NgModule,
|
|
340
340
|
args: [{
|
|
341
341
|
declarations: [...COMPONENT],
|
|
@@ -56,10 +56,10 @@ class AXDialogComponent extends AXBaseComponentMixin {
|
|
|
56
56
|
}
|
|
57
57
|
return result;
|
|
58
58
|
}
|
|
59
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
60
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
59
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDialogComponent, selector: "ax-dialog", usesInheritance: true, ngImport: i0, template: "<div aria-modal=\"true\" [cdkTrapFocus]=\"true\">\n <div class=\"ax-dialog ax-{{options.type}}-default ax-orientation-{{options.orientation}}\" cdkDrag role=\"alert\" cdkDragHandle>\n <div class=\"ax-dialog-content-wrapper\">\n <div class=\"ax-dialog-icon-side\">\n <i class=\"ax-dialog-icon {{_icon}}\"></i>\n </div>\n <div class=\"ax-dialog-content-side\">\n <div class=\"ax-dialog-title\">{{options.title}}</div>\n <div class=\"ax-dialog-content\">{{options.content}}</div>\n </div>\n <div class=\"ax-dialog-dismiss-icon\">\n <i class=\"ax-icon ax-icon-close\" *ngIf=\"options.dismissible\" (click)=\"close()\"></i>\n </div>\n </div>\n <ax-footer>\n <ng-container *ngFor=\"let button of options.buttons;let i=index\">\n <ax-button [text]=\"button.text\" [axAutoFocus]=\"_hasAutoFocus(button)\" [hotkey]=\"button.hotkey\"\n (onClick)=\"_handleButtonClick(button)\" [class]=\"button.cssClass\" [look]=\"button.look\"\n [color]=\"button.color\"></ax-button>\n </ng-container>\n </ax-footer>\n </div>\n</div>", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{flex:1;margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "focus-time"] }, { kind: "directive", type: i2.AXHotkeyDirective, selector: "[hotkey]", inputs: ["hotkey"] }, { kind: "directive", type: i3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i4.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i6.AXDecoratorFooterComponent, selector: "ax-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDialogComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
64
64
|
args: [{ selector: 'ax-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div aria-modal=\"true\" [cdkTrapFocus]=\"true\">\n <div class=\"ax-dialog ax-{{options.type}}-default ax-orientation-{{options.orientation}}\" cdkDrag role=\"alert\" cdkDragHandle>\n <div class=\"ax-dialog-content-wrapper\">\n <div class=\"ax-dialog-icon-side\">\n <i class=\"ax-dialog-icon {{_icon}}\"></i>\n </div>\n <div class=\"ax-dialog-content-side\">\n <div class=\"ax-dialog-title\">{{options.title}}</div>\n <div class=\"ax-dialog-content\">{{options.content}}</div>\n </div>\n <div class=\"ax-dialog-dismiss-icon\">\n <i class=\"ax-icon ax-icon-close\" *ngIf=\"options.dismissible\" (click)=\"close()\"></i>\n </div>\n </div>\n <ax-footer>\n <ng-container *ngFor=\"let button of options.buttons;let i=index\">\n <ax-button [text]=\"button.text\" [axAutoFocus]=\"_hasAutoFocus(button)\" [hotkey]=\"button.hotkey\"\n (onClick)=\"_handleButtonClick(button)\" [class]=\"button.cssClass\" [look]=\"button.look\"\n [color]=\"button.color\"></ax-button>\n </ng-container>\n </ax-footer>\n </div>\n</div>", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-surface-fore));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{flex:1;margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{background-color:rgba(var(--ax-color-on-surface));padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"] }]
|
|
65
65
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
|
|
@@ -67,11 +67,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
67
67
|
const COMPONENT = [AXDialogComponent];
|
|
68
68
|
const MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXPageModule, AXDecoratorModule];
|
|
69
69
|
class AXDialogModule {
|
|
70
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
71
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.
|
|
72
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.
|
|
70
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
71
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: AXDialogModule, declarations: [AXDialogComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXPageModule, AXDecoratorModule], exports: [AXDialogComponent] });
|
|
72
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDialogModule, imports: [MODULES] });
|
|
73
73
|
}
|
|
74
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
74
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDialogModule, decorators: [{
|
|
75
75
|
type: NgModule,
|
|
76
76
|
args: [{
|
|
77
77
|
declarations: [...COMPONENT],
|
|
@@ -221,10 +221,10 @@ class AXDialogService {
|
|
|
221
221
|
},
|
|
222
222
|
};
|
|
223
223
|
}
|
|
224
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
225
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.
|
|
224
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDialogService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }, { token: i1$1.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
225
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDialogService, providedIn: 'root' });
|
|
226
226
|
}
|
|
227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDialogService, decorators: [{
|
|
228
228
|
type: Injectable,
|
|
229
229
|
args: [{ providedIn: 'root' }]
|
|
230
230
|
}], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }, { type: i1$1.ScrollStrategyOptions }]; } });
|
|
@@ -18,14 +18,14 @@ class AXDrawerContainerComponent extends AXBaseComponentMixin {
|
|
|
18
18
|
? host.classList.add('ax-visible')
|
|
19
19
|
: host.classList.remove('ax-visible');
|
|
20
20
|
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDrawerContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDrawerContainerComponent, selector: "ax-drawer-container", usesInheritance: true, ngImport: i0, template: `
|
|
23
23
|
<ng-content select="ax-drawer[location='start']"> </ng-content>
|
|
24
24
|
<ng-content select="ax-content"> </ng-content>
|
|
25
25
|
<ng-content select="ax-drawer[location='end']"> </ng-content>
|
|
26
26
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDrawerContainerComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{
|
|
31
31
|
selector: 'ax-drawer-container',
|
|
@@ -144,8 +144,8 @@ class AXDrawerComponent extends AXBaseComponentMixin {
|
|
|
144
144
|
}
|
|
145
145
|
});
|
|
146
146
|
}
|
|
147
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
148
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
147
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDrawerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
148
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDrawerComponent, selector: "ax-drawer", inputs: { location: "location", mode: "mode", collapsed: "collapsed" }, outputs: { locationChange: "locationChange", modeChange: "modeChange", collapsedChange: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
|
|
149
149
|
{ provide: AXComponent, useExisting: AXDrawerComponent },
|
|
150
150
|
{ provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
|
|
151
151
|
], usesInheritance: true, ngImport: i0, template: `
|
|
@@ -153,7 +153,7 @@ class AXDrawerComponent extends AXBaseComponentMixin {
|
|
|
153
153
|
<ng-content select="ax-content"></ng-content>
|
|
154
154
|
`, isInline: true, styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer .ax-header,ax-drawer-container ax-drawer .ax-footer{padding:.75rem}ax-drawer-container ax-drawer .ax-footer{border-top-width:1px}ax-drawer-container ax-drawer .ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer.ax-preload{animation-duration:0ms;transition-property:none}ax-drawer-container ax-drawer>.ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>.ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
155
155
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDrawerComponent, decorators: [{
|
|
157
157
|
type: Component,
|
|
158
158
|
args: [{ selector: 'ax-drawer', template: `
|
|
159
159
|
<ng-content select="ax-header"></ng-content>
|
|
@@ -182,11 +182,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
182
182
|
const COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];
|
|
183
183
|
const MODULES = [CommonModule];
|
|
184
184
|
class AXDrawerModule {
|
|
185
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
186
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.
|
|
187
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.
|
|
185
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
186
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: AXDrawerModule, declarations: [AXDrawerComponent, AXDrawerContainerComponent], imports: [CommonModule], exports: [AXDrawerComponent, AXDrawerContainerComponent] });
|
|
187
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDrawerModule, imports: [MODULES] });
|
|
188
188
|
}
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDrawerModule, decorators: [{
|
|
190
190
|
type: NgModule,
|
|
191
191
|
args: [{
|
|
192
192
|
declarations: [...COMPONENT],
|
|
@@ -89,10 +89,10 @@ class AXDropdownPanelComponent extends AXBaseDropdownMixin {
|
|
|
89
89
|
this.close();
|
|
90
90
|
this._emitOnItemClickEvent(e, e.component);
|
|
91
91
|
}
|
|
92
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
93
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
92
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDropdownPanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXButtonComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
93
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", target: "target" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onItemClick: "onItemClick" }, host: { classAttribute: "ax-dropdown-panel" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-popover [target]=\"target\" [position]=\"position\" [openTrigger]=\"'toggle'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"false\" >\n <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\" >\n <ng-content select=\"[panel],ax-button-item\">\n </ng-content>\n </div>\n</ax-popover>", styles: [""], dependencies: [{ kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
94
94
|
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDropdownPanelComponent, decorators: [{
|
|
96
96
|
type: Component,
|
|
97
97
|
args: [{ selector: 'ax-dropdown-panel', inputs: ['isOpen', 'fitParent', 'dropdownWidth', 'position'], outputs: ['onOpened', 'onClosed'], host: { class: 'ax-dropdown-panel' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-popover [target]=\"target\" [position]=\"position\" [openTrigger]=\"'toggle'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"false\" >\n <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\" >\n <ng-content select=\"[panel],ax-button-item\">\n </ng-content>\n </div>\n</ax-popover>" }]
|
|
98
98
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXButtonComponent, decorators: [{
|
|
@@ -110,11 +110,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
110
110
|
}] } });
|
|
111
111
|
|
|
112
112
|
class AXDropdownModule {
|
|
113
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
114
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.
|
|
115
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.
|
|
113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
114
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: AXDropdownModule, declarations: [AXDropdownPanelComponent], imports: [CommonModule, AXCommonModule, A11yModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule], exports: [AXDropdownPanelComponent] });
|
|
115
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDropdownModule, imports: [CommonModule, AXCommonModule, A11yModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule] });
|
|
116
116
|
}
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXDropdownModule, decorators: [{
|
|
118
118
|
type: NgModule,
|
|
119
119
|
args: [{
|
|
120
120
|
imports: [CommonModule, AXCommonModule, A11yModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule],
|
|
@@ -18,10 +18,10 @@ class AXFormFieldComponent extends AXBaseComponentMixin {
|
|
|
18
18
|
constructor(elementRef, cdr) {
|
|
19
19
|
super(elementRef, cdr);
|
|
20
20
|
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXFormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXFormFieldComponent, selector: "ax-form-field", host: { classAttribute: "ax-form-field" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".ax-dark ax-form.ax-form-normal .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}.ax-dark ax-form.ax-form-normal .ax-error-message:before,.ax-dark ax-form.ax-form-normal .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-900))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-text-default));margin-top:.5rem}.ax-form-field .ax-error-message{font-size:.75rem}form.ax-normal-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}form.ax-tooltip-error .ax-error-message{position:absolute;display:block;border:1px solid;background:rgba(var(--ax-color-danger-50));color:rgba(var(--ax-color-danger-500));border-radius:.375rem;border-color:rgba(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.25rem;font-weight:400;width:-moz-fit-content;width:fit-content}form.ax-tooltip-error .ax-error-message:before,form.ax-tooltip-error .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgba(var(--ax-color-danger-50))}form.ax-tooltip-error .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgba(var(--ax-color-danger-200))}form.ax-tooltip-error .ax-error-message:after{border-width:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXFormFieldComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'ax-form-field', template: `<ng-content></ng-content>`, host: { class: 'ax-form-field' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ax-dark ax-form.ax-form-normal .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}.ax-dark ax-form.ax-form-normal .ax-error-message:before,.ax-dark ax-form.ax-form-normal .ax-error-message:after{border-bottom-color:rgba(var(--ax-color-danger-900))}.ax-dark ax-form.ax-form-normal .ax-error-message:before{border-bottom-color:rgba(var(--ax-color-danger-700))}.ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-text-default));margin-top:.5rem}.ax-form-field .ax-error-message{font-size:.75rem}form.ax-normal-error .ax-error-message{color:rgba(var(--ax-color-danger-500))}form.ax-tooltip-error .ax-error-message{position:absolute;display:block;border:1px solid;background:rgba(var(--ax-color-danger-50));color:rgba(var(--ax-color-danger-500));border-radius:.375rem;border-color:rgba(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.25rem;font-weight:400;width:-moz-fit-content;width:fit-content}form.ax-tooltip-error .ax-error-message:before,form.ax-tooltip-error .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgba(var(--ax-color-danger-50))}form.ax-tooltip-error .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgba(var(--ax-color-danger-200))}form.ax-tooltip-error .ax-error-message:after{border-width:5px}\n"] }]
|
|
27
27
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
|
|
@@ -86,7 +86,9 @@ class AXFormComponent extends AXBaseComponentMixin {
|
|
|
86
86
|
this._bindEvents();
|
|
87
87
|
};
|
|
88
88
|
// Create an observer instance linked to the callback function
|
|
89
|
-
|
|
89
|
+
if (typeof MutationObserver !== 'undefined') {
|
|
90
|
+
this._observer = new MutationObserver(callback);
|
|
91
|
+
}
|
|
90
92
|
this._observer.observe(this._getHostElement(), config);
|
|
91
93
|
}
|
|
92
94
|
_bindEvents() {
|
|
@@ -123,9 +125,7 @@ class AXFormComponent extends AXBaseComponentMixin {
|
|
|
123
125
|
}
|
|
124
126
|
//
|
|
125
127
|
return new Promise((resolve, reject) => {
|
|
126
|
-
Promise.all(widgets
|
|
127
|
-
.filter(c => args == null || args.length == 0 || args.includes(c.name))
|
|
128
|
-
.map(c => c.validate())).then((rules) => {
|
|
128
|
+
Promise.all(widgets.filter(c => args == null || args.length == 0 || args.includes(c.name)).map(c => c.validate())).then((rules) => {
|
|
129
129
|
const failed = rules.filter((c) => !c.result);
|
|
130
130
|
if (failed.length) {
|
|
131
131
|
this._emitOnValidateEvent({
|
|
@@ -158,14 +158,14 @@ class AXFormComponent extends AXBaseComponentMixin {
|
|
|
158
158
|
});
|
|
159
159
|
}
|
|
160
160
|
onDestroy() {
|
|
161
|
-
this._observer
|
|
161
|
+
this._observer?.disconnect();
|
|
162
162
|
this._observer = null;
|
|
163
163
|
this._clearSubs();
|
|
164
164
|
}
|
|
165
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
166
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
165
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXFormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
166
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXFormComponent, selector: "ax-form", inputs: { validationMessageMode: "validationMessageMode", updateOn: "updateOn", validateInitValues: "validateInitValues" }, outputs: { onValidate: "onValidate", updateOnChange: "updateOnChange" }, usesInheritance: true, ngImport: i0, template: '<form (submit)="_handleSubmit($event)" (reset)="_handleReset($event)" class="ax-{{validationMessageMode}}-error"><ng-content></ng-content></form>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
167
167
|
}
|
|
168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
168
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXFormComponent, decorators: [{
|
|
169
169
|
type: Component,
|
|
170
170
|
args: [{
|
|
171
171
|
selector: 'ax-form',
|
|
@@ -270,10 +270,10 @@ class AXValidationRuleComponent extends AXBaseComponentMixin {
|
|
|
270
270
|
(Array.isArray(value) && value.length == 0) ||
|
|
271
271
|
(typeof value === 'string' && value.trim().length === 0));
|
|
272
272
|
}
|
|
273
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
274
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
273
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXValidationRuleComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
274
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXValidationRuleComponent, selector: "ax-validation-rule", inputs: { rule: "rule", message: "message", showMessage: "showMessage", value: "value", enabled: "enabled" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
275
275
|
}
|
|
276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXValidationRuleComponent, decorators: [{
|
|
277
277
|
type: Component,
|
|
278
278
|
args: [{
|
|
279
279
|
selector: 'ax-validation-rule',
|
|
@@ -337,8 +337,8 @@ class AXValidationSummaryComponent extends AXBaseComponentMixin {
|
|
|
337
337
|
_handleOnDismissed(e) {
|
|
338
338
|
this._content = '';
|
|
339
339
|
}
|
|
340
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
341
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.
|
|
340
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXValidationSummaryComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXToastService }, { token: AXFormComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
341
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", type: AXValidationSummaryComponent, selector: "ax-validation-summary", inputs: { title: "title", displayMode: "displayMode", timeOut: "timeOut", autoHide: "autoHide" }, usesInheritance: true, ngImport: i0, template: `
|
|
342
342
|
<ax-alert color="danger" *ngIf="displayMode=='alert' && _content" [timeOut]="_timeOut" #a (onClosed)="_handleOnDismissed($event)">
|
|
343
343
|
<ax-icon></ax-icon>
|
|
344
344
|
<ax-title>{{title}}</ax-title>
|
|
@@ -354,7 +354,7 @@ class AXValidationSummaryComponent extends AXBaseComponentMixin {
|
|
|
354
354
|
</ax-alert>
|
|
355
355
|
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i3.AXDecoratorContentComponent, selector: "ax-content" }, { kind: "component", type: i3.AXDecoratorFooterComponent, selector: "ax-footer" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i4.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut", "visible"], outputs: ["colorChange", "onClosed"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
356
356
|
}
|
|
357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXValidationSummaryComponent, decorators: [{
|
|
358
358
|
type: Component,
|
|
359
359
|
args: [{
|
|
360
360
|
selector: 'ax-validation-summary',
|
|
@@ -412,17 +412,17 @@ class AXFormModule {
|
|
|
412
412
|
},
|
|
413
413
|
});
|
|
414
414
|
}
|
|
415
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.
|
|
416
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.
|
|
415
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
416
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: AXFormModule, declarations: [AXFormFieldComponent,
|
|
417
417
|
AXFormComponent,
|
|
418
418
|
AXValidationRuleComponent,
|
|
419
419
|
AXValidationSummaryComponent], imports: [CommonModule, AXDecoratorModule, AXAlertModule, AXButtonModule], exports: [AXFormFieldComponent,
|
|
420
420
|
AXFormComponent,
|
|
421
421
|
AXValidationRuleComponent,
|
|
422
422
|
AXValidationSummaryComponent] });
|
|
423
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.
|
|
423
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXFormModule, imports: [CommonModule, AXDecoratorModule, AXAlertModule, AXButtonModule] });
|
|
424
424
|
}
|
|
425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.
|
|
425
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: AXFormModule, decorators: [{
|
|
426
426
|
type: NgModule,
|
|
427
427
|
args: [{
|
|
428
428
|
declarations: [
|