@alauda/ui 6.4.2-beta.32 → 6.4.2-beta.35
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/breadcrumb/breadcrumb.module.d.ts +2 -1
- package/button/button.component.d.ts +1 -0
- package/checkbox/checkbox.component.d.ts +3 -2
- package/dropdown/dropdown.directive.d.ts +1 -0
- package/esm2020/accordion/accordion-item/accordion-item.component.mjs +9 -9
- package/esm2020/accordion/accordion.component.mjs +3 -3
- package/esm2020/accordion/accordion.module.mjs +4 -4
- package/esm2020/anchor/anchor.component.mjs +6 -6
- package/esm2020/anchor/anchor.directive.mjs +9 -9
- package/esm2020/anchor/anchor.module.mjs +4 -4
- package/esm2020/autocomplete/autocomplete-placeholder.component.mjs +3 -3
- package/esm2020/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2020/autocomplete/autocomplete.directive.mjs +6 -6
- package/esm2020/autocomplete/autocomplete.module.mjs +4 -4
- package/esm2020/autocomplete/helper-directives.mjs +3 -3
- package/esm2020/autocomplete/suggestion/suggestion.component.mjs +3 -3
- package/esm2020/autocomplete/suggestion-group/suggestion-group.component.mjs +3 -3
- package/esm2020/back-top/back-top.component.mjs +3 -3
- package/esm2020/back-top/back-top.module.mjs +4 -4
- package/esm2020/breadcrumb/breadcrumb-item.component.mjs +3 -3
- package/esm2020/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2020/breadcrumb/breadcrumb.module.mjs +7 -6
- package/esm2020/button/button-group/button-group.component.mjs +3 -3
- package/esm2020/button/button.component.mjs +13 -6
- package/esm2020/button/button.module.mjs +4 -4
- package/esm2020/card/card.component.mjs +3 -3
- package/esm2020/card/card.module.mjs +4 -4
- package/esm2020/card/helper-directives.mjs +9 -9
- package/esm2020/card/section.component.mjs +3 -3
- package/esm2020/checkbox/checkbox-group/checkbox-group.component.mjs +3 -3
- package/esm2020/checkbox/checkbox.component.mjs +18 -8
- package/esm2020/checkbox/checkbox.module.mjs +4 -4
- package/esm2020/color-picker/color-picker.component.mjs +3 -3
- package/esm2020/color-picker/color-picker.module.mjs +4 -4
- package/esm2020/date-picker/calendar/date-picker-panel/component.mjs +3 -3
- package/esm2020/date-picker/calendar/footer/component.mjs +3 -3
- package/esm2020/date-picker/calendar/header/component.mjs +3 -3
- package/esm2020/date-picker/calendar/panel/picker-panel.mjs +3 -3
- package/esm2020/date-picker/calendar/range-picker-panel/component.mjs +3 -3
- package/esm2020/date-picker/date-picker/date-picker.component.mjs +3 -3
- package/esm2020/date-picker/date-picker.module.mjs +4 -4
- package/esm2020/date-picker/range-picker/range-picker.component.mjs +3 -3
- package/esm2020/date-picker/trigger/trigger.component.mjs +3 -3
- package/esm2020/dialog/confirm-dialog/confirm-dialog.component.mjs +3 -3
- package/esm2020/dialog/dialog-content/dialog-close.directive.mjs +3 -3
- package/esm2020/dialog/dialog-content/dialog-content.component.mjs +3 -3
- package/esm2020/dialog/dialog-content/dialog-footer.component.mjs +3 -3
- package/esm2020/dialog/dialog-content/dialog-header.component.mjs +3 -3
- package/esm2020/dialog/dialog.component.mjs +5 -5
- package/esm2020/dialog/dialog.module.mjs +4 -4
- package/esm2020/dialog/dialog.service.mjs +3 -3
- package/esm2020/drawer/component/drawer.component.mjs +3 -3
- package/esm2020/drawer/component/helper-directives.mjs +9 -9
- package/esm2020/drawer/drawer.module.mjs +4 -4
- package/esm2020/drawer/drawer.service.mjs +3 -3
- package/esm2020/dropdown/dropdown-active.directive.mjs +3 -3
- package/esm2020/dropdown/dropdown-button/dropdown-button.component.mjs +5 -5
- package/esm2020/dropdown/dropdown.directive.mjs +13 -6
- package/esm2020/dropdown/dropdown.module.mjs +4 -4
- package/esm2020/dropdown/helper-directives.mjs +3 -3
- package/esm2020/dropdown/menu/menu-content.directive.mjs +3 -3
- package/esm2020/dropdown/menu/menu.component.mjs +3 -3
- package/esm2020/dropdown/menu-group/menu-group.component.mjs +3 -3
- package/esm2020/dropdown/menu-item/menu-item.component.mjs +3 -3
- package/esm2020/dropdown/submenu/submenu.component.mjs +3 -3
- package/esm2020/form/common-form.mjs +17 -7
- package/esm2020/form/form-item/form-item.component.mjs +3 -3
- package/esm2020/form/form.directive.mjs +3 -3
- package/esm2020/form/form.module.mjs +4 -4
- package/esm2020/form/helper-directives.mjs +15 -15
- package/esm2020/i18n/i18n.module.mjs +4 -4
- package/esm2020/i18n/i18n.pipe.mjs +3 -3
- package/esm2020/i18n/i18n.service.mjs +3 -3
- package/esm2020/icon/icon-register.service.mjs +3 -3
- package/esm2020/icon/icon.component.mjs +8 -5
- package/esm2020/icon/icon.module.mjs +4 -4
- package/esm2020/inline-alert/helper-directives.mjs +3 -3
- package/esm2020/inline-alert/inline-alert.component.mjs +3 -3
- package/esm2020/inline-alert/inline-alert.module.mjs +4 -4
- package/esm2020/input/autosize.directive.mjs +3 -3
- package/esm2020/input/helper-directives.mjs +12 -12
- package/esm2020/input/input-group/input-group.component.mjs +3 -3
- package/esm2020/input/input.component.mjs +13 -7
- package/esm2020/input/input.module.mjs +4 -4
- package/esm2020/input/number-input/number-input.component.mjs +6 -5
- package/esm2020/input/search/search.component.mjs +5 -4
- package/esm2020/input/tags-input/tags-input.component.mjs +10 -9
- package/esm2020/message/message-wrapper.component.mjs +3 -3
- package/esm2020/message/message.component.mjs +13 -7
- package/esm2020/message/message.module.mjs +4 -4
- package/esm2020/message/message.service.mjs +3 -3
- package/esm2020/notification/notification-wrapper.component.mjs +3 -3
- package/esm2020/notification/notification.component.mjs +13 -7
- package/esm2020/notification/notification.module.mjs +4 -4
- package/esm2020/notification/notification.service.mjs +3 -3
- package/esm2020/paginator/paginator-intl.mjs +3 -3
- package/esm2020/paginator/paginator.component.mjs +3 -3
- package/esm2020/paginator/paginator.module.mjs +4 -4
- package/esm2020/radio/base-radio.mjs +13 -6
- package/esm2020/radio/radio-button/radio-button.component.mjs +3 -3
- package/esm2020/radio/radio-group/radio-group.component.mjs +3 -3
- package/esm2020/radio/radio.component.mjs +3 -3
- package/esm2020/radio/radio.module.mjs +4 -4
- package/esm2020/scrolling/fixed-size-table-virtual-scroll-strategy.mjs +3 -3
- package/esm2020/scrolling/fixed-size-table-virtual-scroll.directive.mjs +3 -3
- package/esm2020/scrolling/fixed-size-virtual-scroll.directive.mjs +3 -3
- package/esm2020/scrolling/scrolling.module.mjs +4 -4
- package/esm2020/scrolling/virtual-for-of.directive.mjs +3 -3
- package/esm2020/scrolling/virtual-scroll-viewport.component.mjs +3 -3
- package/esm2020/select/base-select.mjs +3 -3
- package/esm2020/select/helper-directives.mjs +6 -6
- package/esm2020/select/multi-select/multi-select.component.mjs +12 -11
- package/esm2020/select/option/option.component.mjs +6 -5
- package/esm2020/select/option-group/option-group.component.mjs +3 -3
- package/esm2020/select/option-placeholder.component.mjs +3 -3
- package/esm2020/select/select.component.mjs +8 -7
- package/esm2020/select/select.module.mjs +10 -6
- package/esm2020/select/validators.mjs +3 -3
- package/esm2020/shared/click-outside.directive.mjs +3 -3
- package/esm2020/shared/e2e-attribute-binding.directive.mjs +52 -0
- package/esm2020/shared/shared.module.mjs +20 -7
- package/esm2020/sort/sort-header.component.mjs +3 -3
- package/esm2020/sort/sort.directive.mjs +3 -3
- package/esm2020/sort/sort.module.mjs +4 -4
- package/esm2020/status-bar/status-bar.component.mjs +3 -3
- package/esm2020/status-bar/status-bar.module.mjs +4 -4
- package/esm2020/steps/steps.component.mjs +3 -3
- package/esm2020/steps/steps.module.mjs +4 -4
- package/esm2020/switch/switch.component.mjs +13 -7
- package/esm2020/switch/switch.module.mjs +4 -4
- package/esm2020/table/table-cell-def.directive.mjs +3 -3
- package/esm2020/table/table-cell.component.mjs +6 -6
- package/esm2020/table/table-cell.directive.mjs +3 -3
- package/esm2020/table/table-column-def.directive.mjs +3 -3
- package/esm2020/table/table-header-cell-def.directive.mjs +3 -3
- package/esm2020/table/table-header-cell.directive.mjs +3 -3
- package/esm2020/table/table-header-row-def.directive.mjs +3 -3
- package/esm2020/table/table-header-row.component.mjs +3 -3
- package/esm2020/table/table-placeholder.directive.mjs +6 -6
- package/esm2020/table/table-row-def.directive.mjs +3 -3
- package/esm2020/table/table-row.component.mjs +3 -3
- package/esm2020/table/table-scroll.directive.mjs +6 -6
- package/esm2020/table/table.component.mjs +5 -5
- package/esm2020/table/table.module.mjs +4 -4
- package/esm2020/table-of-contents/table-of-contents.module.mjs +4 -4
- package/esm2020/table-of-contents/toc-container.directive.mjs +3 -3
- package/esm2020/table-of-contents/toc-content.directive.mjs +3 -3
- package/esm2020/table-of-contents/toc-link.directive.mjs +3 -3
- package/esm2020/tabs/tab-body.component.mjs +21 -21
- package/esm2020/tabs/tab-context.service.mjs +3 -3
- package/esm2020/tabs/tab-group.component.mjs +5 -4
- package/esm2020/tabs/tab-header-active-indicator.component.mjs +3 -3
- package/esm2020/tabs/tab-header.component.mjs +6 -5
- package/esm2020/tabs/tab.component.mjs +3 -3
- package/esm2020/tabs/tabs.module.mjs +10 -6
- package/esm2020/tag/check-tag/check-tag.component.mjs +3 -3
- package/esm2020/tag/tag.component.mjs +3 -3
- package/esm2020/tag/tag.module.mjs +4 -4
- package/esm2020/theme/theme.module.mjs +4 -4
- package/esm2020/theme/theme.pipe.mjs +12 -12
- package/esm2020/theme/theme.service.mjs +3 -3
- package/esm2020/time-picker/component.mjs +3 -3
- package/esm2020/time-picker/panel/panel.component.mjs +7 -7
- package/esm2020/time-picker/time-picker.module.mjs +4 -4
- package/esm2020/tooltip/base-tooltip.mjs +3 -3
- package/esm2020/tooltip/tooltip-active.directive.mjs +3 -3
- package/esm2020/tooltip/tooltip-copy.directive.mjs +3 -3
- package/esm2020/tooltip/tooltip-intl.mjs +3 -3
- package/esm2020/tooltip/tooltip.component.mjs +13 -7
- package/esm2020/tooltip/tooltip.directive.mjs +3 -3
- package/esm2020/tooltip/tooltip.module.mjs +4 -4
- package/esm2020/tree-select/tree-node-placeholder.component.mjs +3 -3
- package/esm2020/tree-select/tree-select.component.mjs +10 -9
- package/esm2020/tree-select/tree-select.module.mjs +8 -7
- package/esm2020/utils/fn.mjs +31 -1
- package/esm2020/utils/index.mjs +2 -1
- package/fesm2015/alauda-ui.mjs +872 -702
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +871 -702
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/form/common-form.d.ts +4 -2
- package/input/input.component.d.ts +1 -0
- package/input/tags-input/tags-input.component.d.ts +1 -1
- package/message/message.component.d.ts +1 -0
- package/notification/notification.component.d.ts +1 -0
- package/package.json +1 -1
- package/radio/base-radio.d.ts +1 -0
- package/select/multi-select/multi-select.component.d.ts +1 -1
- package/select/select.module.d.ts +2 -1
- package/shared/e2e-attribute-binding.directive.d.ts +18 -0
- package/shared/shared.module.d.ts +2 -1
- package/switch/switch.component.d.ts +1 -0
- package/tabs/tabs.module.d.ts +2 -1
- package/time-picker/panel/panel.component.d.ts +1 -1
- package/tooltip/tooltip.component.d.ts +1 -0
- package/tree-select/tree-select.module.d.ts +2 -1
- package/utils/fn.d.ts +3 -0
- package/utils/index.d.ts +1 -0
|
@@ -2,9 +2,9 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class MenuGroupComponent {
|
|
4
4
|
}
|
|
5
|
-
MenuGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
6
|
-
MenuGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
5
|
+
MenuGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MenuGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
MenuGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MenuGroupComponent, selector: "aui-menu-group", ngImport: i0, template: "<div class=\"aui-menu-group\">\n <ng-content select=\"[auiMenuGroupTitle]\"></ng-content>\n <div class=\"aui-menu-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-menu-group__title{display:inline-block;margin:0 0 var(--aui-spacing-s) 0;padding:var(--aui-spacing-s) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);color:rgb(var(--aui-color-n-4));font-weight:var(--aui-font-weight-bold)}aui-menu-group:not(:first-child) .aui-menu-group{margin-top:var(--aui-spacing-m);padding-top:var(--aui-spacing-m);border-top:1px solid rgb(var(--aui-color-n-8))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MenuGroupComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'aui-menu-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div class=\"aui-menu-group\">\n <ng-content select=\"[auiMenuGroupTitle]\"></ng-content>\n <div class=\"aui-menu-group__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-menu-group__title{display:inline-block;margin:0 0 var(--aui-spacing-s) 0;padding:var(--aui-spacing-s) 0;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);color:rgb(var(--aui-color-n-4));font-weight:var(--aui-font-weight-bold)}aui-menu-group:not(:first-child) .aui-menu-group{margin-top:var(--aui-spacing-m);padding-top:var(--aui-spacing-m);border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
|
|
10
10
|
}] });
|
|
@@ -20,9 +20,9 @@ export class MenuItemComponent {
|
|
|
20
20
|
return `${this.bem.block(this.type)} ${this.divide ? 'hasDivider' : ''} ${this.actived ? 'isActive' : ''}`;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
-
MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
24
|
-
MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
23
|
+
MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MenuItemComponent, selector: "aui-menu-item", inputs: { disabled: "disabled", divide: "divide", type: "type", actived: "actived" }, ngImport: i0, template: "<button\n [class]=\"className\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button>\n", styles: [".aui-menu-item{transition:all .3s ease;display:block;border:none;outline:none;width:100%;text-align:left;padding:0 var(--aui-spacing-l);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-n-1));background-color:transparent;border-radius:var(--aui-border-radius-m);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.aui-menu-item--default:hover{background-color:rgb(var(--aui-color-p-6))}.aui-menu-item--default.isActive{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-menu-item--primary{color:rgb(var(--aui-color-primary))}.aui-menu-item--primary:hover,.aui-menu-item--primary.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-menu-item--success{color:rgb(var(--aui-color-green))}.aui-menu-item--success:hover,.aui-menu-item--success.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-menu-item--warning{color:rgb(var(--aui-color-yellow))}.aui-menu-item--warning:hover,.aui-menu-item--warning.isActive{background-color:rgb(var(--aui-color-y-6))}.aui-menu-item--danger{color:rgb(var(--aui-color-red))}.aui-menu-item--danger:hover,.aui-menu-item--danger.isActive{background-color:rgb(var(--aui-color-r-6))}.aui-menu-item[disabled],.aui-menu-item[disabled]:hover{color:rgb(var(--aui-color-n-6));background-color:transparent;cursor:not-allowed}.aui-menu-item aui-icon:first-child{margin-right:var(--aui-spacing-m)}aui-menu-item:not(:first-child) .hasDivider{overflow:visible;margin-top:var(--aui-spacing-xl)}aui-menu-item:not(:first-child) .hasDivider:before{content:\"\";position:absolute;display:block;left:0;right:0;top:calc(0px - var(--aui-spacing-m));height:1px;background:rgb(var(--aui-color-n-8));pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MenuItemComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'aui-menu-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<button\n [class]=\"className\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button>\n", styles: [".aui-menu-item{transition:all .3s ease;display:block;border:none;outline:none;width:100%;text-align:left;padding:0 var(--aui-spacing-l);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-n-1));background-color:transparent;border-radius:var(--aui-border-radius-m);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.aui-menu-item--default:hover{background-color:rgb(var(--aui-color-p-6))}.aui-menu-item--default.isActive{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-menu-item--primary{color:rgb(var(--aui-color-primary))}.aui-menu-item--primary:hover,.aui-menu-item--primary.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-menu-item--success{color:rgb(var(--aui-color-green))}.aui-menu-item--success:hover,.aui-menu-item--success.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-menu-item--warning{color:rgb(var(--aui-color-yellow))}.aui-menu-item--warning:hover,.aui-menu-item--warning.isActive{background-color:rgb(var(--aui-color-y-6))}.aui-menu-item--danger{color:rgb(var(--aui-color-red))}.aui-menu-item--danger:hover,.aui-menu-item--danger.isActive{background-color:rgb(var(--aui-color-r-6))}.aui-menu-item[disabled],.aui-menu-item[disabled]:hover{color:rgb(var(--aui-color-n-6));background-color:transparent;cursor:not-allowed}.aui-menu-item aui-icon:first-child{margin-right:var(--aui-spacing-m)}aui-menu-item:not(:first-child) .hasDivider{overflow:visible;margin-top:var(--aui-spacing-xl)}aui-menu-item:not(:first-child) .hasDivider:before{content:\"\";position:absolute;display:block;left:0;right:0;top:calc(0px - var(--aui-spacing-m));height:1px;background:rgb(var(--aui-color-n-8));pointer-events:none}\n"] }]
|
|
28
28
|
}], propDecorators: { disabled: [{
|
|
@@ -22,9 +22,9 @@ export class SubmenuComponent extends MenuItemComponent {
|
|
|
22
22
|
return this.menuItems?.length > 0;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
SubmenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
26
|
-
SubmenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
25
|
+
SubmenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SubmenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
SubmenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SubmenuComponent, selector: "aui-submenu", inputs: { trigger: "trigger", size: "size", disabled: "disabled" }, queries: [{ propertyName: "menuItems", predicate: MenuItemComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n [class]=\"className\"\n [auiTooltip]=\"menu.template\"\n [auiTooltipDisabled]=\"disabled\"\n [auiTooltipTrigger]=\"trigger\"\n [auiTooltipHideOnClick]=\"true\"\n auiTooltipPosition=\"end top\"\n auiTooltipType=\"plain\"\n auiTooltipClass=\"aui-sub-dropdown\"\n auiTooltipActive=\"isActive\"\n (click)=\"$event.stopPropagation()\"\n>\n <span class=\"aui-submenu__title\"><ng-content></ng-content></span>\n <aui-icon\n class=\"aui-submenu__arrow\"\n icon=\"angle_right\"\n ></aui-icon>\n</button>\n\n<aui-menu\n #menu\n [size]=\"size\"\n>\n <ng-content select=\"aui-menu-item\"></ng-content>\n</aui-menu>\n", styles: [".aui-submenu{transition:all .3s ease;display:block;border:none;outline:none;width:100%;text-align:left;padding:0 var(--aui-spacing-l);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-n-1));background-color:transparent;border-radius:var(--aui-border-radius-m);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.aui-submenu--default:hover{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--default.isActive{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-submenu--primary{color:rgb(var(--aui-color-primary))}.aui-submenu--primary:hover,.aui-submenu--primary.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--success{color:rgb(var(--aui-color-green))}.aui-submenu--success:hover,.aui-submenu--success.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--warning{color:rgb(var(--aui-color-yellow))}.aui-submenu--warning:hover,.aui-submenu--warning.isActive{background-color:rgb(var(--aui-color-y-6))}.aui-submenu--danger{color:rgb(var(--aui-color-red))}.aui-submenu--danger:hover,.aui-submenu--danger.isActive{background-color:rgb(var(--aui-color-r-6))}.aui-submenu[disabled],.aui-submenu[disabled]:hover{color:rgb(var(--aui-color-n-6));background-color:transparent;cursor:not-allowed}.aui-submenu aui-icon:first-child{margin-right:var(--aui-spacing-m)}aui-submenu:not(:first-child) .hasDivider{overflow:visible;margin-top:var(--aui-spacing-xl)}aui-submenu:not(:first-child) .hasDivider:before{content:\"\";position:absolute;display:block;left:0;right:0;top:calc(0px - var(--aui-spacing-m));height:1px;background:rgb(var(--aui-color-n-8));pointer-events:none}.aui-submenu{display:flex;justify-content:space-between;align-items:center;padding-right:var(--aui-spacing-s)}.aui-submenu__title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-submenu__arrow{margin-left:var(--aui-spacing-l)}.aui-submenu--default.isActive{color:rgb(var(--aui-color-n-1))}.aui-sub-dropdown.aui-tooltip--start,.aui-sub-dropdown.aui-tooltip--end{margin:calc(0px - var(--aui-spacing-m)) var(--aui-spacing-m)}\n"], components: [{ type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: i2.MenuComponent, selector: "aui-menu", inputs: ["size"] }], directives: [{ type: i3.TooltipActiveDirective, selector: "[auiTooltipActive]", inputs: ["auiTooltipActive"] }, { type: i4.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SubmenuComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ selector: 'aui-submenu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<button\n [class]=\"className\"\n [auiTooltip]=\"menu.template\"\n [auiTooltipDisabled]=\"disabled\"\n [auiTooltipTrigger]=\"trigger\"\n [auiTooltipHideOnClick]=\"true\"\n auiTooltipPosition=\"end top\"\n auiTooltipType=\"plain\"\n auiTooltipClass=\"aui-sub-dropdown\"\n auiTooltipActive=\"isActive\"\n (click)=\"$event.stopPropagation()\"\n>\n <span class=\"aui-submenu__title\"><ng-content></ng-content></span>\n <aui-icon\n class=\"aui-submenu__arrow\"\n icon=\"angle_right\"\n ></aui-icon>\n</button>\n\n<aui-menu\n #menu\n [size]=\"size\"\n>\n <ng-content select=\"aui-menu-item\"></ng-content>\n</aui-menu>\n", styles: [".aui-submenu{transition:all .3s ease;display:block;border:none;outline:none;width:100%;text-align:left;padding:0 var(--aui-spacing-l);height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);color:rgb(var(--aui-color-n-1));background-color:transparent;border-radius:var(--aui-border-radius-m);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.aui-submenu--default:hover{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--default.isActive{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-submenu--primary{color:rgb(var(--aui-color-primary))}.aui-submenu--primary:hover,.aui-submenu--primary.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--success{color:rgb(var(--aui-color-green))}.aui-submenu--success:hover,.aui-submenu--success.isActive{background-color:rgb(var(--aui-color-p-6))}.aui-submenu--warning{color:rgb(var(--aui-color-yellow))}.aui-submenu--warning:hover,.aui-submenu--warning.isActive{background-color:rgb(var(--aui-color-y-6))}.aui-submenu--danger{color:rgb(var(--aui-color-red))}.aui-submenu--danger:hover,.aui-submenu--danger.isActive{background-color:rgb(var(--aui-color-r-6))}.aui-submenu[disabled],.aui-submenu[disabled]:hover{color:rgb(var(--aui-color-n-6));background-color:transparent;cursor:not-allowed}.aui-submenu aui-icon:first-child{margin-right:var(--aui-spacing-m)}aui-submenu:not(:first-child) .hasDivider{overflow:visible;margin-top:var(--aui-spacing-xl)}aui-submenu:not(:first-child) .hasDivider:before{content:\"\";position:absolute;display:block;left:0;right:0;top:calc(0px - var(--aui-spacing-m));height:1px;background:rgb(var(--aui-color-n-8));pointer-events:none}.aui-submenu{display:flex;justify-content:space-between;align-items:center;padding-right:var(--aui-spacing-s)}.aui-submenu__title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aui-submenu__arrow{margin-left:var(--aui-spacing-l)}.aui-submenu--default.isActive{color:rgb(var(--aui-color-n-1))}.aui-sub-dropdown.aui-tooltip--start,.aui-sub-dropdown.aui-tooltip--end{margin:calc(0px - var(--aui-spacing-m)) var(--aui-spacing-m)}\n"] }]
|
|
30
30
|
}], propDecorators: { trigger: [{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Directive, EventEmitter, Input, Output, } from '@angular/core';
|
|
1
|
+
import { Directive, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
|
|
2
2
|
import { ReplaySubject } from 'rxjs';
|
|
3
3
|
import { coerceAttrBoolean } from '../utils';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -7,8 +7,9 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
* 也可以分别传入 value 和 监听 valueChange 事件以实现阻断用户操作的功能。
|
|
8
8
|
*/
|
|
9
9
|
export class CommonFormControl {
|
|
10
|
-
constructor(cdr) {
|
|
10
|
+
constructor(cdr, elementRef) {
|
|
11
11
|
this.cdr = cdr;
|
|
12
|
+
this.elementRef = elementRef;
|
|
12
13
|
this.valueChange = new EventEmitter();
|
|
13
14
|
this._disabled = false;
|
|
14
15
|
this.model = null;
|
|
@@ -24,6 +25,12 @@ export class CommonFormControl {
|
|
|
24
25
|
set disabled(val) {
|
|
25
26
|
this._disabled = coerceAttrBoolean(val);
|
|
26
27
|
}
|
|
28
|
+
get dataTest() {
|
|
29
|
+
return ('AUI-FORM-CONTROL/' +
|
|
30
|
+
(this.elementRef?.nativeElement.getAttribute('formControlName') ||
|
|
31
|
+
this.elementRef?.nativeElement.getAttribute('name') ||
|
|
32
|
+
''));
|
|
33
|
+
}
|
|
27
34
|
get readonly() {
|
|
28
35
|
return this.disabled;
|
|
29
36
|
}
|
|
@@ -70,12 +77,15 @@ export class CommonFormControl {
|
|
|
70
77
|
return model;
|
|
71
78
|
}
|
|
72
79
|
}
|
|
73
|
-
CommonFormControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
74
|
-
CommonFormControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
80
|
+
CommonFormControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CommonFormControl, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
81
|
+
CommonFormControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: CommonFormControl, inputs: { disabled: "disabled", readonly: "readonly", propValue: ["value", "propValue"] }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.data-test": "this.dataTest" } }, ngImport: i0 });
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: CommonFormControl, decorators: [{
|
|
76
83
|
type: Directive
|
|
77
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
|
|
84
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { disabled: [{
|
|
78
85
|
type: Input
|
|
86
|
+
}], dataTest: [{
|
|
87
|
+
type: HostBinding,
|
|
88
|
+
args: ['attr.data-test']
|
|
79
89
|
}], readonly: [{
|
|
80
90
|
type: Input
|
|
81
91
|
}], propValue: [{
|
|
@@ -88,4 +98,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
88
98
|
* @deprecated use {@link CommonFormControl} instead
|
|
89
99
|
*/
|
|
90
100
|
export const CommonForm = CommonFormControl;
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLWZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybS9jb21tb24tZm9ybS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRXJDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFFN0M7OztHQUdHO0FBRUgsTUFBTSxPQUFPLGlCQUFpQjtJQXFENUIsWUFDWSxHQUFzQixFQUNiLFVBQW1DO1FBRDVDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ2IsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFaeEQsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBSyxDQUFDO1FBSzVCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFMUIsVUFBSyxHQUFNLElBQUksQ0FBQztRQUNoQixXQUFNLEdBQUcsSUFBSSxhQUFhLENBQUksQ0FBQyxDQUFDLENBQUM7UUFNL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUE1REQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLFFBQVEsQ0FBQyxHQUFpQjtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxJQUNJLFFBQVE7UUFDVixPQUFPLENBQ0wsbUJBQW1CO1lBQ25CLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDO2dCQUM3RCxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDO2dCQUNuRCxFQUFFLENBQUMsQ0FDTixDQUFDO0lBQ0osQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsR0FBRztRQUNkLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksU0FBUyxDQUFDLEdBQUc7UUFDZixJQUFJLEdBQUcsS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzNCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQXVCRCxnQkFBZ0IsQ0FBQyxFQUFrQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7UUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVE7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBUTtRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVE7UUFDaEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4QjtRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFUyxPQUFPLENBQUMsS0FBUTtRQUN4QixPQUFPLEtBQVksQ0FBQztJQUN0QixDQUFDO0lBRVMsUUFBUSxDQUFDLEtBQVE7UUFDekIsT0FBTyxLQUFZLENBQUM7SUFDdEIsQ0FBQzs7OEdBbEdVLGlCQUFpQjtrR0FBakIsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBRDdCLFNBQVM7aUlBR0osUUFBUTtzQkFEWCxLQUFLO2dCQVVGLFFBQVE7c0JBRFgsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBV3pCLFFBQVE7c0JBRFgsS0FBSztnQkFVRixTQUFTO3NCQURaLEtBQUs7dUJBQUMsT0FBTztnQkFjZCxXQUFXO3NCQURWLE1BQU07O0FBMkRUOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJlcGxheVN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgY29lcmNlQXR0ckJvb2xlYW4gfSBmcm9tICcuLi91dGlscyc7XG5cbi8qKlxuICogZm9ybSBjb250cm9sIOWGhemDqOS4jeS/neaMgSB2YWx1ZSDlsZ7mgKfvvIzlvZPkuI3kvb/nlKggbmdNb2RlbCDml7blj6/ku6XpgJrov4cgWyh2YWx1ZSldIOWunueOsOWPjOWQkee7keWumu+8m1xuICog5Lmf5Y+v5Lul5YiG5Yir5Lyg5YWlIHZhbHVlIOWSjCDnm5HlkKwgdmFsdWVDaGFuZ2Ug5LqL5Lu25Lul5a6e546w6Zi75pat55So5oi35pON5L2c55qE5Yqf6IO944CCXG4gKi9cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGNsYXNzIENvbW1vbkZvcm1Db250cm9sPFYsIE0gPSBWPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KClcbiAgZ2V0IGRpc2FibGVkKCkge1xuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcbiAgfVxuXG4gIHNldCBkaXNhYmxlZCh2YWw6IGJvb2xlYW4gfCAnJykge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gY29lcmNlQXR0ckJvb2xlYW4odmFsKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXRlc3QnKVxuICBnZXQgZGF0YVRlc3QoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gKFxuICAgICAgJ0FVSS1GT1JNLUNPTlRST0wvJyArXG4gICAgICAodGhpcy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50LmdldEF0dHJpYnV0ZSgnZm9ybUNvbnRyb2xOYW1lJykgfHxcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50LmdldEF0dHJpYnV0ZSgnbmFtZScpIHx8XG4gICAgICAgICcnKVxuICAgICk7XG4gIH1cblxuICBASW5wdXQoKVxuICBnZXQgcmVhZG9ubHkoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQ7XG4gIH1cblxuICBzZXQgcmVhZG9ubHkodmFsKSB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IHZhbDtcbiAgfVxuXG4gIEBJbnB1dCgndmFsdWUnKVxuICBnZXQgcHJvcFZhbHVlKCkge1xuICAgIHJldHVybiB0aGlzLl9wcm9wVmFsdWU7XG4gIH1cblxuICBzZXQgcHJvcFZhbHVlKHZhbCkge1xuICAgIGlmICh2YWwgPT09IHRoaXMuX3Byb3BWYWx1ZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9wcm9wVmFsdWUgPSB2YWw7XG4gICAgdGhpcy53cml0ZVZhbHVlKHZhbCk7XG4gIH1cblxuICBAT3V0cHV0KClcbiAgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFY+KCk7XG5cbiAgcHJvdGVjdGVkIG9uQ2hhbmdlOiAoXzogVikgPT4gdm9pZDtcbiAgcHJvdGVjdGVkIG9uVG91Y2hlZDogKCkgPT4gdm9pZDtcbiAgcHJpdmF0ZSBfcHJvcFZhbHVlOiBWO1xuICBwcml2YXRlIF9kaXNhYmxlZCA9IGZhbHNlO1xuXG4gIG1vZGVsOiBNID0gbnVsbDtcbiAgbW9kZWwkID0gbmV3IFJlcGxheVN1YmplY3Q8TT4oMSk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJvdGVjdGVkIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICApIHtcbiAgICB0aGlzLm1vZGVsJC5zdWJzY3JpYmUobW9kZWwgPT4ge1xuICAgICAgdGhpcy5tb2RlbCA9IG1vZGVsO1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAoXzogVikgPT4gdm9pZCkge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKSB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbikge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogVikge1xuICAgIHRoaXMubW9kZWwkLm5leHQodGhpcy52YWx1ZUluKHZhbHVlKSk7XG4gIH1cblxuICBlbWl0TW9kZWwobW9kZWw6IE0pIHtcbiAgICB0aGlzLmVtaXRWYWx1ZSh0aGlzLm1vZGVsT3V0KG1vZGVsKSk7XG4gIH1cblxuICBlbWl0VmFsdWUodmFsdWU6IFYpIHtcbiAgICBpZiAodGhpcy5vbkNoYW5nZSkge1xuICAgICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgICB0aGlzLndyaXRlVmFsdWUodmFsdWUpO1xuICAgIH1cbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodmFsdWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHZhbHVlSW4odmFsdWU6IFYpOiBNIHtcbiAgICByZXR1cm4gdmFsdWUgYXMgYW55O1xuICB9XG5cbiAgcHJvdGVjdGVkIG1vZGVsT3V0KG1vZGVsOiBNKTogViB7XG4gICAgcmV0dXJuIG1vZGVsIGFzIGFueTtcbiAgfVxufVxuXG4vKipcbiAqIEBkZXByZWNhdGVkIHVzZSB7QGxpbmsgQ29tbW9uRm9ybUNvbnRyb2x9IGluc3RlYWRcbiAqL1xuZXhwb3J0IGNvbnN0IENvbW1vbkZvcm0gPSBDb21tb25Gb3JtQ29udHJvbDtcbiJdfQ==
|
|
@@ -65,9 +65,9 @@ export class FormItemComponent {
|
|
|
65
65
|
this.destroy$$.next();
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
FormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
69
|
-
FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
68
|
+
FormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.FormDirective, optional: true }, { token: i2.NgForm, optional: true }, { token: i2.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
+
FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: FormItemComponent, selector: "aui-form-item", inputs: { labelWidth: "labelWidth", width: "width", labelPosition: "labelPosition", emptyAddon: "emptyAddon", plain: "plain" }, queries: [{ propertyName: "itemLabel", first: true, predicate: FormItemLabelDirective, descendants: true }, { propertyName: "itemControl", first: true, predicate: FormItemControlDirective, descendants: true }, { propertyName: "ngControls", predicate: NgControl, descendants: true }, { propertyName: "addons", predicate: FormItemAddonDirective }, { propertyName: "errors", predicate: FormItemErrorDirective }, { propertyName: "hints", predicate: FormItemHintDirective }], ngImport: i0, template: "<div\n [class]=\"bem.block(labelPosition)\"\n [class.isPlain]=\"plain\"\n [class.hasError]=\"hasError$ | async\"\n>\n <div\n [ngClass]=\"\n bem.element(\n 'label-wrapper',\n { required: !!itemControl?.required },\n labelPosition\n )\n \"\n [class.hasLabel]=\"!!itemLabel\"\n [style.width]=\"labelWidth\"\n >\n <ng-content select=\"label[auiFormItemLabel]\"></ng-content>\n </div>\n <div class=\"aui-form-item__container\">\n <div\n class=\"aui-form-item__content\"\n [ngClass]=\"formItemWidthClass\"\n >\n <ng-content></ng-content>\n <div\n *ngIf=\"emptyAddon || addons?.length\"\n class=\"aui-form-item__addon-wrapper\"\n >\n <ng-content select=\"[auiFormItemAddon]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"(hasError$ | async) && (errorCount$ | async)\"\n class=\"aui-form-item__error-wrapper\"\n >\n <ng-content select=\"[auiFormItemError]\"></ng-content>\n </div>\n <div\n *ngIf=\"hintCount$ | async\"\n class=\"aui-form-item__hint-wrapper\"\n >\n <ng-content select=\"[auiFormItemHint]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content--large .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__hint-wrapper,.aui-form-item__content+.aui-form-item__error-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__hint-wrapper,.aui-form-item__error-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-help-text))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;box-sizing:content-box;height:var(--aui-inline-height-m);min-width:var(--aui-icon-size-m);padding-left:var(--aui-spacing-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form-item__addon-wrapper aui-icon{font-size:var(--aui-icon-size-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper--required .aui-form-item__label:before{display:none}.aui-form-item.isPlain .aui-form-item__content{min-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__addon-wrapper{height:var(--aui-line-height-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:var(--aui-spacing-m)}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
72
|
args: [{ selector: 'aui-form-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [class]=\"bem.block(labelPosition)\"\n [class.isPlain]=\"plain\"\n [class.hasError]=\"hasError$ | async\"\n>\n <div\n [ngClass]=\"\n bem.element(\n 'label-wrapper',\n { required: !!itemControl?.required },\n labelPosition\n )\n \"\n [class.hasLabel]=\"!!itemLabel\"\n [style.width]=\"labelWidth\"\n >\n <ng-content select=\"label[auiFormItemLabel]\"></ng-content>\n </div>\n <div class=\"aui-form-item__container\">\n <div\n class=\"aui-form-item__content\"\n [ngClass]=\"formItemWidthClass\"\n >\n <ng-content></ng-content>\n <div\n *ngIf=\"emptyAddon || addons?.length\"\n class=\"aui-form-item__addon-wrapper\"\n >\n <ng-content select=\"[auiFormItemAddon]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"(hasError$ | async) && (errorCount$ | async)\"\n class=\"aui-form-item__error-wrapper\"\n >\n <ng-content select=\"[auiFormItemError]\"></ng-content>\n </div>\n <div\n *ngIf=\"hintCount$ | async\"\n class=\"aui-form-item__hint-wrapper\"\n >\n <ng-content select=\"[auiFormItemHint]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content--large .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__hint-wrapper,.aui-form-item__content+.aui-form-item__error-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__hint-wrapper,.aui-form-item__error-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-help-text))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;box-sizing:content-box;height:var(--aui-inline-height-m);min-width:var(--aui-icon-size-m);padding-left:var(--aui-spacing-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form-item__addon-wrapper aui-icon{font-size:var(--aui-icon-size-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper--required .aui-form-item__label:before{display:none}.aui-form-item.isPlain .aui-form-item__content{min-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__addon-wrapper{height:var(--aui-line-height-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:var(--aui-spacing-m)}\n"] }]
|
|
73
73
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.FormDirective, decorators: [{
|
|
@@ -35,9 +35,9 @@ export class FormDirective {
|
|
|
35
35
|
this.emptyAddon$$.next(val);
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
FormDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
39
|
-
FormDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
38
|
+
FormDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormDirective, deps: [{ token: ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
FormDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: FormDirective, selector: "form[auiForm]", inputs: { labelWidth: ["auiFormLabelWidth", "labelWidth"], labelPosition: ["auiFormLabelPosition", "labelPosition"], emptyAddon: ["auiFormEmptyAddon", "emptyAddon"], inline: ["auiFormInline", "inline"] }, host: { properties: { "class.aui-form": "true", "class.aui-form--inline": "inline", "class.ng-submitted": "ngClassSubmitted" } }, exportAs: ["auiForm"], ngImport: i0 });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormDirective, decorators: [{
|
|
41
41
|
type: Directive,
|
|
42
42
|
args: [{
|
|
43
43
|
selector: 'form[auiForm]',
|
|
@@ -6,8 +6,8 @@ import { FormItemAddonDirective, FormItemControlDirective, FormItemErrorDirectiv
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class FormModule {
|
|
8
8
|
}
|
|
9
|
-
FormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
10
|
-
FormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.
|
|
9
|
+
FormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
FormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormModule, declarations: [FormDirective,
|
|
11
11
|
FormItemComponent,
|
|
12
12
|
FormItemAddonDirective,
|
|
13
13
|
FormItemErrorDirective,
|
|
@@ -20,8 +20,8 @@ FormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
|
|
|
20
20
|
FormItemHintDirective,
|
|
21
21
|
FormItemLabelDirective,
|
|
22
22
|
FormItemControlDirective] });
|
|
23
|
-
FormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
23
|
+
FormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormModule, imports: [[CommonModule]] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormModule, decorators: [{
|
|
25
25
|
type: NgModule,
|
|
26
26
|
args: [{
|
|
27
27
|
imports: [CommonModule],
|
|
@@ -3,9 +3,9 @@ import { coerceAttrBoolean } from '../utils';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class FormItemLabelDirective {
|
|
5
5
|
}
|
|
6
|
-
FormItemLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
7
|
-
FormItemLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
6
|
+
FormItemLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
7
|
+
FormItemLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: FormItemLabelDirective, selector: "label[auiFormItemLabel]", host: { properties: { "class.aui-form-item__label": "true" } }, ngImport: i0 });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemLabelDirective, decorators: [{
|
|
9
9
|
type: Directive,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: 'label[auiFormItemLabel]',
|
|
@@ -16,9 +16,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
16
16
|
}] });
|
|
17
17
|
export class FormItemHintDirective {
|
|
18
18
|
}
|
|
19
|
-
FormItemHintDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
20
|
-
FormItemHintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
19
|
+
FormItemHintDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
+
FormItemHintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: FormItemHintDirective, selector: "[auiFormItemHint]", host: { properties: { "class.aui-form-item__hint": "true" } }, ngImport: i0 });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemHintDirective, decorators: [{
|
|
22
22
|
type: Directive,
|
|
23
23
|
args: [{
|
|
24
24
|
selector: '[auiFormItemHint]',
|
|
@@ -29,9 +29,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
29
29
|
}] });
|
|
30
30
|
export class FormItemAddonDirective {
|
|
31
31
|
}
|
|
32
|
-
FormItemAddonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
33
|
-
FormItemAddonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
32
|
+
FormItemAddonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemAddonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
33
|
+
FormItemAddonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: FormItemAddonDirective, selector: "[auiFormItemAddon]", host: { properties: { "class.aui-form-item__addon": "true" } }, ngImport: i0 });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemAddonDirective, decorators: [{
|
|
35
35
|
type: Directive,
|
|
36
36
|
args: [{
|
|
37
37
|
selector: '[auiFormItemAddon]',
|
|
@@ -42,9 +42,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
42
42
|
}] });
|
|
43
43
|
export class FormItemErrorDirective {
|
|
44
44
|
}
|
|
45
|
-
FormItemErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
46
|
-
FormItemErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
45
|
+
FormItemErrorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
46
|
+
FormItemErrorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: FormItemErrorDirective, selector: "[auiFormItemError]", host: { properties: { "class.aui-form-item__error": "true" } }, ngImport: i0 });
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemErrorDirective, decorators: [{
|
|
48
48
|
type: Directive,
|
|
49
49
|
args: [{
|
|
50
50
|
selector: '[auiFormItemError]',
|
|
@@ -64,9 +64,9 @@ export class FormItemControlDirective {
|
|
|
64
64
|
this._required = coerceAttrBoolean(val);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
FormItemControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
68
|
-
FormItemControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
67
|
+
FormItemControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
68
|
+
FormItemControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: FormItemControlDirective, selector: "[auiFormItemControl]", inputs: { required: "required" }, host: { properties: { "class.aui-form-item__control": "true" } }, ngImport: i0 });
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FormItemControlDirective, decorators: [{
|
|
70
70
|
type: Directive,
|
|
71
71
|
args: [{
|
|
72
72
|
selector: '[auiFormItemControl]',
|
|
@@ -3,10 +3,10 @@ import { I18nPipe } from './i18n.pipe';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class I18nModule {
|
|
5
5
|
}
|
|
6
|
-
I18nModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
7
|
-
I18nModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.
|
|
8
|
-
I18nModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
6
|
+
I18nModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
I18nModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nModule, declarations: [I18nPipe], exports: [I18nPipe] });
|
|
8
|
+
I18nModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nModule });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nModule, decorators: [{
|
|
10
10
|
type: NgModule,
|
|
11
11
|
args: [{
|
|
12
12
|
declarations: [I18nPipe],
|
|
@@ -9,9 +9,9 @@ export class I18nPipe {
|
|
|
9
9
|
return this.i18n.translate(value, data);
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
I18nPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
13
|
-
I18nPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
12
|
+
I18nPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nPipe, deps: [{ token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
13
|
+
I18nPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nPipe, name: "auiI18n" });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nPipe, decorators: [{
|
|
15
15
|
type: Pipe,
|
|
16
16
|
args: [{
|
|
17
17
|
name: 'auiI18n',
|
|
@@ -29,9 +29,9 @@ export class I18nService {
|
|
|
29
29
|
return content;
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
I18nService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
33
|
-
I18nService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
32
|
+
I18nService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nService, deps: [{ token: I18NInterfaceToken }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
33
|
+
I18nService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nService, providedIn: 'root' });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: I18nService, decorators: [{
|
|
35
35
|
type: Injectable,
|
|
36
36
|
args: [{
|
|
37
37
|
providedIn: 'root',
|
|
@@ -46,9 +46,9 @@ export class IconRegisterService {
|
|
|
46
46
|
this.doc.body.append(setEl);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
IconRegisterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
50
|
-
IconRegisterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
49
|
+
IconRegisterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconRegisterService, deps: [{ token: DOCUMENT, optional: true }, { token: i1.HttpClient, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
50
|
+
IconRegisterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconRegisterService });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconRegisterService, decorators: [{
|
|
52
52
|
type: Injectable
|
|
53
53
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
54
54
|
type: Optional
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { buildBem, handlePixel } from '../utils';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "./icon-register.service";
|
|
@@ -38,12 +38,15 @@ export class IconComponent {
|
|
|
38
38
|
return `${this.bem.block(this.margin)} ${id}`;
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
|
-
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
42
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
41
|
+
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconComponent, deps: [{ token: i1.IconRegisterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: IconComponent, selector: "aui-icon", inputs: { icon: "icon", light: "light", dark: "dark", link: "link", margin: "margin", size: "size", color: "color", background: "background", backgroundColor: "backgroundColor" }, host: { properties: { "attr.data-test": "this.icon" } }, ngImport: i0, template: "<svg\n *ngIf=\"icon === 'spinner'; else icons\"\n [attr.class]=\"getClass('aui-icon-spinner')\"\n [style.fill]=\"color\"\n [style.width]=\"getWidth()\"\n [style.height]=\"getHeight()\"\n viewBox=\"0 0 200 200\"\n>\n <defs>\n <linearGradient\n [attr.id]=\"'right-' + id\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"150\"\n y1=\"20\"\n x2=\"150\"\n y2=\"180\"\n >\n <stop\n offset=\"0\"\n style=\"stop-color: #000\"\n />\n <stop\n offset=\"1\"\n style=\"stop-color: #808080\"\n />\n </linearGradient>\n <linearGradient\n [attr.id]=\"'left-' + id\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"50\"\n y1=\"0\"\n x2=\"50\"\n y2=\"180\"\n >\n <stop\n offset=\"0\"\n style=\"stop-color: #fff\"\n />\n <stop\n offset=\"1\"\n style=\"stop-color: #808080\"\n />\n </linearGradient>\n <mask [attr.id]=\"'mask-' + id\">\n <g>\n <path\n [attr.fill]=\"'url(#right-' + id + ')'\"\n d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n />\n <path\n [attr.fill]=\"'url(#left-' + id + ')'\"\n d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n />\n </g>\n </mask>\n </defs>\n <rect\n x=\"0\"\n y=\"0\"\n width=\"200\"\n height=\"200\"\n [attr.mask]=\"'url(#mask-' + id + ')'\"\n />\n</svg>\n\n<ng-template #icons>\n <svg\n *ngIf=\"getIconId(icon ? icon : ([light, dark] | auiThemePicker)) as iconId\"\n [ngClass]=\"getClass(iconId)\"\n [style.fill]=\"color\"\n [style.width]=\"getWidth()\"\n [style.height]=\"getHeight()\"\n >\n <rect\n *ngIf=\"background\"\n class=\"aui-icon__background\"\n [ngClass]=\"background\"\n [attr.fill]=\"backgroundColor\"\n [style.width]=\"getWidth()\"\n [style.height]=\"getHeight()\"\n x=\"0\"\n y=\"0\"\n ></rect>\n <use [attr.xlink:href]=\"link + '#' + iconId\"></use>\n </svg>\n</ng-template>\n", styles: ["aui-icon{vertical-align:bottom}.aui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentcolor}.aui-icon__background{width:1em;height:1em;fill:#fff}.aui-icon__background.circle{clip-path:circle(45%)}.aui-icon__background.triangle{clip-path:polygon(50% 10%,90% 90%,10% 90%)}.aui-icon--left{margin-left:var(--aui-spacing-s)}.aui-icon--right{margin-right:var(--aui-spacing-s)}.aui-icon-spinner{animation:rotating .5s linear infinite}aui-icon+aui-icon>.aui-icon{margin-left:var(--aui-spacing-s)}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "auiThemePicker": i3.ThemePickerPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
45
|
args: [{ selector: 'aui-icon', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<svg\n *ngIf=\"icon === 'spinner'; else icons\"\n [attr.class]=\"getClass('aui-icon-spinner')\"\n [style.fill]=\"color\"\n [style.width]=\"getWidth()\"\n [style.height]=\"getHeight()\"\n viewBox=\"0 0 200 200\"\n>\n <defs>\n <linearGradient\n [attr.id]=\"'right-' + id\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"150\"\n y1=\"20\"\n x2=\"150\"\n y2=\"180\"\n >\n <stop\n offset=\"0\"\n style=\"stop-color: #000\"\n />\n <stop\n offset=\"1\"\n style=\"stop-color: #808080\"\n />\n </linearGradient>\n <linearGradient\n [attr.id]=\"'left-' + id\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"50\"\n y1=\"0\"\n x2=\"50\"\n y2=\"180\"\n >\n <stop\n offset=\"0\"\n style=\"stop-color: #fff\"\n />\n <stop\n offset=\"1\"\n style=\"stop-color: #808080\"\n />\n </linearGradient>\n <mask [attr.id]=\"'mask-' + id\">\n <g>\n <path\n [attr.fill]=\"'url(#right-' + id + ')'\"\n d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n />\n <path\n [attr.fill]=\"'url(#left-' + id + ')'\"\n d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n />\n </g>\n </mask>\n </defs>\n <rect\n x=\"0\"\n y=\"0\"\n width=\"200\"\n height=\"200\"\n [attr.mask]=\"'url(#mask-' + id + ')'\"\n />\n</svg>\n\n<ng-template #icons>\n <svg\n *ngIf=\"getIconId(icon ? icon : ([light, dark] | auiThemePicker)) as iconId\"\n [ngClass]=\"getClass(iconId)\"\n [style.fill]=\"color\"\n [style.width]=\"getWidth()\"\n [style.height]=\"getHeight()\"\n >\n <rect\n *ngIf=\"background\"\n class=\"aui-icon__background\"\n [ngClass]=\"background\"\n [attr.fill]=\"backgroundColor\"\n [style.width]=\"getWidth()\"\n [style.height]=\"getHeight()\"\n x=\"0\"\n y=\"0\"\n ></rect>\n <use [attr.xlink:href]=\"link + '#' + iconId\"></use>\n </svg>\n</ng-template>\n", styles: ["aui-icon{vertical-align:bottom}.aui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentcolor}.aui-icon__background{width:1em;height:1em;fill:#fff}.aui-icon__background.circle{clip-path:circle(45%)}.aui-icon__background.triangle{clip-path:polygon(50% 10%,90% 90%,10% 90%)}.aui-icon--left{margin-left:var(--aui-spacing-s)}.aui-icon--right{margin-right:var(--aui-spacing-s)}.aui-icon-spinner{animation:rotating .5s linear infinite}aui-icon+aui-icon>.aui-icon{margin-left:var(--aui-spacing-s)}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
|
|
46
46
|
}], ctorParameters: function () { return [{ type: i1.IconRegisterService }]; }, propDecorators: { icon: [{
|
|
47
|
+
type: HostBinding,
|
|
48
|
+
args: ['attr.data-test']
|
|
49
|
+
}, {
|
|
47
50
|
type: Input
|
|
48
51
|
}], light: [{
|
|
49
52
|
type: Input
|
|
@@ -62,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
62
65
|
}], backgroundColor: [{
|
|
63
66
|
type: Input
|
|
64
67
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssRUFDTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFPLFFBQVEsRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7O0FBSXRELElBQUksRUFBRSxHQUFHLENBQUMsQ0FBQztBQVVYLE1BQU0sT0FBTyxhQUFhO0lBaUN4QixZQUE2QixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQXJCckUsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQWlCVixRQUFHLEdBQVEsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRWhDLE9BQUUsR0FBRyxFQUFFLEVBQUUsQ0FBQztJQUU4RCxDQUFDO0lBRWpFLFNBQVMsQ0FBQyxJQUFZO1FBQzVCLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQ3RFLE1BQU0sR0FBRyxHQUFHLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNwQyxPQUFPLEdBQUcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNkLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxPQUFPLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNkLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxNQUFNLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3pDLE9BQU8sV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsU0FBUyxDQUFDLElBQVk7UUFDcEIsTUFBTSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVDLE9BQU8sR0FBRyxNQUFNLElBQUksSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFFBQVEsQ0FBQyxFQUFVO1FBQ2pCLE9BQU8sR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUM7SUFDaEQsQ0FBQzs7MEdBL0RVLGFBQWE7OEZBQWIsYUFBYSw2UkN0QjFCLGduRUFzRkE7MkZEaEVhLGFBQWE7a0JBUnpCLFNBQVM7K0JBQ0UsVUFBVSxpQkFHTCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLHVCQUMxQixLQUFLOzBHQUsxQixJQUFJO3NCQUZILFdBQVc7dUJBQUMsZ0JBQWdCOztzQkFDNUIsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sZUFBZTtzQkFEZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJlbSwgYnVpbGRCZW0sIGhhbmRsZVBpeGVsIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5pbXBvcnQgeyBJY29uUmVnaXN0ZXJTZXJ2aWNlIH0gZnJvbSAnLi9pY29uLXJlZ2lzdGVyLnNlcnZpY2UnO1xuXG5sZXQgaWQgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdWktaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEljb25Db21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS10ZXN0JylcbiAgQElucHV0KClcbiAgaWNvbjogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGxpZ2h0OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZGFyazogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGxpbmsgPSAnJztcblxuICBASW5wdXQoKVxuICBtYXJnaW46ICdsZWZ0JyB8ICdyaWdodCc7XG5cbiAgQElucHV0KClcbiAgc2l6ZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGNvbG9yOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgYmFja2dyb3VuZDogJ2NpcmNsZScgfCAndHJpYW5nbGUnO1xuXG4gIEBJbnB1dCgpXG4gIGJhY2tncm91bmRDb2xvcjogc3RyaW5nO1xuXG4gIGJlbTogQmVtID0gYnVpbGRCZW0oJ2F1aS1pY29uJyk7XG5cbiAgaWQgPSBpZCsrO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgaWNvblJlZ2lzdGVyU2VydmljZTogSWNvblJlZ2lzdGVyU2VydmljZSkge31cblxuICBwcml2YXRlIHBhcnNlSWNvbihpY29uOiBzdHJpbmcpOiBbc3RyaW5nLCBzdHJpbmddIHtcbiAgICBjb25zdCBkZWZhdWx0UHJlZml4ID0gdGhpcy5pY29uUmVnaXN0ZXJTZXJ2aWNlLmdldERlZmF1bHRJY29uUHJlZml4KCk7XG4gICAgY29uc3QgYXJyID0gKGljb24gfHwgJycpLnNwbGl0KCc6Jyk7XG4gICAgcmV0dXJuIGFyci5sZW5ndGggPCAyID8gW2RlZmF1bHRQcmVmaXgsIGFyclswXV0gOiBbYXJyWzBdLCBhcnJbMV1dO1xuICB9XG5cbiAgZ2V0V2lkdGgoKSB7XG4gICAgaWYgKCF0aGlzLnNpemUpIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgcmV0dXJuIGhhbmRsZVBpeGVsKCh0aGlzLnNpemUgfHwgJycpLnNwbGl0KCcsJylbMF0pO1xuICB9XG5cbiAgZ2V0SGVpZ2h0KCkge1xuICAgIGlmICghdGhpcy5zaXplKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGNvbnN0IGFyciA9ICh0aGlzLnNpemUgfHwgJycpLnNwbGl0KCcsJyk7XG4gICAgcmV0dXJuIGhhbmRsZVBpeGVsKGFyclsxXSB8fCBhcnJbMF0pO1xuICB9XG5cbiAgZ2V0SWNvbklkKGljb246IHN0cmluZykge1xuICAgIGNvbnN0IFtwcmVmaXgsIG5hbWVdID0gdGhpcy5wYXJzZUljb24oaWNvbik7XG4gICAgcmV0dXJuIGAke3ByZWZpeH0tJHtuYW1lfWA7XG4gIH1cblxuICBnZXRDbGFzcyhpZDogc3RyaW5nKSB7XG4gICAgcmV0dXJuIGAke3RoaXMuYmVtLmJsb2NrKHRoaXMubWFyZ2luKX0gJHtpZH1gO1xuICB9XG59XG4iLCI8c3ZnXG4gICpuZ0lmPVwiaWNvbiA9PT0gJ3NwaW5uZXInOyBlbHNlIGljb25zXCJcbiAgW2F0dHIuY2xhc3NdPVwiZ2V0Q2xhc3MoJ2F1aS1pY29uLXNwaW5uZXInKVwiXG4gIFtzdHlsZS5maWxsXT1cImNvbG9yXCJcbiAgW3N0eWxlLndpZHRoXT1cImdldFdpZHRoKClcIlxuICBbc3R5bGUuaGVpZ2h0XT1cImdldEhlaWdodCgpXCJcbiAgdmlld0JveD1cIjAgMCAyMDAgMjAwXCJcbj5cbiAgPGRlZnM+XG4gICAgPGxpbmVhckdyYWRpZW50XG4gICAgICBbYXR0ci5pZF09XCIncmlnaHQtJyArIGlkXCJcbiAgICAgIGdyYWRpZW50VW5pdHM9XCJ1c2VyU3BhY2VPblVzZVwiXG4gICAgICB4MT1cIjE1MFwiXG4gICAgICB5MT1cIjIwXCJcbiAgICAgIHgyPVwiMTUwXCJcbiAgICAgIHkyPVwiMTgwXCJcbiAgICA+XG4gICAgICA8c3RvcFxuICAgICAgICBvZmZzZXQ9XCIwXCJcbiAgICAgICAgc3R5bGU9XCJzdG9wLWNvbG9yOiAjMDAwXCJcbiAgICAgIC8+XG4gICAgICA8c3RvcFxuICAgICAgICBvZmZzZXQ9XCIxXCJcbiAgICAgICAgc3R5bGU9XCJzdG9wLWNvbG9yOiAjODA4MDgwXCJcbiAgICAgIC8+XG4gICAgPC9saW5lYXJHcmFkaWVudD5cbiAgICA8bGluZWFyR3JhZGllbnRcbiAgICAgIFthdHRyLmlkXT1cIidsZWZ0LScgKyBpZFwiXG4gICAgICBncmFkaWVudFVuaXRzPVwidXNlclNwYWNlT25Vc2VcIlxuICAgICAgeDE9XCI1MFwiXG4gICAgICB5MT1cIjBcIlxuICAgICAgeDI9XCI1MFwiXG4gICAgICB5Mj1cIjE4MFwiXG4gICAgPlxuICAgICAgPHN0b3BcbiAgICAgICAgb2Zmc2V0PVwiMFwiXG4gICAgICAgIHN0eWxlPVwic3RvcC1jb2xvcjogI2ZmZlwiXG4gICAgICAvPlxuICAgICAgPHN0b3BcbiAgICAgICAgb2Zmc2V0PVwiMVwiXG4gICAgICAgIHN0eWxlPVwic3RvcC1jb2xvcjogIzgwODA4MFwiXG4gICAgICAvPlxuICAgIDwvbGluZWFyR3JhZGllbnQ+XG4gICAgPG1hc2sgW2F0dHIuaWRdPVwiJ21hc2stJyArIGlkXCI+XG4gICAgICA8Zz5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBbYXR0ci5maWxsXT1cIid1cmwoI3JpZ2h0LScgKyBpZCArICcpJ1wiXG4gICAgICAgICAgZD1cIk0xMDAsMHYyMGM0NC4xLDAsODAsMzUuOSw4MCw4MGMwLDQ0LjEtMzUuOSw4MC04MCw4MHYyMGM1NS4yLDAsMTAwLTQ0LjgsMTAwLTEwMFMxNTUuMiwwLDEwMCwwelwiXG4gICAgICAgIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgW2F0dHIuZmlsbF09XCIndXJsKCNsZWZ0LScgKyBpZCArICcpJ1wiXG4gICAgICAgICAgZD1cIk0yMCwxMDBjMC00NC4xLDM1LjktODAsODAtODBWMEM0NC44LDAsMCw0NC44LDAsMTAwczQ0LjgsMTAwLDEwMCwxMDB2LTIwQzU1LjksMTgwLDIwLDE0NC4xLDIwLDEwMHpcIlxuICAgICAgICAvPlxuICAgICAgPC9nPlxuICAgIDwvbWFzaz5cbiAgPC9kZWZzPlxuICA8cmVjdFxuICAgIHg9XCIwXCJcbiAgICB5PVwiMFwiXG4gICAgd2lkdGg9XCIyMDBcIlxuICAgIGhlaWdodD1cIjIwMFwiXG4gICAgW2F0dHIubWFza109XCIndXJsKCNtYXNrLScgKyBpZCArICcpJ1wiXG4gIC8+XG48L3N2Zz5cblxuPG5nLXRlbXBsYXRlICNpY29ucz5cbiAgPHN2Z1xuICAgICpuZ0lmPVwiZ2V0SWNvbklkKGljb24gPyBpY29uIDogKFtsaWdodCwgZGFya10gfCBhdWlUaGVtZVBpY2tlcikpIGFzIGljb25JZFwiXG4gICAgW25nQ2xhc3NdPVwiZ2V0Q2xhc3MoaWNvbklkKVwiXG4gICAgW3N0eWxlLmZpbGxdPVwiY29sb3JcIlxuICAgIFtzdHlsZS53aWR0aF09XCJnZXRXaWR0aCgpXCJcbiAgICBbc3R5bGUuaGVpZ2h0XT1cImdldEhlaWdodCgpXCJcbiAgPlxuICAgIDxyZWN0XG4gICAgICAqbmdJZj1cImJhY2tncm91bmRcIlxuICAgICAgY2xhc3M9XCJhdWktaWNvbl9fYmFja2dyb3VuZFwiXG4gICAgICBbbmdDbGFzc109XCJiYWNrZ3JvdW5kXCJcbiAgICAgIFthdHRyLmZpbGxdPVwiYmFja2dyb3VuZENvbG9yXCJcbiAgICAgIFtzdHlsZS53aWR0aF09XCJnZXRXaWR0aCgpXCJcbiAgICAgIFtzdHlsZS5oZWlnaHRdPVwiZ2V0SGVpZ2h0KClcIlxuICAgICAgeD1cIjBcIlxuICAgICAgeT1cIjBcIlxuICAgID48L3JlY3Q+XG4gICAgPHVzZSBbYXR0ci54bGluazpocmVmXT1cImxpbmsgKyAnIycgKyBpY29uSWRcIj48L3VzZT5cbiAgPC9zdmc+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -6,10 +6,10 @@ import { IconComponent } from './icon.component';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class IconModule {
|
|
8
8
|
}
|
|
9
|
-
IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
10
|
-
IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.
|
|
11
|
-
IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
9
|
+
IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule, ThemeModule], exports: [IconComponent] });
|
|
11
|
+
IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconModule, providers: [ICON_REGISTER_SERVICE_PROVIDER], imports: [[CommonModule, ThemeModule]] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IconModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
imports: [CommonModule, ThemeModule],
|
|
@@ -2,9 +2,9 @@ import { Directive } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class InlineAlertTitleDirective {
|
|
4
4
|
}
|
|
5
|
-
InlineAlertTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
6
|
-
InlineAlertTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
5
|
+
InlineAlertTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InlineAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
+
InlineAlertTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: InlineAlertTitleDirective, selector: "[auiInlineAlertTitle]", exportAs: ["auiInlineAlertTitle"], ngImport: i0 });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InlineAlertTitleDirective, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{
|
|
10
10
|
selector: '[auiInlineAlertTitle]',
|
|
@@ -31,9 +31,9 @@ export class InlineAlertComponent {
|
|
|
31
31
|
this.close.emit();
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
InlineAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
|
35
|
-
InlineAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
|
34
|
+
InlineAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InlineAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
InlineAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: InlineAlertComponent, selector: "aui-inline-alert", inputs: { title: "title", content: "content", closable: "closable", type: "type" }, outputs: { close: "close" }, queries: [{ propertyName: "titleRef", first: true, predicate: InlineAlertTitleDirective, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"visible\"\n [class]=\"bem.block(type)\"\n [class.hasTitle]=\"title || titleRef\"\n>\n <aui-icon\n class=\"aui-inline-alert__icon\"\n [icon]=\"iconMap(type)\"\n [background]=\"iconMap(type).endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n <div class=\"aui-inline-alert__body\">\n <div\n class=\"aui-inline-alert__title\"\n *ngIf=\"title || titleRef\"\n >\n <ng-container *ngIf=\"title\">{{ title }}</ng-container>\n <ng-content select=\"[auiInlineAlertTitle]\"></ng-content>\n </div>\n <div class=\"aui-inline-alert__content\">\n <ng-container *ngIf=\"content\">{{ content }}</ng-container>\n <ng-content></ng-content>\n </div>\n </div>\n <aui-icon\n *ngIf=\"closable\"\n class=\"aui-inline-alert__close\"\n icon=\"close\"\n (click)=\"closeSelf()\"\n ></aui-icon>\n</div>\n", styles: [".aui-inline-alert{display:flex;margin:0 0 var(--aui-spacing-xl);padding:11px 15px;border-radius:var(--aui-border-radius-m);border-width:1px;border-style:solid}.aui-inline-alert--primary{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--primary .aui-inline-alert__icon{color:rgb(var(--aui-color-blue))}.aui-inline-alert--success{border-color:rgb(var(--aui-color-green))}:root .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}html[aui-theme-mode=light] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}}html[aui-theme-mode=dark] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}.aui-inline-alert--success .aui-inline-alert__icon{color:rgb(var(--aui-color-green))}.aui-inline-alert--warning{border-color:rgb(var(--aui-color-yellow))}:root .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}html[aui-theme-mode=light] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}}html[aui-theme-mode=dark] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}.aui-inline-alert--warning .aui-inline-alert__icon{color:rgb(var(--aui-color-yellow))}.aui-inline-alert--danger{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--danger .aui-inline-alert__icon{color:rgb(var(--aui-color-red))}.aui-inline-alert--error{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--error .aui-inline-alert__icon{color:rgb(var(--aui-color-red))}.aui-inline-alert--info{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--info .aui-inline-alert__icon{color:rgb(var(--aui-color-blue))}.aui-inline-alert__icon{display:flex;margin:0 8px 0 0;align-items:center;height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-inline-alert.hasTitle .aui-inline-alert__icon{height:var(--aui-line-height-xl)}.aui-inline-alert__body{flex:1;width:100%;overflow:hidden}.aui-inline-alert__close{display:block;margin:4px 0 0 15px;height:1em;line-height:1em;font-size:var(--aui-font-size-s);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-inline-alert__close:hover{color:rgb(var(--aui-color-n-2))}.aui-inline-alert__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-inline-alert__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-inline-alert.hasTitle .aui-inline-alert__content{color:rgb(var(--aui-color-secondary-text))}.aui-inline-alert__title+.aui-inline-alert__content{margin-top:4px}\n"], components: [{ type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: InlineAlertComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'aui-inline-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n *ngIf=\"visible\"\n [class]=\"bem.block(type)\"\n [class.hasTitle]=\"title || titleRef\"\n>\n <aui-icon\n class=\"aui-inline-alert__icon\"\n [icon]=\"iconMap(type)\"\n [background]=\"iconMap(type).endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n <div class=\"aui-inline-alert__body\">\n <div\n class=\"aui-inline-alert__title\"\n *ngIf=\"title || titleRef\"\n >\n <ng-container *ngIf=\"title\">{{ title }}</ng-container>\n <ng-content select=\"[auiInlineAlertTitle]\"></ng-content>\n </div>\n <div class=\"aui-inline-alert__content\">\n <ng-container *ngIf=\"content\">{{ content }}</ng-container>\n <ng-content></ng-content>\n </div>\n </div>\n <aui-icon\n *ngIf=\"closable\"\n class=\"aui-inline-alert__close\"\n icon=\"close\"\n (click)=\"closeSelf()\"\n ></aui-icon>\n</div>\n", styles: [".aui-inline-alert{display:flex;margin:0 0 var(--aui-spacing-xl);padding:11px 15px;border-radius:var(--aui-border-radius-m);border-width:1px;border-style:solid}.aui-inline-alert--primary{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--primary{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--primary .aui-inline-alert__icon{color:rgb(var(--aui-color-blue))}.aui-inline-alert--success{border-color:rgb(var(--aui-color-green))}:root .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}html[aui-theme-mode=light] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}}html[aui-theme-mode=dark] .aui-inline-alert--success{background-color:rgb(var(--aui-color-g-6))}.aui-inline-alert--success .aui-inline-alert__icon{color:rgb(var(--aui-color-green))}.aui-inline-alert--warning{border-color:rgb(var(--aui-color-yellow))}:root .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}html[aui-theme-mode=light] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}}html[aui-theme-mode=dark] .aui-inline-alert--warning{background-color:rgb(var(--aui-color-y-6))}.aui-inline-alert--warning .aui-inline-alert__icon{color:rgb(var(--aui-color-yellow))}.aui-inline-alert--danger{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--danger{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--danger .aui-inline-alert__icon{color:rgb(var(--aui-color-red))}.aui-inline-alert--error{border-color:rgb(var(--aui-color-red))}:root .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}html[aui-theme-mode=light] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}}html[aui-theme-mode=dark] .aui-inline-alert--error{background-color:rgb(var(--aui-color-r-6))}.aui-inline-alert--error .aui-inline-alert__icon{color:rgb(var(--aui-color-red))}.aui-inline-alert--info{border-color:rgb(var(--aui-color-blue))}:root .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}html[aui-theme-mode=light] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-7))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}}html[aui-theme-mode=dark] .aui-inline-alert--info{background-color:rgb(var(--aui-color-b-6))}.aui-inline-alert--info .aui-inline-alert__icon{color:rgb(var(--aui-color-blue))}.aui-inline-alert__icon{display:flex;margin:0 8px 0 0;align-items:center;height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-inline-alert.hasTitle .aui-inline-alert__icon{height:var(--aui-line-height-xl)}.aui-inline-alert__body{flex:1;width:100%;overflow:hidden}.aui-inline-alert__close{display:block;margin:4px 0 0 15px;height:1em;line-height:1em;font-size:var(--aui-font-size-s);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-inline-alert__close:hover{color:rgb(var(--aui-color-n-2))}.aui-inline-alert__title{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-inline-alert__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-inline-alert.hasTitle .aui-inline-alert__content{color:rgb(var(--aui-color-secondary-text))}.aui-inline-alert__title+.aui-inline-alert__content{margin-top:4px}\n"] }]
|
|
39
39
|
}], propDecorators: { title: [{
|