@alauda/ui 6.5.10-beta.2 → 6.5.10-beta.21
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/back-top/back-top.component.d.ts +1 -0
- package/checkbox/checkbox-group/checkbox-group.component.d.ts +2 -2
- package/esm2022/accordion/accordion-item/accordion-item.component.mjs +9 -9
- package/esm2022/accordion/accordion.component.mjs +3 -3
- package/esm2022/accordion/accordion.module.mjs +4 -4
- package/esm2022/anchor/anchor.component.mjs +6 -6
- package/esm2022/anchor/anchor.directive.mjs +9 -9
- package/esm2022/anchor/anchor.module.mjs +4 -4
- package/esm2022/autocomplete/autocomplete-placeholder.component.mjs +3 -3
- package/esm2022/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2022/autocomplete/autocomplete.directive.mjs +6 -6
- package/esm2022/autocomplete/autocomplete.module.mjs +4 -4
- package/esm2022/autocomplete/helper-directives.mjs +3 -3
- package/esm2022/autocomplete/suggestion/suggestion.component.mjs +3 -3
- package/esm2022/autocomplete/suggestion-group/suggestion-group.component.mjs +3 -3
- package/esm2022/back-top/back-top.component.mjs +20 -5
- package/esm2022/back-top/back-top.module.mjs +4 -4
- package/esm2022/breadcrumb/breadcrumb-item.component.mjs +3 -3
- package/esm2022/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/breadcrumb/breadcrumb.module.mjs +4 -4
- package/esm2022/button/button-group/button-group.component.mjs +3 -3
- package/esm2022/button/button.component.mjs +3 -3
- package/esm2022/button/button.module.mjs +4 -4
- package/esm2022/card/card.component.mjs +3 -3
- package/esm2022/card/card.module.mjs +4 -4
- package/esm2022/card/helper-directives.mjs +9 -9
- package/esm2022/card/section.component.mjs +3 -3
- package/esm2022/checkbox/checkbox-group/checkbox-group.component.mjs +3 -3
- package/esm2022/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/color-picker/color-picker.component.mjs +3 -3
- package/esm2022/color-picker/color-picker.module.mjs +4 -4
- package/esm2022/date-picker/calendar/date-picker-panel/component.mjs +3 -3
- package/esm2022/date-picker/calendar/footer/component.mjs +3 -3
- package/esm2022/date-picker/calendar/header/component.mjs +3 -3
- package/esm2022/date-picker/calendar/panel/picker-panel.mjs +3 -3
- package/esm2022/date-picker/calendar/range-picker-panel/component.mjs +3 -3
- package/esm2022/date-picker/date-picker/date-picker.component.mjs +3 -3
- package/esm2022/date-picker/date-picker.module.mjs +4 -4
- package/esm2022/date-picker/range-picker/range-picker.component.mjs +3 -3
- package/esm2022/date-picker/trigger/trigger.component.mjs +3 -3
- package/esm2022/dialog/confirm-dialog/confirm-dialog.component.mjs +3 -3
- package/esm2022/dialog/dialog-content/dialog-close.directive.mjs +3 -3
- package/esm2022/dialog/dialog-content/dialog-content.component.mjs +3 -3
- package/esm2022/dialog/dialog-content/dialog-footer.component.mjs +3 -3
- package/esm2022/dialog/dialog-content/dialog-header.component.mjs +3 -3
- package/esm2022/dialog/dialog.component.mjs +3 -3
- package/esm2022/dialog/dialog.module.mjs +4 -4
- package/esm2022/dialog/dialog.service.mjs +3 -3
- package/esm2022/drawer/component/drawer.component.mjs +3 -3
- package/esm2022/drawer/component/helper-directives.mjs +9 -9
- package/esm2022/drawer/drawer.module.mjs +4 -4
- package/esm2022/drawer/drawer.service.mjs +3 -3
- package/esm2022/dropdown/dropdown-active.directive.mjs +3 -3
- package/esm2022/dropdown/dropdown-button/dropdown-button.component.mjs +3 -3
- package/esm2022/dropdown/dropdown.directive.mjs +3 -3
- package/esm2022/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/dropdown/helper-directives.mjs +3 -3
- package/esm2022/dropdown/menu/menu-content.directive.mjs +3 -3
- package/esm2022/dropdown/menu/menu.component.mjs +3 -3
- package/esm2022/dropdown/menu-group/menu-group.component.mjs +3 -3
- package/esm2022/dropdown/menu-item/menu-item.component.mjs +3 -3
- package/esm2022/dropdown/submenu/submenu.component.mjs +3 -3
- package/esm2022/form/common-form.mjs +3 -3
- package/esm2022/form/form-item/form-item.component.mjs +3 -3
- package/esm2022/form/form.directive.mjs +3 -3
- package/esm2022/form/form.module.mjs +4 -4
- package/esm2022/form/helper-directives.mjs +15 -15
- package/esm2022/i18n/i18n.module.mjs +4 -4
- package/esm2022/i18n/i18n.pipe.mjs +3 -3
- package/esm2022/i18n/i18n.service.mjs +3 -3
- package/esm2022/icon/icon-register.service.mjs +3 -3
- package/esm2022/icon/icon.component.mjs +3 -3
- package/esm2022/icon/icon.module.mjs +4 -4
- package/esm2022/inline-alert/helper-directives.mjs +3 -3
- package/esm2022/inline-alert/inline-alert.component.mjs +3 -3
- package/esm2022/inline-alert/inline-alert.module.mjs +4 -4
- package/esm2022/input/autosize.directive.mjs +3 -3
- package/esm2022/input/helper-directives.mjs +12 -12
- package/esm2022/input/input-group/input-group.component.mjs +3 -3
- package/esm2022/input/input.component.mjs +3 -3
- package/esm2022/input/input.module.mjs +4 -4
- package/esm2022/input/number-input/number-input.component.mjs +18 -12
- package/esm2022/input/search/search.component.mjs +3 -3
- package/esm2022/input/tags-input/tags-input.component.mjs +5 -5
- package/esm2022/message/message-wrapper.component.mjs +3 -3
- package/esm2022/message/message.component.mjs +3 -3
- package/esm2022/message/message.module.mjs +4 -4
- package/esm2022/message/message.service.mjs +3 -3
- package/esm2022/notification/notification-wrapper.component.mjs +3 -3
- package/esm2022/notification/notification.component.mjs +3 -3
- package/esm2022/notification/notification.module.mjs +4 -4
- package/esm2022/notification/notification.service.mjs +3 -3
- package/esm2022/paginator/paginator-intl.mjs +3 -3
- package/esm2022/paginator/paginator.component.mjs +23 -7
- package/esm2022/paginator/paginator.module.mjs +4 -4
- package/esm2022/radio/base-radio.mjs +3 -3
- package/esm2022/radio/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/radio/radio-group/radio-group.component.mjs +3 -3
- package/esm2022/radio/radio.component.mjs +3 -3
- package/esm2022/radio/radio.module.mjs +4 -4
- package/esm2022/scrolling/fixed-size-table-virtual-scroll-strategy.mjs +3 -3
- package/esm2022/scrolling/fixed-size-table-virtual-scroll.directive.mjs +3 -3
- package/esm2022/scrolling/fixed-size-virtual-scroll.directive.mjs +3 -3
- package/esm2022/scrolling/scrolling.module.mjs +4 -4
- package/esm2022/scrolling/virtual-for-of.directive.mjs +3 -3
- package/esm2022/scrolling/virtual-scroll-viewport.component.mjs +3 -3
- package/esm2022/select/base-select.mjs +3 -3
- package/esm2022/select/helper-directives.mjs +6 -6
- package/esm2022/select/multi-select/multi-select.component.mjs +3 -3
- package/esm2022/select/option/option.component.mjs +3 -3
- package/esm2022/select/option-group/option-group.component.mjs +3 -3
- package/esm2022/select/option-placeholder.component.mjs +3 -3
- package/esm2022/select/select.component.mjs +3 -3
- package/esm2022/select/select.module.mjs +4 -4
- package/esm2022/select/validators.mjs +3 -3
- package/esm2022/shared/click-outside.directive.mjs +3 -3
- package/esm2022/shared/shared.module.mjs +4 -4
- package/esm2022/sort/sort-header.component.mjs +3 -3
- package/esm2022/sort/sort.directive.mjs +3 -3
- package/esm2022/sort/sort.module.mjs +4 -4
- package/esm2022/status-bar/status-bar.component.mjs +3 -3
- package/esm2022/status-bar/status-bar.module.mjs +4 -4
- package/esm2022/steps/steps.component.mjs +3 -3
- package/esm2022/steps/steps.module.mjs +4 -4
- package/esm2022/switch/switch.component.mjs +3 -3
- package/esm2022/switch/switch.module.mjs +4 -4
- package/esm2022/table/table-cell-def.directive.mjs +3 -3
- package/esm2022/table/table-cell.component.mjs +6 -6
- package/esm2022/table/table-cell.directive.mjs +3 -3
- package/esm2022/table/table-column-def.directive.mjs +3 -3
- package/esm2022/table/table-header-cell-def.directive.mjs +3 -3
- package/esm2022/table/table-header-cell.directive.mjs +3 -3
- package/esm2022/table/table-header-row-def.directive.mjs +3 -3
- package/esm2022/table/table-header-row.component.mjs +3 -3
- package/esm2022/table/table-placeholder.directive.mjs +6 -6
- package/esm2022/table/table-row-def.directive.mjs +3 -3
- package/esm2022/table/table-row.component.mjs +3 -3
- package/esm2022/table/table-scroll.directive.mjs +6 -6
- package/esm2022/table/table.component.mjs +3 -3
- package/esm2022/table/table.module.mjs +4 -4
- package/esm2022/table-of-contents/table-of-contents.module.mjs +4 -4
- package/esm2022/table-of-contents/toc-container.directive.mjs +3 -3
- package/esm2022/table-of-contents/toc-content.directive.mjs +3 -3
- package/esm2022/table-of-contents/toc-link.directive.mjs +3 -3
- package/esm2022/tabs/tab-body.component.mjs +21 -21
- package/esm2022/tabs/tab-context.service.mjs +3 -3
- package/esm2022/tabs/tab-group.component.mjs +6 -6
- package/esm2022/tabs/tab-header-active-indicator.component.mjs +3 -3
- package/esm2022/tabs/tab-header.component.mjs +5 -6
- package/esm2022/tabs/tab.component.mjs +3 -3
- package/esm2022/tabs/tabs.module.mjs +4 -4
- package/esm2022/tag/check-tag/check-tag.component.mjs +3 -3
- package/esm2022/tag/tag.component.mjs +3 -3
- package/esm2022/tag/tag.module.mjs +4 -4
- package/esm2022/theme/theme.module.mjs +4 -4
- package/esm2022/theme/theme.pipe.mjs +12 -12
- package/esm2022/theme/theme.service.mjs +3 -3
- package/esm2022/time-picker/component.mjs +3 -3
- package/esm2022/time-picker/panel/panel.component.mjs +6 -6
- package/esm2022/time-picker/time-picker.module.mjs +4 -4
- package/esm2022/time-picker/time-picker.type.mjs +5 -5
- package/esm2022/tooltip/base-tooltip.mjs +3 -3
- package/esm2022/tooltip/tooltip-active.directive.mjs +3 -3
- package/esm2022/tooltip/tooltip-copy.directive.mjs +3 -3
- package/esm2022/tooltip/tooltip-intl.mjs +3 -3
- package/esm2022/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/tooltip/tooltip.directive.mjs +3 -3
- package/esm2022/tooltip/tooltip.module.mjs +4 -4
- package/esm2022/tree-select/tree-node-placeholder.component.mjs +3 -3
- package/esm2022/tree-select/tree-select.component.mjs +8 -8
- package/esm2022/tree-select/tree-select.module.mjs +4 -4
- package/esm2022/utils/coercion.mjs +4 -13
- package/fesm2022/alauda-ui.mjs +697 -670
- package/fesm2022/alauda-ui.mjs.map +1 -1
- package/input/number-input/number-input.component.d.ts +4 -2
- package/input/tags-input/tags-input.component.d.ts +2 -2
- package/package.json +8 -8
- package/paginator/paginator.component.d.ts +8 -3
- package/tabs/tab-group.component.d.ts +2 -2
- package/time-picker/time-picker.type.d.ts +1 -0
- package/utils/coercion.d.ts +3 -4
|
@@ -193,10 +193,10 @@ export class DrawerComponent extends DrawerRef {
|
|
|
193
193
|
this.onDestroy$.next();
|
|
194
194
|
this.disposeOverlay();
|
|
195
195
|
}
|
|
196
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
197
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
196
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.Overlay }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
197
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: DrawerComponent, selector: "aui-drawer", inputs: { title: "title", footer: "footer", size: "size", offsetY: "offsetY", visible: "visible", content: "content", hideOnClickOutside: "hideOnClickOutside", showClose: "showClose", drawerClass: "drawerClass", mask: "mask", maskClosable: "maskClosable", divider: "divider", width: "width" }, outputs: { drawerViewInit: "drawerViewInit", close: "close" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: DrawerHeaderDirective, descendants: true, read: TemplateRef }, { propertyName: "contentTemplate", first: true, predicate: DrawerContentDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: DrawerFooterDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "drawerTemplate", first: true, predicate: ["drawerTemplate"], descendants: true, static: true }, { propertyName: "bodyPortalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <aui-icon\n *ngIf=\"showClose\"\n class=\"aui-drawer__close\"\n icon=\"xmark\"\n (click)=\"dispose()\"\n ></aui-icon>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{padding:20px;display:flex;flex-shrink:0;justify-content:space-between}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;flex-shrink:0;margin-top:2px;margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-drawer__close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{padding:0 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{padding:20px}.aui-drawer.hasDivider .aui-drawer__header{padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer.hasDivider .aui-drawer__body{padding:16px 20px}.aui-drawer.hasDivider .aui-drawer__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
198
198
|
}
|
|
199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerComponent, decorators: [{
|
|
200
200
|
type: Component,
|
|
201
201
|
args: [{ selector: 'aui-drawer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <aui-icon\n *ngIf=\"showClose\"\n class=\"aui-drawer__close\"\n icon=\"xmark\"\n (click)=\"dispose()\"\n ></aui-icon>\n </div>\n\n <div\n class=\"aui-drawer__body\"\n cdkScrollable\n >\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"footer || footerTemplate\"\n class=\"aui-drawer__footer\"\n >\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{padding:20px;display:flex;flex-shrink:0;justify-content:space-between}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;flex-shrink:0;margin-top:2px;margin-left:var(--aui-spacing-xl);display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:var(--aui-icon-size-l);color:rgb(var(--aui-color-secondary-text));border-radius:var(--aui-border-radius-m);cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-drawer__close:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{padding:0 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{padding:20px}.aui-drawer.hasDivider .aui-drawer__header{padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer.hasDivider .aui-drawer__body{padding:16px 20px}.aui-drawer.hasDivider .aui-drawer__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
|
|
202
202
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.Overlay }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { Directive } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class DrawerHeaderDirective {
|
|
4
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
5
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
4
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
5
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: DrawerHeaderDirective, selector: "[auiDrawerHeader]", ngImport: i0 });
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerHeaderDirective, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{
|
|
10
10
|
selector: '[auiDrawerHeader]',
|
|
11
11
|
}]
|
|
12
12
|
}] });
|
|
13
13
|
export class DrawerContentDirective {
|
|
14
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
15
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
15
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: DrawerContentDirective, selector: "[auiDrawerContent]", ngImport: i0 });
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerContentDirective, decorators: [{
|
|
18
18
|
type: Directive,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: '[auiDrawerContent]',
|
|
21
21
|
}]
|
|
22
22
|
}] });
|
|
23
23
|
export class DrawerFooterDirective {
|
|
24
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
25
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
25
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: DrawerFooterDirective, selector: "[auiDrawerFooter]", ngImport: i0 });
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerFooterDirective, decorators: [{
|
|
28
28
|
type: Directive,
|
|
29
29
|
args: [{
|
|
30
30
|
selector: '[auiDrawerFooter]',
|
|
@@ -14,17 +14,17 @@ const COMMON = [
|
|
|
14
14
|
DrawerFooterDirective,
|
|
15
15
|
];
|
|
16
16
|
export class DrawerModule {
|
|
17
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
18
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
18
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: DrawerModule, declarations: [DrawerComponent,
|
|
19
19
|
DrawerHeaderDirective,
|
|
20
20
|
DrawerContentDirective,
|
|
21
21
|
DrawerFooterDirective], imports: [CommonModule, IconModule, IconModule, OverlayModule, PortalModule], exports: [DrawerComponent,
|
|
22
22
|
DrawerHeaderDirective,
|
|
23
23
|
DrawerContentDirective,
|
|
24
24
|
DrawerFooterDirective] });
|
|
25
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
25
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerModule, providers: [DrawerService], imports: [CommonModule, IconModule, IconModule, OverlayModule, PortalModule] });
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerModule, decorators: [{
|
|
28
28
|
type: NgModule,
|
|
29
29
|
args: [{
|
|
30
30
|
imports: [CommonModule, IconModule, IconModule, OverlayModule, PortalModule],
|
|
@@ -38,10 +38,10 @@ export class DrawerService {
|
|
|
38
38
|
this.unsubscribe$.complete();
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
42
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerService, deps: [{ token: i1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
42
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerService });
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DrawerService, decorators: [{
|
|
45
45
|
type: Injectable
|
|
46
46
|
}], ctorParameters: function () { return [{ type: i1.Overlay }]; } });
|
|
47
47
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZHJhd2VyL2RyYXdlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxlQUFlLEVBQWlCLE1BQU0scUJBQXFCLENBQUM7QUFDckUsT0FBTyxFQUFnQixVQUFVLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFMUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7QUFxQi9ELE1BQU0sT0FBTyxhQUFhO0lBS0s7SUFKckIsU0FBUyxDQUFnQztJQUN6QyxVQUFVLENBQWE7SUFDZCxZQUFZLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUVwRCxZQUE2QixPQUFnQjtRQUFoQixZQUFPLEdBQVAsT0FBTyxDQUFTO0lBQUcsQ0FBQztJQUVqRCxJQUFJLENBQWMsT0FBeUI7UUFDekMsSUFBSSxDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDcEMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDNUIsT0FBTyxJQUFJLENBQUMsU0FBUyxFQUFFLFFBQVEsQ0FBQztJQUNsQyxDQUFDO0lBRUQsYUFBYSxDQUFDLE9BQXNCO1FBQ2xDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVPLFlBQVk7UUFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3hDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQ3JDLElBQUksZUFBZSxDQUFDLGVBQWUsQ0FBQyxDQUNyQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsY0FBYzthQUNuQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQzthQUNsQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDakMsQ0FBQyxDQUFDLENBQUM7UUFFTCxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxXQUFXO2FBQ2hDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO2FBQ2xDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7dUdBckNVLGFBQWE7MkdBQWIsYUFBYTs7MkZBQWIsYUFBYTtrQkFEekIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwsIENvbXBvbmVudFR5cGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IENvbXBvbmVudFJlZiwgSW5qZWN0YWJsZSwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBEcmF3ZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudC9kcmF3ZXIuY29tcG9uZW50JztcblxuaW1wb3J0IHsgRHJhd2VyU2l6ZSB9IGZyb20gJy4nO1xuXG5leHBvcnQgaW50ZXJmYWNlIERyYXdlck9wdGlvbnM8VCA9IGFueSwgRCA9IGFueT4ge1xuICB0aXRsZT86IHN0cmluZyB8IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICB3aWR0aD86IG51bWJlcjtcbiAgY29udGVudD86IENvbXBvbmVudFR5cGU8VD4gfCBUZW1wbGF0ZVJlZjxUPjtcbiAgY29udGVudFBhcmFtcz86IEQ7XG4gIGZvb3Rlcj86IHN0cmluZyB8IFRlbXBsYXRlUmVmPHVua25vd24+O1xuICBvZmZzZXRZPzogc3RyaW5nO1xuICBkaXZpZGVyPzogYm9vbGVhbjtcbiAgZHJhd2VyQ2xhc3M/OiBzdHJpbmc7XG4gIHNpemU/OiBEcmF3ZXJTaXplO1xuICB2aXNpYmxlPzogYm9vbGVhbjtcbiAgaGlkZU9uQ2xpY2tPdXRzaWRlPzogYm9vbGVhbjtcbiAgc2hvd0Nsb3NlPzogYm9vbGVhbjtcbiAgbWFzaz86IGJvb2xlYW47XG4gIG1hc2tDbG9zYWJsZT86IGJvb2xlYW47XG59XG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgRHJhd2VyU2VydmljZSB7XG4gIHByaXZhdGUgZHJhd2VyUmVmOiBDb21wb25lbnRSZWY8RHJhd2VyQ29tcG9uZW50PjtcbiAgcHJpdmF0ZSBvdmVybGF5UmVmOiBPdmVybGF5UmVmO1xuICBwcml2YXRlIHJlYWRvbmx5IHVuc3Vic2NyaWJlJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBvdmVybGF5OiBPdmVybGF5KSB7fVxuXG4gIG9wZW48VCA9IHVua25vd24+KG9wdGlvbnM6IERyYXdlck9wdGlvbnM8VD4pIHtcbiAgICB0aGlzLmRyYXdlclJlZj8uaW5zdGFuY2U/LmRpc3Bvc2UoKTtcbiAgICB0aGlzLmNyZWF0ZURyYXdlcigpO1xuICAgIHRoaXMudXBkYXRlT3B0aW9ucyhvcHRpb25zKTtcbiAgICByZXR1cm4gdGhpcy5kcmF3ZXJSZWY/Lmluc3RhbmNlO1xuICB9XG5cbiAgdXBkYXRlT3B0aW9ucyhvcHRpb25zOiBEcmF3ZXJPcHRpb25zKTogdm9pZCB7XG4gICAgT2JqZWN0LmFzc2lnbih0aGlzLmRyYXdlclJlZi5pbnN0YW5jZSwgb3B0aW9ucyk7XG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZURyYXdlcigpOiB2b2lkIHtcbiAgICB0aGlzLm92ZXJsYXlSZWYgPSB0aGlzLm92ZXJsYXkuY3JlYXRlKCk7XG4gICAgdGhpcy5kcmF3ZXJSZWYgPSB0aGlzLm92ZXJsYXlSZWYuYXR0YWNoKFxuICAgICAgbmV3IENvbXBvbmVudFBvcnRhbChEcmF3ZXJDb21wb25lbnQpLFxuICAgICk7XG4gICAgdGhpcy5kcmF3ZXJSZWYuaW5zdGFuY2UuZHJhd2VyVmlld0luaXRcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlJCkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5kcmF3ZXJSZWYuaW5zdGFuY2Uub3BlbigpO1xuICAgICAgfSk7XG5cbiAgICB0aGlzLmRyYXdlclJlZi5pbnN0YW5jZS5hZnRlckNsb3NlZFxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLm92ZXJsYXlSZWYuZGlzcG9zZSgpO1xuICAgICAgICB0aGlzLmRyYXdlclJlZiA9IG51bGw7XG4gICAgICAgIHRoaXMudW5zdWJzY3JpYmUkLm5leHQoKTtcbiAgICAgICAgdGhpcy51bnN1YnNjcmliZSQuY29tcGxldGUoKTtcbiAgICAgIH0pO1xuICB9XG59XG4iXX0=
|
|
@@ -3,10 +3,10 @@ import { TooltipActiveDirective } from '../tooltip';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class DropdownActiveDirective extends TooltipActiveDirective {
|
|
5
5
|
customClass = '';
|
|
6
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
7
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DropdownActiveDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
7
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: DropdownActiveDirective, selector: "[auiDropdownActive]", inputs: { customClass: ["auiDropdownActive", "customClass"] }, usesInheritance: true, ngImport: i0 });
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DropdownActiveDirective, decorators: [{
|
|
10
10
|
type: Directive,
|
|
11
11
|
args: [{
|
|
12
12
|
selector: '[auiDropdownActive]',
|
|
@@ -30,10 +30,10 @@ export class DropdownButtonComponent {
|
|
|
30
30
|
ngAfterContentInit() {
|
|
31
31
|
this.disableTrigger$ = this.menuItems.changes.pipe(startWith(null), map(() => this.menuItems.length === 0));
|
|
32
32
|
}
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
34
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: DropdownButtonComponent, selector: "aui-dropdown-button", inputs: { type: "type", plain: "plain", size: "size", loading: "loading", disabled: "disabled" }, outputs: { buttonClick: "buttonClick" }, queries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true, static: true }, { propertyName: "menuItems", predicate: MenuItemComponent, descendants: true }], ngImport: i0, template: "<div [class]=\"bem.block(size)\">\n <button\n type=\"button\"\n class=\"aui-dropdown-button__content\"\n [aui-button]=\"type\"\n [plain]=\"plain\"\n [size]=\"size\"\n [loading]=\"loading\"\n [disabled]=\"disabled\"\n (click)=\"buttonClick.emit($event)\"\n >\n <ng-content></ng-content>\n </button>\n <button\n type=\"button\"\n class=\"aui-dropdown-button__trigger\"\n [aui-button]=\"type\"\n [plain]=\"plain\"\n [size]=\"size\"\n [auiDropdown]=\"menu\"\n [disabled]=\"disableTrigger$ | async\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n</div>\n", styles: [".aui-dropdown-button{display:inline-block}.aui-dropdown-button--large .aui-dropdown-button__trigger .aui-button__content{padding:0 7px}.aui-dropdown-button--medium .aui-dropdown-button__trigger .aui-button__content{padding:0 5px}.aui-dropdown-button--small .aui-dropdown-button__trigger .aui-button__content,.aui-dropdown-button--mini .aui-dropdown-button__trigger .aui-button__content{padding:0 3px}.aui-dropdown-button__content.aui-button{border-bottom-right-radius:0;border-top-right-radius:0;z-index:1}.aui-dropdown-button__content.aui-button:not([disabled]):hover,.aui-dropdown-button__content.aui-button:not([disabled]):active,.aui-dropdown-button__content.aui-button:not([disabled]):focus{z-index:2}.aui-dropdown-button__trigger.aui-button{border-bottom-left-radius:0;border-top-left-radius:0;z-index:1}.aui-dropdown-button__trigger.aui-button[disabled]{z-index:0}.aui-dropdown-button__trigger.aui-button:not([disabled]):focus{z-index:2}.aui-dropdown-button__content.aui-button+.aui-dropdown-button__trigger.aui-button{margin-left:1px}.aui-dropdown-button__content.aui-button+.aui-dropdown-button__trigger.aui-button.isPlain{margin-left:-1px}aui-dropdown-button+aui-dropdown-button>.aui-dropdown-button,aui-dropdown-button+.aui-button,.aui-button+aui-dropdown-button>.aui-dropdown-button{margin-left:var(--aui-spacing-m)}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "directive", type: i3.DropdownDirective, selector: "[auiDropdown]", inputs: ["auiDropdownClass", "auiDropdownDisabled", "auiDropdownPosition", "auiDropdownTrigger", "auiDropdown", "auiDropdownContext", "auiDropdownHideOnClick"], outputs: ["auiDropdownVisibleChange"], exportAs: ["auiDropdown"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DropdownButtonComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'aui-dropdown-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block(size)\">\n <button\n type=\"button\"\n class=\"aui-dropdown-button__content\"\n [aui-button]=\"type\"\n [plain]=\"plain\"\n [size]=\"size\"\n [loading]=\"loading\"\n [disabled]=\"disabled\"\n (click)=\"buttonClick.emit($event)\"\n >\n <ng-content></ng-content>\n </button>\n <button\n type=\"button\"\n class=\"aui-dropdown-button__trigger\"\n [aui-button]=\"type\"\n [plain]=\"plain\"\n [size]=\"size\"\n [auiDropdown]=\"menu\"\n [disabled]=\"disableTrigger$ | async\"\n >\n <aui-icon icon=\"angle_down\"></aui-icon>\n </button>\n</div>\n", styles: [".aui-dropdown-button{display:inline-block}.aui-dropdown-button--large .aui-dropdown-button__trigger .aui-button__content{padding:0 7px}.aui-dropdown-button--medium .aui-dropdown-button__trigger .aui-button__content{padding:0 5px}.aui-dropdown-button--small .aui-dropdown-button__trigger .aui-button__content,.aui-dropdown-button--mini .aui-dropdown-button__trigger .aui-button__content{padding:0 3px}.aui-dropdown-button__content.aui-button{border-bottom-right-radius:0;border-top-right-radius:0;z-index:1}.aui-dropdown-button__content.aui-button:not([disabled]):hover,.aui-dropdown-button__content.aui-button:not([disabled]):active,.aui-dropdown-button__content.aui-button:not([disabled]):focus{z-index:2}.aui-dropdown-button__trigger.aui-button{border-bottom-left-radius:0;border-top-left-radius:0;z-index:1}.aui-dropdown-button__trigger.aui-button[disabled]{z-index:0}.aui-dropdown-button__trigger.aui-button:not([disabled]):focus{z-index:2}.aui-dropdown-button__content.aui-button+.aui-dropdown-button__trigger.aui-button{margin-left:1px}.aui-dropdown-button__content.aui-button+.aui-dropdown-button__trigger.aui-button.isPlain{margin-left:-1px}aui-dropdown-button+aui-dropdown-button>.aui-dropdown-button,aui-dropdown-button+.aui-button,.aui-button+aui-dropdown-button>.aui-dropdown-button{margin-left:var(--aui-spacing-m)}\n"] }]
|
|
39
39
|
}], propDecorators: { type: [{
|
|
@@ -41,15 +41,15 @@ export class DropdownDirective extends BaseTooltip {
|
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
45
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
44
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DropdownDirective, deps: [{ token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
45
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: DropdownDirective, selector: "[auiDropdown]", inputs: { class: ["auiDropdownClass", "class"], disabled: ["auiDropdownDisabled", "disabled"], position: ["auiDropdownPosition", "position"], trigger: ["auiDropdownTrigger", "trigger"], menu: ["auiDropdown", "menu"], lazyContentContext: ["auiDropdownContext", "lazyContentContext"], hideOnClick: ["auiDropdownHideOnClick", "hideOnClick"] }, outputs: { visibleChange: "auiDropdownVisibleChange" }, providers: [
|
|
46
46
|
{
|
|
47
47
|
provide: BaseTooltip,
|
|
48
48
|
useExisting: DropdownDirective,
|
|
49
49
|
},
|
|
50
50
|
], exportAs: ["auiDropdown"], usesInheritance: true, ngImport: i0 });
|
|
51
51
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DropdownDirective, decorators: [{
|
|
53
53
|
type: Directive,
|
|
54
54
|
args: [{
|
|
55
55
|
selector: '[auiDropdown]',
|
|
@@ -14,8 +14,8 @@ import { MenuComponent } from './menu/menu.component';
|
|
|
14
14
|
import { SubmenuComponent } from './submenu/submenu.component';
|
|
15
15
|
import * as i0 from "@angular/core";
|
|
16
16
|
export class DropdownModule {
|
|
17
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
18
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
18
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: DropdownModule, declarations: [DropdownDirective,
|
|
19
19
|
DropdownActiveDirective,
|
|
20
20
|
DropdownButtonComponent,
|
|
21
21
|
MenuComponent,
|
|
@@ -32,9 +32,9 @@ export class DropdownModule {
|
|
|
32
32
|
MenuItemComponent,
|
|
33
33
|
SubmenuComponent,
|
|
34
34
|
MenuContentDirective] });
|
|
35
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
35
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DropdownModule, imports: [CommonModule, TooltipModule, IconModule, ButtonModule] });
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DropdownModule, decorators: [{
|
|
38
38
|
type: NgModule,
|
|
39
39
|
args: [{
|
|
40
40
|
imports: [CommonModule, TooltipModule, IconModule, ButtonModule],
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Directive } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class MenuGroupTitleDirective {
|
|
4
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
5
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
4
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MenuGroupTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
5
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: MenuGroupTitleDirective, selector: "[auiMenuGroupTitle]", host: { properties: { "class.aui-menu-group__title": "true" } }, exportAs: ["auiMenuGroupTitle"], ngImport: i0 });
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MenuGroupTitleDirective, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{
|
|
10
10
|
selector: '[auiMenuGroupTitle]',
|
|
@@ -43,10 +43,10 @@ export class MenuContentDirective {
|
|
|
43
43
|
this.outlet.dispose();
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
47
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MenuContentDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ApplicationRef }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
|
|
47
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: MenuContentDirective, selector: "*[auiMenuContent]", exportAs: ["auiMenuContent"], ngImport: i0 });
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MenuContentDirective, decorators: [{
|
|
50
50
|
type: Directive,
|
|
51
51
|
args: [{
|
|
52
52
|
selector: '*[auiMenuContent]',
|
|
@@ -8,10 +8,10 @@ export class MenuComponent {
|
|
|
8
8
|
size = ComponentSize.Small;
|
|
9
9
|
template;
|
|
10
10
|
lazyContent;
|
|
11
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
11
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: MenuComponent, selector: "aui-menu", inputs: { size: "size" }, queries: [{ propertyName: "lazyContent", first: true, predicate: MenuContentDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: "<ng-template>\n <div [class]=\"bem.block(size)\"><ng-content></ng-content></div>\n</ng-template>\n", styles: ["aui-menu{display:none}.aui-menu{padding:var(--aui-spacing-m);max-width:280px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-menu--large .aui-menu-item,.aui-menu--large .aui-submenu{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-menu--large .aui-menu-item aui-icon,.aui-menu--large .aui-submenu aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-menu--medium .aui-menu-item,.aui-menu--medium .aui-submenu{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-menu--medium .aui-menu-item aui-icon,.aui-menu--medium .aui-submenu aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-menu--small .aui-menu-item,.aui-menu--small .aui-submenu{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-menu--small .aui-menu-item aui-icon,.aui-menu--small .aui-submenu aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-menu--mini .aui-menu-item,.aui-menu--mini .aui-submenu{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-menu--mini .aui-menu-item aui-icon,.aui-menu--mini .aui-submenu aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MenuComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'aui-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<ng-template>\n <div [class]=\"bem.block(size)\"><ng-content></ng-content></div>\n</ng-template>\n", styles: ["aui-menu{display:none}.aui-menu{padding:var(--aui-spacing-m);max-width:280px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-menu--large .aui-menu-item,.aui-menu--large .aui-submenu{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-menu--large .aui-menu-item aui-icon,.aui-menu--large .aui-submenu aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-menu--medium .aui-menu-item,.aui-menu--medium .aui-submenu{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-menu--medium .aui-menu-item aui-icon,.aui-menu--medium .aui-submenu aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-menu--small .aui-menu-item,.aui-menu--small .aui-submenu{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-menu--small .aui-menu-item aui-icon,.aui-menu--small .aui-submenu aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-menu--mini .aui-menu-item,.aui-menu--mini .aui-submenu{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-menu--mini .aui-menu-item aui-icon,.aui-menu--mini .aui-submenu aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}\n"] }]
|
|
17
17
|
}], propDecorators: { size: [{
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class MenuGroupComponent {
|
|
4
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
5
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
4
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MenuGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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 });
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", 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
|
}] });
|
|
@@ -17,10 +17,10 @@ export class MenuItemComponent {
|
|
|
17
17
|
get className() {
|
|
18
18
|
return `${this.bem.block(this.type)} ${this.divide ? 'hasDivider' : ''} ${this.actived ? 'isActive' : ''}`;
|
|
19
19
|
}
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
21
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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[disabled]>*{pointer-events:none}.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 });
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: MenuItemComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
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[disabled]>*{pointer-events:none}.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"] }]
|
|
26
26
|
}], propDecorators: { disabled: [{
|
|
@@ -19,10 +19,10 @@ export class SubmenuComponent extends MenuItemComponent {
|
|
|
19
19
|
get hasEnabledItem() {
|
|
20
20
|
return this.menuItems?.length > 0;
|
|
21
21
|
}
|
|
22
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SubmenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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 [auiDisableAnimation]=\"true\"\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[disabled]>*{pointer-events:none}.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"], dependencies: [{ kind: "directive", type: i1.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiDisableAnimation"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "directive", type: i2.TooltipActiveDirective, selector: "[auiTooltipActive]", inputs: ["auiTooltipActive"] }, { kind: "component", type: i3.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: i4.MenuComponent, selector: "aui-menu", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SubmenuComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'aui-submenu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<button\n [class]=\"className\"\n [auiTooltip]=\"menu.template\"\n [auiDisableAnimation]=\"true\"\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[disabled]>*{pointer-events:none}.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"] }]
|
|
28
28
|
}], propDecorators: { trigger: [{
|
|
@@ -69,10 +69,10 @@ export class CommonFormControl {
|
|
|
69
69
|
modelOut(model) {
|
|
70
70
|
return model;
|
|
71
71
|
}
|
|
72
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
73
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
72
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CommonFormControl, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
73
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: CommonFormControl, inputs: { disabled: "disabled", readonly: "readonly", propValue: ["value", "propValue"] }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CommonFormControl, decorators: [{
|
|
76
76
|
type: Directive
|
|
77
77
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
|
|
78
78
|
type: Input
|
|
@@ -77,10 +77,10 @@ export class FormItemComponent {
|
|
|
77
77
|
ngOnDestroy() {
|
|
78
78
|
this.destroy$$.next();
|
|
79
79
|
}
|
|
80
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
80
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", 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 });
|
|
81
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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);font-weight:var(--aui-font-weight-normal);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);font-weight:var(--aui-font-weight-normal)}.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"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: FormItemComponent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
85
|
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);font-weight:var(--aui-font-weight-normal);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);font-weight:var(--aui-font-weight-normal)}.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"] }]
|
|
86
86
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.FormDirective, decorators: [{
|
|
@@ -35,10 +35,10 @@ export class FormDirective {
|
|
|
35
35
|
constructor(controlContainer) {
|
|
36
36
|
this.controlContainer = controlContainer;
|
|
37
37
|
}
|
|
38
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
39
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: FormDirective, deps: [{ token: ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", 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
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: FormDirective, decorators: [{
|
|
42
42
|
type: Directive,
|
|
43
43
|
args: [{
|
|
44
44
|
selector: 'form[auiForm]',
|
|
@@ -5,8 +5,8 @@ import { FormDirective } from './form.directive';
|
|
|
5
5
|
import { FormItemAddonDirective, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, } from './helper-directives';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class FormModule {
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: FormModule, declarations: [FormDirective,
|
|
10
10
|
FormItemComponent,
|
|
11
11
|
FormItemAddonDirective,
|
|
12
12
|
FormItemErrorDirective,
|
|
@@ -19,9 +19,9 @@ export class FormModule {
|
|
|
19
19
|
FormItemHintDirective,
|
|
20
20
|
FormItemLabelDirective,
|
|
21
21
|
FormItemControlDirective] });
|
|
22
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
22
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: FormModule, imports: [CommonModule] });
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: FormModule, decorators: [{
|
|
25
25
|
type: NgModule,
|
|
26
26
|
args: [{
|
|
27
27
|
imports: [CommonModule],
|