@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
|
@@ -39,10 +39,10 @@ export class BreadcrumbComponent {
|
|
|
39
39
|
item.separatorIcon = this.separatorIcon;
|
|
40
40
|
});
|
|
41
41
|
}
|
|
42
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
43
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
42
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: BreadcrumbComponent, selector: "aui-breadcrumb", inputs: { separator: "separator", separatorIcon: "separatorIcon" }, queries: [{ propertyName: "items", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-items:center;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-secondary-text))}.aui-breadcrumb__separator{margin:0 var(--aui-spacing-s)}.aui-breadcrumb aui-breadcrumb-item:last-child .aui-breadcrumb__separator{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
47
|
args: [{ selector: 'aui-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-items:center;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-secondary-text))}.aui-breadcrumb__separator{margin:0 var(--aui-spacing-s)}.aui-breadcrumb aui-breadcrumb-item:last-child .aui-breadcrumb__separator{display:none}\n"] }]
|
|
48
48
|
}], propDecorators: { separator: [{
|
|
@@ -5,11 +5,11 @@ import { BreadcrumbItemComponent } from './breadcrumb-item.component';
|
|
|
5
5
|
import { BreadcrumbComponent } from './breadcrumb.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class BreadcrumbModule {
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
10
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: BreadcrumbModule, declarations: [BreadcrumbComponent, BreadcrumbItemComponent], imports: [CommonModule, IconModule], exports: [BreadcrumbComponent, BreadcrumbItemComponent] });
|
|
10
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BreadcrumbModule, imports: [CommonModule, IconModule] });
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BreadcrumbModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
imports: [CommonModule, IconModule],
|
|
@@ -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 ButtonGroupComponent {
|
|
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: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ButtonGroupComponent, selector: "aui-button-group", ngImport: i0, template: "<div class=\"aui-button-group\"><ng-content></ng-content></div>\n", styles: [".aui-button-group{display:inline-block}.aui-button-group .aui-button{border-radius:0;z-index:1}.aui-button-group .aui-button:first-child{border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}.aui-button-group .aui-button:last-child{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}.aui-button-group .aui-button:hover,.aui-button-group .aui-button:active,.aui-button-group .aui-button.isActive,.aui-button-group .aui-button.cdk-keyboard-focused{z-index:2}.aui-button-group .aui-button[disabled]{z-index:0}.aui-button-group .aui-button+.aui-button{margin-left:-1px}.aui-button-group .aui-button:not(.isPlain)+.aui-button:not(.isPlain){margin-left:1px}aui-button-group+aui-button-group>.aui-button-group,aui-button-group+.aui-button,.aui-button+aui-button-group>.aui-button-group{margin-left:var(--aui-spacing-m)}\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: ButtonGroupComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'aui-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div class=\"aui-button-group\"><ng-content></ng-content></div>\n", styles: [".aui-button-group{display:inline-block}.aui-button-group .aui-button{border-radius:0;z-index:1}.aui-button-group .aui-button:first-child{border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}.aui-button-group .aui-button:last-child{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}.aui-button-group .aui-button:hover,.aui-button-group .aui-button:active,.aui-button-group .aui-button.isActive,.aui-button-group .aui-button.cdk-keyboard-focused{z-index:2}.aui-button-group .aui-button[disabled]{z-index:0}.aui-button-group .aui-button+.aui-button{margin-left:-1px}.aui-button-group .aui-button:not(.isPlain)+.aui-button:not(.isPlain){margin-left:1px}aui-button-group+aui-button-group>.aui-button-group,aui-button-group+.aui-button,.aui-button+aui-button-group>.aui-button-group{margin-left:var(--aui-spacing-m)}\n"] }]
|
|
10
10
|
}] });
|
|
@@ -101,10 +101,10 @@ export class ButtonComponent {
|
|
|
101
101
|
this.renderer.removeClass(this.el.nativeElement, className);
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
105
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: ButtonComponent, selector: "button[aui-button]", inputs: { type: ["aui-button", "type"], size: "size", plain: "plain", loading: "loading", round: "round", square: "square" }, ngImport: i0, template: "<span class=\"aui-button__content\"><ng-content></ng-content></span>\n<aui-icon\n *ngIf=\"loading\"\n class=\"aui-button__spinner\"\n icon=\"spinner\"\n></aui-icon>\n", styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:var(--aui-font-weight-normal);transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--text.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--text.isPlain[disabled]{color:rgb(var(--aui-color-disabled-text))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text:active,.aui-button--text.isActive{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}:root .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--inline.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--inline.isPlain[disabled]{color:rgb(var(--aui-color-n-6))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline:active,.aui-button--inline.isActive{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}:root .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--default{color:rgb(var(--aui-color-main-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-button--default aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default:active,.aui-button--default.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-disabled-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}:root .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary:active,.aui-button--primary.isActive{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain:active,.aui-button--primary.isPlain.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}:root .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}}html[aui-theme-mode=dark] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}:root .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--success{color:#fff;border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success:active,.aui-button--success.isActive{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}html[aui-theme-mode=light] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}}html[aui-theme-mode=dark] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain:active,.aui-button--success.isPlain.isActive{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}:root .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}html[aui-theme-mode=light] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}}html[aui-theme-mode=dark] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}:root .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--warning{color:#fff;border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning:active,.aui-button--warning.isActive{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}html[aui-theme-mode=light] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}}html[aui-theme-mode=dark] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain:active,.aui-button--warning.isPlain.isActive{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}:root .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}html[aui-theme-mode=light] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}}html[aui-theme-mode=dark] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}:root .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--danger{color:#fff;border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger:active,.aui-button--danger.isActive{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain:active,.aui-button--danger.isPlain.isActive{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}:root .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}html[aui-theme-mode=light] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}}html[aui-theme-mode=dark] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}:root .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button[disabled] aui-icon,.aui-button:hover aui-icon,.aui-button:active aui-icon,.aui-button.isActive aui-icon{color:inherit}.aui-button+.aui-button,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)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
104
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
|
|
105
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ButtonComponent, selector: "button[aui-button]", inputs: { type: ["aui-button", "type"], size: "size", plain: "plain", loading: "loading", round: "round", square: "square" }, ngImport: i0, template: "<span class=\"aui-button__content\"><ng-content></ng-content></span>\n<aui-icon\n *ngIf=\"loading\"\n class=\"aui-button__spinner\"\n icon=\"spinner\"\n></aui-icon>\n", styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:var(--aui-font-weight-normal);transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--text.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--text.isPlain[disabled]{color:rgb(var(--aui-color-disabled-text))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text:active,.aui-button--text.isActive{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}:root .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--inline.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--inline.isPlain[disabled]{color:rgb(var(--aui-color-n-6))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline:active,.aui-button--inline.isActive{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}:root .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--default{color:rgb(var(--aui-color-main-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-button--default aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default:active,.aui-button--default.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-disabled-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}:root .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary:active,.aui-button--primary.isActive{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain:active,.aui-button--primary.isPlain.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}:root .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}}html[aui-theme-mode=dark] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}:root .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--success{color:#fff;border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success:active,.aui-button--success.isActive{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}html[aui-theme-mode=light] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}}html[aui-theme-mode=dark] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain:active,.aui-button--success.isPlain.isActive{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}:root .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}html[aui-theme-mode=light] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}}html[aui-theme-mode=dark] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}:root .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--warning{color:#fff;border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning:active,.aui-button--warning.isActive{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}html[aui-theme-mode=light] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}}html[aui-theme-mode=dark] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain:active,.aui-button--warning.isPlain.isActive{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}:root .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}html[aui-theme-mode=light] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}}html[aui-theme-mode=dark] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}:root .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--danger{color:#fff;border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger:active,.aui-button--danger.isActive{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain:active,.aui-button--danger.isPlain.isActive{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}:root .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}html[aui-theme-mode=light] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}}html[aui-theme-mode=dark] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}:root .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button[disabled] aui-icon,.aui-button:hover aui-icon,.aui-button:active aui-icon,.aui-button.isActive aui-icon{color:inherit}.aui-button+.aui-button,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)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
106
106
|
}
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
108
108
|
type: Component,
|
|
109
109
|
args: [{ selector: 'button[aui-button]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<span class=\"aui-button__content\"><ng-content></ng-content></span>\n<aui-icon\n *ngIf=\"loading\"\n class=\"aui-button__spinner\"\n icon=\"spinner\"\n></aui-icon>\n", styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:var(--aui-font-weight-normal);transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--text.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--text.isPlain[disabled]{color:rgb(var(--aui-color-disabled-text))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text:active,.aui-button--text.isActive{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}:root .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-main-text))}.aui-button--inline.isPlain aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--inline.isPlain[disabled]{color:rgb(var(--aui-color-n-6))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline:active,.aui-button--inline.isActive{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}:root .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--default{color:rgb(var(--aui-color-main-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-button-bg))}.aui-button--default aui-icon{color:rgb(var(--aui-color-secondary-text))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default:active,.aui-button--default.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-disabled-text));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}:root .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary{color:#fff;border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary:active,.aui-button--primary.isActive{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--primary[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain:active,.aui-button--primary.isPlain.isActive{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}:root .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}}html[aui-theme-mode=dark] .aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-0))}:root .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--success{color:#fff;border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success:active,.aui-button--success.isActive{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--success[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}html[aui-theme-mode=light] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}}html[aui-theme-mode=dark] .aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.3)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain:active,.aui-button--success.isPlain.isActive{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}:root .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}html[aui-theme-mode=light] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}}html[aui-theme-mode=dark] .aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-0))}:root .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--warning{color:#fff;border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning:active,.aui-button--warning.isActive{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--warning[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}html[aui-theme-mode=light] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}}html[aui-theme-mode=dark] .aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.3)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain:active,.aui-button--warning.isPlain.isActive{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}:root .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}html[aui-theme-mode=light] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}}html[aui-theme-mode=dark] .aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-0))}:root .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button--danger{color:#fff;border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger:active,.aui-button--danger.isActive{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]:not(.isPlain){border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-button--danger[disabled]:not(.isPlain){color:rgb(var(--aui-color-n-4))}:root .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain:active,.aui-button--danger.isPlain.isActive{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}:root .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}html[aui-theme-mode=light] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}}html[aui-theme-mode=dark] .aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-0))}:root .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button[disabled] aui-icon,.aui-button:hover aui-icon,.aui-button:active aui-icon,.aui-button.isActive aui-icon{color:inherit}.aui-button+.aui-button,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)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}\n"] }]
|
|
110
110
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.FocusMonitor }]; }, propDecorators: { type: [{
|
|
@@ -5,11 +5,11 @@ import { ButtonGroupComponent } from './button-group/button-group.component';
|
|
|
5
5
|
import { ButtonComponent } from './button.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class ButtonModule {
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
10
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent, ButtonGroupComponent], imports: [CommonModule, IconModule], exports: [ButtonComponent, ButtonGroupComponent] });
|
|
10
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ButtonModule, imports: [CommonModule, IconModule] });
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ButtonModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
imports: [CommonModule, IconModule],
|
|
@@ -2,10 +2,10 @@ import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class CardComponent {
|
|
4
4
|
divider = true;
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
6
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: CardComponent, selector: "aui-card", inputs: { divider: "divider" }, ngImport: i0, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));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-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{display:flex;align-items:center;padding:0;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CardComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'aui-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-card\"\n [class.hasDivider]=\"divider\"\n>\n <ng-content select=\"[auiCardHeader]\"></ng-content>\n <div class=\"aui-card__content\"><ng-content></ng-content></div>\n <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));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-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{display:flex;align-items:center;padding:0;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"] }]
|
|
11
11
|
}], propDecorators: { divider: [{
|
|
@@ -5,8 +5,8 @@ import { CardFooterDirective, CardHeaderDirective, SectionTitleDirective, } from
|
|
|
5
5
|
import { SectionComponent } from './section.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class CardModule {
|
|
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: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: CardModule, declarations: [CardComponent,
|
|
10
10
|
CardHeaderDirective,
|
|
11
11
|
CardFooterDirective,
|
|
12
12
|
SectionComponent,
|
|
@@ -15,9 +15,9 @@ export class CardModule {
|
|
|
15
15
|
CardFooterDirective,
|
|
16
16
|
SectionComponent,
|
|
17
17
|
SectionTitleDirective] });
|
|
18
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
18
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CardModule, imports: [CommonModule] });
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CardModule, decorators: [{
|
|
21
21
|
type: NgModule,
|
|
22
22
|
args: [{
|
|
23
23
|
imports: [CommonModule],
|
|
@@ -2,10 +2,10 @@ import { Directive, Input } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class CardHeaderDirective {
|
|
4
4
|
size = 'default';
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
6
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CardHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: CardHeaderDirective, selector: "[auiCardHeader]", inputs: { size: "size" }, host: { properties: { "class.aui-card__header": "true" } }, ngImport: i0 });
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CardHeaderDirective, decorators: [{
|
|
9
9
|
type: Directive,
|
|
10
10
|
args: [{
|
|
11
11
|
selector: '[auiCardHeader]',
|
|
@@ -17,10 +17,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImpor
|
|
|
17
17
|
type: Input
|
|
18
18
|
}] } });
|
|
19
19
|
export class CardFooterDirective {
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
21
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CardFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
21
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: CardFooterDirective, selector: "[auiCardFooter]", host: { properties: { "class.aui-card__footer": "true" } }, ngImport: i0 });
|
|
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: CardFooterDirective, decorators: [{
|
|
24
24
|
type: Directive,
|
|
25
25
|
args: [{
|
|
26
26
|
selector: '[auiCardFooter]',
|
|
@@ -30,10 +30,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImpor
|
|
|
30
30
|
}]
|
|
31
31
|
}] });
|
|
32
32
|
export class SectionTitleDirective {
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
34
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SectionTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
34
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.7", type: SectionTitleDirective, selector: "[auiSectionTitle]", host: { properties: { "class.aui-section__title": "true" } }, ngImport: i0 });
|
|
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: SectionTitleDirective, decorators: [{
|
|
37
37
|
type: Directive,
|
|
38
38
|
args: [{
|
|
39
39
|
selector: '[auiSectionTitle]',
|
|
@@ -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 SectionComponent {
|
|
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: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SectionComponent, selector: "aui-section", ngImport: i0, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;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-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\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: SectionComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'aui-section', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"aui-section\">\n <ng-content select=\"[auiSectionTitle]\"></ng-content>\n <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;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-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);font-weight:var(--aui-font-weight-bolder);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"] }]
|
|
10
10
|
}] });
|
|
@@ -29,8 +29,8 @@ export class CheckboxGroupComponent extends CommonFormControl {
|
|
|
29
29
|
this.onTouched();
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CheckboxGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: CheckboxGroupComponent, selector: "aui-checkbox-group", inputs: { direction: "direction", trackFn: "trackFn" }, providers: [
|
|
34
34
|
{
|
|
35
35
|
provide: NG_VALUE_ACCESSOR,
|
|
36
36
|
useExisting: forwardRef(() => CheckboxGroupComponent),
|
|
@@ -38,7 +38,7 @@ export class CheckboxGroupComponent extends CommonFormControl {
|
|
|
38
38
|
},
|
|
39
39
|
], queries: [{ propertyName: "checkboxes", predicate: i0.forwardRef(function () { return CheckboxComponent; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-checkbox-group aui-checkbox-group--{{ direction }}\">\n <ng-content></ng-content>\n</div>\n", styles: [".aui-checkbox-group{display:inline-flex;flex-wrap:wrap}.aui-checkbox-group--column{flex-direction:column}.aui-checkbox-group--column .aui-checkbox{margin-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
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: CheckboxGroupComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
43
|
args: [{ selector: 'aui-checkbox-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
|
|
44
44
|
{
|
|
@@ -78,8 +78,8 @@ export class CheckboxComponent extends CommonFormControl {
|
|
|
78
78
|
this.checkboxGroup.onCheckboxBlur();
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
82
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
81
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: forwardRef(() => CheckboxGroupComponent), optional: true }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: CheckboxComponent, selector: "aui-checkbox", inputs: { name: "name", type: "type", label: "label", indeterminate: "indeterminate" }, providers: [
|
|
83
83
|
{
|
|
84
84
|
provide: NG_VALUE_ACCESSOR,
|
|
85
85
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
@@ -87,7 +87,7 @@ export class CheckboxComponent extends CommonFormControl {
|
|
|
87
87
|
},
|
|
88
88
|
], viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n class=\"aui-checkbox\"\n [class.isDisabled]=\"disabled\"\n [class.isChecked]=\"model\"\n [class.isIndeterminate]=\"indeterminate\"\n [class.isTag]=\"type === 'tag'\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"model\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-checkbox__label\"\n [for]=\"id\"\n >\n <i class=\"aui-checkbox__pointer\">\n <aui-icon\n *ngIf=\"model && !indeterminate\"\n icon=\"check\"\n ></aui-icon>\n </i>\n <span class=\"aui-checkbox__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative;vertical-align:bottom}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{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-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag:hover,.aui-checkbox.isTag.isChecked{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}.aui-checkbox.isDisabled .aui-checkbox__content{color:rgb(var(--aui-color-disabled-text))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-main-bg))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer:before{content:\"\";display:block;width:8px;height:8px;border-radius:1px;background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer:before{background-color:rgb(var(--aui-color-p-4))}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
89
89
|
}
|
|
90
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
91
91
|
type: Component,
|
|
92
92
|
args: [{ selector: 'aui-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
|
|
93
93
|
{
|
|
@@ -5,11 +5,11 @@ import { CheckboxGroupComponent } from './checkbox-group/checkbox-group.componen
|
|
|
5
5
|
import { CheckboxComponent } from './checkbox.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class CheckboxModule {
|
|
8
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
10
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent, CheckboxGroupComponent], imports: [CommonModule, IconModule], exports: [CheckboxComponent, CheckboxGroupComponent] });
|
|
10
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CheckboxModule, imports: [CommonModule, IconModule] });
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CheckboxModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
imports: [CommonModule, IconModule],
|
|
@@ -6,8 +6,8 @@ export class ColorPickerComponent extends CommonFormControl {
|
|
|
6
6
|
onInput(event) {
|
|
7
7
|
this.emitValue(event.target.value);
|
|
8
8
|
}
|
|
9
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ColorPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: ColorPickerComponent, selector: "aui-color-picker", providers: [
|
|
11
11
|
{
|
|
12
12
|
provide: NG_VALUE_ACCESSOR,
|
|
13
13
|
useExisting: forwardRef(() => ColorPickerComponent),
|
|
@@ -15,7 +15,7 @@ export class ColorPickerComponent extends CommonFormControl {
|
|
|
15
15
|
},
|
|
16
16
|
], usesInheritance: true, ngImport: i0, template: "<input\n class=\"aui-color-picker\"\n type=\"color\"\n [disabled]=\"disabled\"\n [value]=\"model\"\n (input)=\"onInput($event)\"\n/>\n", styles: [".aui-color-picker{display:inline-block;padding:3px;width:var(--aui-inline-height-m);height:var(--aui-inline-height-m);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));outline:none;cursor:pointer;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-color-picker::-webkit-color-swatch-wrapper{padding:0}.aui-color-picker::-moz-color-swatch-wrapper{padding:0}.aui-color-picker::-webkit-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker::-moz-color-swatch{border:none;border-radius:var(--aui-border-radius-m)}.aui-color-picker:hover,.aui-color-picker:focus{border-color:rgb(var(--aui-color-primary))}.aui-color-picker[disabled]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ selector: 'aui-color-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
|
|
21
21
|
{
|
|
@@ -4,11 +4,11 @@ import { FormsModule } from '@angular/forms';
|
|
|
4
4
|
import { ColorPickerComponent } from './color-picker.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class ColorPickerModule {
|
|
7
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
8
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
9
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: ColorPickerModule, declarations: [ColorPickerComponent], imports: [CommonModule, FormsModule], exports: [ColorPickerComponent] });
|
|
9
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ColorPickerModule, imports: [CommonModule, FormsModule] });
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: ColorPickerModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
imports: [CommonModule, FormsModule],
|
|
@@ -87,8 +87,8 @@ export class DatePickerPanelComponent extends CommonFormControl {
|
|
|
87
87
|
setToday() {
|
|
88
88
|
this.confirmValue(dayjs(), true);
|
|
89
89
|
}
|
|
90
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
91
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
90
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DatePickerPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
91
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: DatePickerPanelComponent, selector: "aui-date-picker-panel", inputs: { clearable: "clearable", clearText: "clearText", type: "type", showTime: "showTime", disabledDate: "disabledDate", disabledTime: "disabledTime", weekStartDay: "weekStartDay", showFooter: "showFooter", footerTemplate: "footerTemplate", extraFooter: "extraFooter", minDate: "minDate", maxDate: "maxDate" }, outputs: { confirm: "confirm", clear: "clear" }, providers: [
|
|
92
92
|
{
|
|
93
93
|
provide: NG_VALUE_ACCESSOR,
|
|
94
94
|
useExisting: forwardRef(() => DatePickerPanelComponent),
|
|
@@ -96,7 +96,7 @@ export class DatePickerPanelComponent extends CommonFormControl {
|
|
|
96
96
|
},
|
|
97
97
|
], usesInheritance: true, ngImport: i0, template: "<div class=\"aui-date-picker-panel__wrapper\">\n <aui-calendar-header\n [dateNavRange]=\"navRange\"\n [anchor]=\"anchor\"\n [minAvail]=\"minDate\"\n [maxAvail]=\"maxDate\"\n [style.margin-inline.px]=\"4\"\n (navRangeChange)=\"navRange = $event\"\n (anchorChange)=\"anchor = $event\"\n ></aui-calendar-header>\n\n <aui-picker-panel\n [style.margin]=\"'16px 0'\"\n [anchor]=\"anchor\"\n [navRange]=\"navRange\"\n [disabledDate]=\"disabledDate\"\n [weekStartDay]=\"weekStartDay\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [type]=\"type\"\n [matchDates]=\"[selectedDate]\"\n (select)=\"panelValueChange($event)\"\n ></aui-picker-panel>\n\n <ng-container\n *ngIf=\"extraFooter\"\n [ngTemplateOutlet]=\"extraFooter\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-container *ngIf=\"showFooter\">\n <aui-calendar-footer\n (clear)=\"clear.next()\"\n (confirm)=\"confirmValue()\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n *ngIf=\"showTime; else today\"\n >\n <ng-container\n *ngIf=\"footerTemplate; else default\"\n [ngTemplateOutlet]=\"footerTemplate\"\n [ngTemplateOutletContext]=\"{ context: this }\"\n ></ng-container>\n\n <ng-template #default>\n <aui-time-picker\n *ngIf=\"currentNavType === DatePickerType.Day && showTime\"\n [showIcon]=\"false\"\n size=\"small\"\n [(ngModel)]=\"selectedTime\"\n [disableHours]=\"getDisabledTimeFn(selectedDate, 'hours')\"\n [disableMinutes]=\"getDisabledTimeFn(selectedDate, 'minutes')\"\n [disableSeconds]=\"getDisabledTimeFn(selectedDate, 'seconds')\"\n tooltipPosition=\"top start\"\n (ngModelChange)=\"timeDateChange($event)\"\n [placeholder]=\"'select_time' | auiI18n\"\n ></aui-time-picker>\n </ng-template>\n </aui-calendar-footer>\n\n <ng-template #today>\n <aui-calendar-footer\n *ngIf=\"type === DatePickerType.Day\"\n [clearable]=\"false\"\n [customAction]=\"todayBtn\"\n >\n </aui-calendar-footer>\n <ng-template #todayBtn>\n <button\n aui-button=\"inline\"\n (click)=\"setToday()\"\n >\n {{ 'today' | auiI18n }}\n </button>\n </ng-template>\n </ng-template>\n </ng-container>\n</div>\n", styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-panel__wrapper .aui-time-picker{width:88px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.TimePickerComponent, selector: "aui-time-picker", inputs: ["format", "size", "placeholder", "clearable", "showIcon", "disableHours", "disableMinutes", "disableSeconds", "hourStep", "minuteStep", "secondStep", "footerTemplate"], outputs: ["open", "close"] }, { kind: "component", type: i5.CalendarHeaderComponent, selector: "aui-calendar-header", inputs: ["dateNavRange", "anchor", "maxAvail", "minAvail"], outputs: ["navRangeChange", "anchorChange"] }, { kind: "component", type: i6.CalendarFooterComponent, selector: "aui-calendar-footer", inputs: ["clearable", "clearText", "customAction"], outputs: ["confirm", "clear"] }, { kind: "component", type: i7.PickerPanelComponent, selector: "aui-picker-panel", inputs: ["navRange", "type", "anchor", "matchDates", "disabledDate", "weekStartDay", "minDate", "maxDate"], outputs: ["select", "hovered"] }, { kind: "pipe", type: i8.I18nPipe, name: "auiI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
98
98
|
}
|
|
99
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: DatePickerPanelComponent, decorators: [{
|
|
100
100
|
type: Component,
|
|
101
101
|
args: [{ selector: 'aui-date-picker-panel', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
102
102
|
{
|
|
@@ -9,10 +9,10 @@ export class CalendarFooterComponent {
|
|
|
9
9
|
customAction;
|
|
10
10
|
confirm = new EventEmitter();
|
|
11
11
|
clear = new EventEmitter();
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CalendarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: CalendarFooterComponent, selector: "aui-calendar-footer", inputs: { clearable: "clearable", clearText: "clearText", customAction: "customAction" }, outputs: { confirm: "confirm", clear: "clear" }, ngImport: i0, template: "<div class=\"aui-calendar-footer__wrapper\">\n <div style=\"flex: 1\">\n <ng-content></ng-content>\n </div>\n <div>\n <ng-container\n *ngIf=\"customAction; else default\"\n [ngTemplateOutlet]=\"customAction\"\n >\n </ng-container>\n <ng-template #default>\n <button\n aui-button=\"text\"\n *ngIf=\"clearable\"\n (click)=\"clear.emit()\"\n size=\"small\"\n >\n {{ clearText || ('clear' | auiI18n) }}\n </button>\n <button\n aui-button=\"primary\"\n (click)=\"confirm.emit()\"\n size=\"small\"\n >\n {{ 'confirm' | auiI18n }}\n </button>\n </ng-template>\n </div>\n</div>\n", styles: [".aui-calendar-footer__wrapper{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid rgb(var(--aui-color-n-8));padding:8px 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "pipe", type: i3.I18nPipe, name: "auiI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: CalendarFooterComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'aui-calendar-footer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"aui-calendar-footer__wrapper\">\n <div style=\"flex: 1\">\n <ng-content></ng-content>\n </div>\n <div>\n <ng-container\n *ngIf=\"customAction; else default\"\n [ngTemplateOutlet]=\"customAction\"\n >\n </ng-container>\n <ng-template #default>\n <button\n aui-button=\"text\"\n *ngIf=\"clearable\"\n (click)=\"clear.emit()\"\n size=\"small\"\n >\n {{ clearText || ('clear' | auiI18n) }}\n </button>\n <button\n aui-button=\"primary\"\n (click)=\"confirm.emit()\"\n size=\"small\"\n >\n {{ 'confirm' | auiI18n }}\n </button>\n </ng-template>\n </div>\n</div>\n", styles: [".aui-calendar-footer__wrapper{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid rgb(var(--aui-color-n-8));padding:8px 0 0}\n"] }]
|
|
18
18
|
}], propDecorators: { clearable: [{
|