@alauda/ui 6.3.1-beta → 6.3.1-beta.10
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/checkbox/checkbox-group/checkbox-group.component.d.ts +0 -1
- package/checkbox/checkbox.component.d.ts +0 -1
- package/color-picker/color-picker.component.d.ts +0 -1
- package/esm2020/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2020/checkbox/checkbox-group/checkbox-group.component.mjs +5 -8
- package/esm2020/checkbox/checkbox.component.mjs +13 -15
- package/esm2020/color-picker/color-picker.component.mjs +4 -8
- package/esm2020/date-picker/calendar/date-picker-panel/component.mjs +3 -3
- package/esm2020/date-picker/calendar/range-picker-panel/component.mjs +3 -3
- package/esm2020/date-picker/date-picker/date-picker.component.mjs +4 -4
- package/esm2020/date-picker/range-picker/range-picker.component.mjs +4 -4
- package/esm2020/date-picker/trigger/trigger.component.mjs +2 -2
- package/esm2020/dialog/dialog.component.mjs +2 -2
- package/esm2020/drawer/component/drawer.component.mjs +2 -2
- package/esm2020/form/common-form.mjs +13 -13
- package/esm2020/input/input.component.mjs +2 -2
- package/esm2020/input/number-input/number-input.component.mjs +8 -8
- package/esm2020/input/tags-input/tags-input.component.mjs +15 -20
- package/esm2020/notification/notification.component.mjs +3 -3
- package/esm2020/radio/base-radio.mjs +2 -2
- package/esm2020/radio/radio-group/radio-group.component.mjs +2 -5
- package/esm2020/select/base-select.mjs +1 -1
- package/esm2020/select/multi-select/multi-select.component.mjs +41 -32
- package/esm2020/select/option/option.component.mjs +4 -1
- package/esm2020/select/select.component.mjs +10 -10
- package/esm2020/select/select.types.mjs +1 -1
- package/esm2020/switch/switch.component.mjs +4 -7
- package/esm2020/table/table.component.mjs +2 -2
- package/esm2020/tabs/tab-header.component.mjs +2 -2
- package/esm2020/time-picker/component.mjs +4 -4
- package/esm2020/time-picker/panel/panel.component.mjs +8 -8
- package/esm2020/tree-select/tree-select.component.mjs +9 -9
- package/fesm2015/alauda-ui.mjs +153 -158
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +153 -158
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/form/common-form.d.ts +13 -16
- package/input/number-input/number-input.component.d.ts +1 -1
- package/input/tags-input/tags-input.component.d.ts +2 -6
- package/package.json +1 -1
- package/radio/radio-group/radio-group.component.d.ts +0 -1
- package/select/base-select.d.ts +1 -1
- package/select/multi-select/multi-select.component.d.ts +3 -3
- package/select/option/option.component.d.ts +4 -2
- package/select/select.component.d.ts +1 -1
- package/select/select.types.d.ts +1 -0
- package/switch/switch.component.d.ts +0 -1
- package/theme/_mixin.scss +26 -7
- package/theme/_var.scss +0 -1
- package/theme/style.css +5 -1
- package/tree-select/tree-select.component.d.ts +1 -1
|
@@ -48,7 +48,7 @@ export class DatePickerComponent extends CommonFormControl {
|
|
|
48
48
|
}
|
|
49
49
|
clearValue() {
|
|
50
50
|
this.value = null;
|
|
51
|
-
this.
|
|
51
|
+
this.emitValue(null);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
DatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -58,7 +58,7 @@ DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
58
58
|
useExisting: forwardRef(() => DatePickerComponent),
|
|
59
59
|
multi: true,
|
|
60
60
|
},
|
|
61
|
-
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false);
|
|
61
|
+
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: [":host{display:inline-block;width:200px}\n"], components: [{ type: i1.DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: i2.DatePickerPanelComponent, selector: "aui-date-picker-panel", inputs: ["clearable", "clearText", "type", "showTime", "disabledDate", "disabledTime", "weekStartDay", "showFooter", "footerTemplate", "extraFooter", "minDate", "maxDate"], outputs: ["confirm", "clear"] }], directives: [{ type: i3.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
62
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
64
64
|
args: [{ selector: 'aui-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [
|
|
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
|
|
|
67
67
|
useExisting: forwardRef(() => DatePickerComponent),
|
|
68
68
|
multi: true,
|
|
69
69
|
},
|
|
70
|
-
], template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false);
|
|
70
|
+
], template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: [":host{display:inline-block;width:200px}\n"] }]
|
|
71
71
|
}], propDecorators: { clearable: [{
|
|
72
72
|
type: Input
|
|
73
73
|
}], clearText: [{
|
|
@@ -101,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
|
|
|
101
101
|
}], openChange: [{
|
|
102
102
|
type: Output
|
|
103
103
|
}] } });
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVOLGlCQUFpQixFQUNqQixVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxLQUE0QixNQUFNLE9BQU8sQ0FBQztBQUVqRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7O0FBa0J0RCxNQUFNLE9BQU8sbUJBQ1gsU0FBUSxpQkFBb0M7SUFoQjlDOztRQW1CRSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBU2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFHakIsU0FBSSxHQUFHLGNBQWMsQ0FBQyxHQUFHLENBQUM7UUFHMUIsU0FBSSxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUM7UUFHNUIsaUJBQVksR0FBaUQsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDO1FBR3pFLGlCQUFZLEdBQW1CLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQztRQVMxQyxpQkFBWSxHQUFHLENBQUMsQ0FBQztRQUdqQixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBWWxCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBR3pDLG1CQUFjLEdBQUcsY0FBYyxDQUFDO0tBaUNqQztJQS9CQyxRQUFRO1FBQ04sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDaEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQy9DLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDekI7SUFDSCxDQUFDO0lBRVEsT0FBTyxDQUFDLEdBQWU7UUFDOUIsT0FBTyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ2pDLENBQUM7SUFFUSxVQUFVLENBQUMsR0FBVTtRQUM1QixLQUFLLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVPLGdCQUFnQixDQUFDLElBQUksR0FBRyxjQUFjLENBQUMsR0FBRztRQUNoRCxPQUFPLElBQUksS0FBSyxjQUFjLENBQUMsSUFBSTtZQUNqQyxDQUFDLENBQUMsTUFBTTtZQUNSLENBQUMsQ0FBQyxJQUFJLEtBQUssY0FBYyxDQUFDLEtBQUs7Z0JBQy9CLENBQUMsQ0FBQyxTQUFTO2dCQUNYLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUTtvQkFDZixDQUFDLENBQUMscUJBQXFCO29CQUN2QixDQUFDLENBQUMsWUFBWSxDQUFDO0lBQ25CLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QixDQUFDOztnSEFwRlUsbUJBQW1CO29HQUFuQixtQkFBbUIsdWNBVG5CO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7WUFDbEQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLGlEQy9CSCxnekNBeUNBOzJGRFBhLG1CQUFtQjtrQkFmL0IsU0FBUzsrQkFDRSxpQkFBaUIsbUJBRVYsdUJBQXVCLENBQUMsTUFBTSxpQkFFaEMsaUJBQWlCLENBQUMsUUFBUSxhQUM5Qjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzs0QkFDbEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBT0QsU0FBUztzQkFEUixLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBSU4sY0FBYztzQkFEYixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCBkYXlqcywgeyBDb25maWdUeXBlLCBEYXlqcyB9IGZyb20gJ2RheWpzJztcblxuaW1wb3J0IHsgQ29tbW9uRm9ybUNvbnRyb2wgfSBmcm9tICcuLi8uLi9mb3JtL2NvbW1vbi1mb3JtJztcbmltcG9ydCB7IENvbXBvbmVudFNpemUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBEYXRlUGlja2VyVHlwZSB9IGZyb20gJy4uL2NhbGVuZGFyL2NvbnN0YW50JztcbmltcG9ydCB7IERhdGVOYXZSYW5nZSwgRGlzYWJsZWRUaW1lRm4gfSBmcm9tICcuLi9kYXRlLXBpY2tlci50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLWRhdGUtcGlja2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtcGlja2VyLnRlbXBsYXRlLmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiB2YWxpZGF0ZS1kZWNvcmF0b3JzXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLkVtdWxhdGVkLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IERhdGVQaWNrZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS1waWNrZXIuc3R5bGUuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRlUGlja2VyQ29tcG9uZW50XG4gIGV4dGVuZHMgQ29tbW9uRm9ybUNvbnRyb2w8Q29uZmlnVHlwZSwgRGF5anM+XG4gIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgY2xlYXJhYmxlID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBjbGVhclRleHQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBmb3JtYXQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBzaG93VGltZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHR5cGUgPSBEYXRlUGlja2VyVHlwZS5EYXk7XG5cbiAgQElucHV0KClcbiAgc2l6ZSA9IENvbXBvbmVudFNpemUuTWVkaXVtO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkRGF0ZTogKGRhdGU6IERheWpzLCB0eXBlOiBEYXRlTmF2UmFuZ2UpID0+IGJvb2xlYW4gPSAoKSA9PiBmYWxzZTtcblxuICBASW5wdXQoKVxuICBkaXNhYmxlZFRpbWU6IERpc2FibGVkVGltZUZuID0gKCkgPT4gbnVsbDtcblxuICBASW5wdXQoKVxuICBtaW5EYXRlOiBEYXlqcztcblxuICBASW5wdXQoKVxuICBtYXhEYXRlOiBEYXlqcztcblxuICBASW5wdXQoKVxuICB3ZWVrU3RhcnREYXkgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHNob3dGb290ZXIgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIGZvb3RlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcblxuICBASW5wdXQoKVxuICBleHRyYUZvb3RlcjogVGVtcGxhdGVSZWY8dW5rbm93bj47XG5cbiAgQElucHV0KClcbiAgcGxhY2Vob2xkZXI6IHN0cmluZztcblxuICBAT3V0cHV0KClcbiAgb3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICB2YWx1ZTogRGF5anM7XG4gIERhdGVQaWNrZXJUeXBlID0gRGF0ZVBpY2tlclR5cGU7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKCF0aGlzLmZvcm1hdCkge1xuICAgICAgdGhpcy5mb3JtYXQgPSB0aGlzLmdldERlZmF1bHRGb3JtYXQodGhpcy50eXBlKTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIG92ZXJyaWRlIHZhbHVlSW4ob2JqOiBDb25maWdUeXBlKSB7XG4gICAgcmV0dXJuIG9iaiA/IGRheWpzKG9iaikgOiBudWxsO1xuICB9XG5cbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IERheWpzKSB7XG4gICAgc3VwZXIud3JpdGVWYWx1ZShvYmopO1xuICAgIHRoaXMudmFsdWUgPSBvYmo7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwcml2YXRlIGdldERlZmF1bHRGb3JtYXQodHlwZSA9IERhdGVQaWNrZXJUeXBlLkRheSkge1xuICAgIHJldHVybiB0eXBlID09PSBEYXRlUGlja2VyVHlwZS5ZZWFyXG4gICAgICA/ICdZWVlZJ1xuICAgICAgOiB0eXBlID09PSBEYXRlUGlja2VyVHlwZS5Nb250aFxuICAgICAgPyAnWVlZWS1NTSdcbiAgICAgIDogdGhpcy5zaG93VGltZVxuICAgICAgPyAnWVlZWS1NTS1ERCBISDptbTpzcydcbiAgICAgIDogJ1lZWVktTU0tREQnO1xuICB9XG5cbiAgY2xlYXJWYWx1ZSgpIHtcbiAgICB0aGlzLnZhbHVlID0gbnVsbDtcbiAgICB0aGlzLmVtaXRWYWx1ZShudWxsKTtcbiAgfVxufVxuIiwiPGF1aS1kYXRlLXBpY2tlci10cmlnZ2VyXG4gIFtzaXplXT1cInNpemVcIlxuICBbdmFsdWVdPVwidmFsdWVcIlxuICBbZm9ybWF0XT1cImZvcm1hdFwiXG4gIHN0eWxlPVwiZGlzcGxheTogZmxleFwiXG4gIFthdWlUb29sdGlwXT1cInRlbXBsYXRlXCJcbiAgYXVpVG9vbHRpcFR5cGU9XCJpbmZvXCJcbiAgYXVpVG9vbHRpcENsYXNzPVwiZGF0ZS1waWNrZXItd3JhcHBlclwiXG4gIFtkaXNhYmxlZF09XCIhIWRpc2FibGVkXCJcbiAgYXVpVG9vbHRpcFBvc2l0aW9uPVwiYm90dG9tIHN0YXJ0XCJcbiAgYXVpVG9vbHRpcFRyaWdnZXI9XCJjbGlja1wiXG4gIFthdWlUb29sdGlwRGlzYWJsZWRdPVwiISFkaXNhYmxlZFwiXG4gIFthdWlUb29sdGlwSGlkZU9uQ2xpY2tdPVwidHJ1ZVwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIChhdWlUb29sdGlwSGlkZSk9XCJvcGVuQ2hhbmdlLm5leHQoZmFsc2UpOyBlbWl0VmFsdWUodmFsdWUpXCJcbiAgKGF1aVRvb2x0aXBTaG93KT1cIm9wZW5DaGFuZ2UubmV4dCh0cnVlKVwiXG4gIChjbGVhcik9XCJjbGVhclZhbHVlKClcIlxuICAjdG9vbHRpcD1cImF1aVRvb2x0aXBcIlxuPjwvYXVpLWRhdGUtcGlja2VyLXRyaWdnZXI+XG5cbjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGU+XG4gIDxhdWktZGF0ZS1waWNrZXItcGFuZWxcbiAgICBbdHlwZV09XCJ0eXBlXCJcbiAgICBzdHlsZT1cInBhZGRpbmctdG9wOiA5cHg7IGRpc3BsYXk6IGlubGluZS1ibG9ja1wiXG4gICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgW3Nob3dUaW1lXT1cInNob3dUaW1lXCJcbiAgICBbc2hvd0Zvb3Rlcl09XCJzaG93Rm9vdGVyXCJcbiAgICBbZGlzYWJsZWREYXRlXT1cImRpc2FibGVkRGF0ZVwiXG4gICAgW2Rpc2FibGVkVGltZV09XCJkaXNhYmxlZFRpbWVcIlxuICAgIFt3ZWVrU3RhcnREYXldPVwid2Vla1N0YXJ0RGF5XCJcbiAgICBbZXh0cmFGb290ZXJdPVwiZXh0cmFGb290ZXJcIlxuICAgIFtmb290ZXJUZW1wbGF0ZV09XCJmb290ZXJUZW1wbGF0ZVwiXG4gICAgW2NsZWFyYWJsZV09XCJjbGVhcmFibGVcIlxuICAgIFtjbGVhclRleHRdPVwiY2xlYXJUZXh0XCJcbiAgICBbbWluRGF0ZV09XCJtaW5EYXRlXCJcbiAgICBbbWF4RGF0ZV09XCJtYXhEYXRlXCJcbiAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpXCJcbiAgICAoY2xlYXIpPVwiY2xlYXJWYWx1ZSgpXCJcbiAgICAoY29uZmlybSk9XCJ0b29sdGlwLmRpc3Bvc2VUb29sdGlwKCk7IGVtaXRWYWx1ZSh2YWx1ZSlcIlxuICA+PC9hdWktZGF0ZS1waWNrZXItcGFuZWw+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -32,7 +32,7 @@ export class RangePickerComponent extends CommonFormControl {
|
|
|
32
32
|
}
|
|
33
33
|
clearValue() {
|
|
34
34
|
this.value = null;
|
|
35
|
-
this.
|
|
35
|
+
this.emitValue(null);
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
RangePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: RangePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -42,7 +42,7 @@ RangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
42
42
|
useExisting: forwardRef(() => RangePickerComponent),
|
|
43
43
|
multi: true,
|
|
44
44
|
},
|
|
45
|
-
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false);
|
|
45
|
+
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: ["::ng-deep .aui-tooltip.range-picker-wrapper{max-width:none}:host{display:inline-block;width:260px}\n"], components: [{ type: i1.DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: i2.DateRangePickerPanelComponent, selector: "aui-date-range-picker-panel", inputs: ["clearable", "clearText", "showTime", "showFooter", "disabledDate", "disabledTime", "weekStartDay", "minDate", "maxDate"], outputs: ["clear", "confirm"] }], directives: [{ type: i3.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: RangePickerComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
48
|
args: [{ selector: 'aui-range-picker', encapsulation: ViewEncapsulation.Emulated, providers: [
|
|
@@ -51,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
|
|
|
51
51
|
useExisting: forwardRef(() => RangePickerComponent),
|
|
52
52
|
multi: true,
|
|
53
53
|
},
|
|
54
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false);
|
|
54
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: ["::ng-deep .aui-tooltip.range-picker-wrapper{max-width:none}:host{display:inline-block;width:260px}\n"] }]
|
|
55
55
|
}], propDecorators: { clearable: [{
|
|
56
56
|
type: Input
|
|
57
57
|
}], clearText: [{
|
|
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
|
|
|
77
77
|
}], openChange: [{
|
|
78
78
|
type: Output
|
|
79
79
|
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFuZ2UtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9kYXRlLXBpY2tlci9yYW5nZS1waWNrZXIvcmFuZ2UtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9kYXRlLXBpY2tlci9yYW5nZS1waWNrZXIvcmFuZ2UtcGlja2VyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEVBQ2pCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEtBQTRCLE1BQU0sT0FBTyxDQUFDO0FBRWpELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7Ozs7QUFvQjNELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxpQkFHekM7SUFuQkQ7O1FBcUJFLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFNakIsV0FBTSxHQUFHLFlBQVksQ0FBQztRQUd0QixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBR2xCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFHaEIsaUJBQVksR0FBbUIsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDO1FBUzNDLGlCQUFZLEdBQW9EO1lBQzlELElBQUksRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJO1lBQ2hCLEtBQUssRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJO1NBQ2xCLENBQUM7UUFHRixpQkFBWSxHQUFHLENBQUMsQ0FBQztRQU1qQixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQWtCMUM7SUFkVSxPQUFPLENBQUMsR0FBNkI7UUFDNUMsT0FBTyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVRLFVBQVUsQ0FBQyxHQUFtQjtRQUNyQyxLQUFLLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7O2lIQTFEVSxvQkFBb0I7cUdBQXBCLG9CQUFvQixnV0FWcEI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztZQUNuRCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsaURDNUJILGl0Q0FzQ0E7MkZETmEsb0JBQW9CO2tCQWhCaEMsU0FBUzsrQkFDRSxrQkFBa0IsaUJBSWIsaUJBQWlCLENBQUMsUUFBUSxhQUM5Qjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0YsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07OEJBUS9DLFNBQVM7c0JBRFIsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQU9OLFlBQVk7c0JBRFgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCBkYXlqcywgeyBDb25maWdUeXBlLCBEYXlqcyB9IGZyb20gJ2RheWpzJztcblxuaW1wb3J0IHsgQ29tbW9uRm9ybUNvbnRyb2wgfSBmcm9tICcuLi8uLi9mb3JtL2NvbW1vbi1mb3JtJztcbmltcG9ydCB7IENvbXBvbmVudFNpemUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBEaXNhYmxlZERhdGVGbiwgRGlzYWJsZWRUaW1lRm4gfSBmcm9tICcuLi9kYXRlLXBpY2tlci50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLXJhbmdlLXBpY2tlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYW5nZS1waWNrZXIudGVtcGxhdGUuaHRtbCcsXG4gIC8vIHByb3ZpZGUgdG9vbHRpcCBjbGFzc1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IHZhbGlkYXRlLWRlY29yYXRvcnNcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWQsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gUmFuZ2VQaWNrZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0eWxlVXJsczogWycuL3JhbmdlLXBpY2tlci5zdHlsZS5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJhbmdlUGlja2VyQ29tcG9uZW50IGV4dGVuZHMgQ29tbW9uRm9ybUNvbnRyb2w8XG4gIENvbmZpZ1R5cGVbXSxcbiAgRGF5anNbXVxuPiB7XG4gIEBJbnB1dCgpXG4gIGNsZWFyYWJsZSA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgY2xlYXJUZXh0OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZm9ybWF0ID0gJ1lZWVktTU0tREQnO1xuXG4gIEBJbnB1dCgpXG4gIHNob3dGb290ZXIgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHNob3dUaW1lID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICBkaXNhYmxlZERhdGU6IERpc2FibGVkRGF0ZUZuID0gKCkgPT4gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgbWluRGF0ZTogRGF5anM7XG5cbiAgQElucHV0KClcbiAgbWF4RGF0ZTogRGF5anM7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWRUaW1lOiB7IGxlZnQ6IERpc2FibGVkVGltZUZuOyByaWdodDogRGlzYWJsZWRUaW1lRm4gfSA9IHtcbiAgICBsZWZ0OiAoKSA9PiBudWxsLFxuICAgIHJpZ2h0OiAoKSA9PiBudWxsLFxuICB9O1xuXG4gIEBJbnB1dCgpXG4gIHdlZWtTdGFydERheSA9IDA7XG5cbiAgQElucHV0KClcbiAgc2l6ZTogQ29tcG9uZW50U2l6ZTtcblxuICBAT3V0cHV0KClcbiAgb3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICB2YWx1ZTogW0RheWpzLCBEYXlqc107XG5cbiAgb3ZlcnJpZGUgdmFsdWVJbihvYmo6IFtDb25maWdUeXBlLCBDb25maWdUeXBlXSkge1xuICAgIHJldHVybiBvYmo/Lm1hcChpID0+IGRheWpzKGkpKTtcbiAgfVxuXG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUob2JqOiBbRGF5anMsIERheWpzXSkge1xuICAgIHN1cGVyLndyaXRlVmFsdWUob2JqKTtcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgY2xlYXJWYWx1ZSgpIHtcbiAgICB0aGlzLnZhbHVlID0gbnVsbDtcbiAgICB0aGlzLmVtaXRWYWx1ZShudWxsKTtcbiAgfVxufVxuIiwiPGF1aS1kYXRlLXBpY2tlci10cmlnZ2VyXG4gIFtmb3JtYXRdPVwiZm9ybWF0XCJcbiAgW2lzUmFuZ2VdPVwidHJ1ZVwiXG4gIFtzaXplXT1cInNpemVcIlxuICBbdmFsdWVdPVwidmFsdWVcIlxuICBbYXVpVG9vbHRpcF09XCJ0ZW1wbGF0ZVwiXG4gIFtkaXNhYmxlZF09XCIhIWRpc2FibGVkXCJcbiAgc3R5bGU9XCJkaXNwbGF5OiBmbGV4XCJcbiAgYXVpVG9vbHRpcFR5cGU9XCJpbmZvXCJcbiAgYXVpVG9vbHRpcENsYXNzPVwicmFuZ2UtcGlja2VyLXdyYXBwZXJcIlxuICBhdWlUb29sdGlwUG9zaXRpb249XCJib3R0b20gc3RhcnRcIlxuICBhdWlUb29sdGlwVHJpZ2dlcj1cImNsaWNrXCJcbiAgW2F1aVRvb2x0aXBIaWRlT25DbGlja109XCJ0cnVlXCJcbiAgW2F1aVRvb2x0aXBEaXNhYmxlZF09XCIhIWRpc2FibGVkXCJcbiAgKGF1aVRvb2x0aXBIaWRlKT1cIm9wZW5DaGFuZ2UubmV4dChmYWxzZSk7IGVtaXRWYWx1ZSh2YWx1ZSlcIlxuICAoYXVpVG9vbHRpcFNob3cpPVwib3BlbkNoYW5nZS5uZXh0KHRydWUpXCJcbiAgKGNsZWFyKT1cImNsZWFyVmFsdWUoKVwiXG4gICN0b29sdGlwPVwiYXVpVG9vbHRpcFwiXG4+PC9hdWktZGF0ZS1waWNrZXItdHJpZ2dlcj5cblxuPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cbiAgPGF1aS1kYXRlLXJhbmdlLXBpY2tlci1wYW5lbFxuICAgIHN0eWxlPVwicGFkZGluZy10b3A6IDlweDsgZGlzcGxheTogaW5saW5lLWJsb2NrXCJcbiAgICBbc2hvd1RpbWVdPVwic2hvd1RpbWVcIlxuICAgIFtzaG93Rm9vdGVyXT1cInNob3dGb290ZXJcIlxuICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxuICAgIFtkaXNhYmxlZERhdGVdPVwiZGlzYWJsZWREYXRlXCJcbiAgICBbZGlzYWJsZWRUaW1lXT1cImRpc2FibGVkVGltZVwiXG4gICAgW3dlZWtTdGFydERheV09XCJ3ZWVrU3RhcnREYXlcIlxuICAgIFtjbGVhcmFibGVdPVwiY2xlYXJhYmxlXCJcbiAgICBbY2xlYXJUZXh0XT1cImNsZWFyVGV4dFwiXG4gICAgW21pbkRhdGVdPVwibWluRGF0ZVwiXG4gICAgW21heERhdGVdPVwibWF4RGF0ZVwiXG4gICAgKGNsaWNrKT1cIiRldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKVwiXG4gICAgKGNsZWFyKT1cImNsZWFyVmFsdWUoKVwiXG4gICAgKGNvbmZpcm0pPVwidG9vbHRpcC5kaXNwb3NlVG9vbHRpcCgpOyBlbWl0VmFsdWUodmFsdWUpXCJcbiAgPjwvYXVpLWRhdGUtcmFuZ2UtcGlja2VyLXBhbmVsPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -36,10 +36,10 @@ export class DatePickerTriggerComponent {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
DatePickerTriggerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatePickerTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
DatePickerTriggerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: { format: "format", size: "size", isRange: "isRange", value: "value", clearable: "clearable", placeholder: "placeholder", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", disabled: "disabled" }, outputs: { blur: "blur", clear: "clear" }, viewQueries: [{ propertyName: "focusInputRef", first: true, predicate: ["focusRef"], descendants: true }], ngImport: i0, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span class=\"placeholder\" (click)=\"focusInput()\">{{\n 'to' | auiI18n\n }}</span>\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span [class]=\"bem.element('addon')\" (click)=\"focusInput()\">\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"close_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["@charset \"UTF-8\";aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus
|
|
39
|
+
DatePickerTriggerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: { format: "format", size: "size", isRange: "isRange", value: "value", clearable: "clearable", placeholder: "placeholder", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", disabled: "disabled" }, outputs: { blur: "blur", clear: "clear" }, viewQueries: [{ propertyName: "focusInputRef", first: true, predicate: ["focusRef"], descendants: true }], ngImport: i0, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span class=\"placeholder\" (click)=\"focusInput()\">{{\n 'to' | auiI18n\n }}</span>\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span [class]=\"bem.element('addon')\" (click)=\"focusInput()\">\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"close_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["@charset \"UTF-8\";aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}:host{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--medium{height:30px}.aui-date-picker-trigger__container .aui-input--large{height:38px}.aui-date-picker-trigger__container .aui-input--small{height:26px}.aui-date-picker-trigger__container .aui-input--mini{height:22px}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:16px;width:16px;height:16px;line-height:16px}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:#fff;background-color:rgb(var(--aui-color-help-text))}\n"], components: [{ type: i1.InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "auiI18n": i4.I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DatePickerTriggerComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'aui-date-picker-trigger', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span class=\"placeholder\" (click)=\"focusInput()\">{{\n 'to' | auiI18n\n }}</span>\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span [class]=\"bem.element('addon')\" (click)=\"focusInput()\">\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"close_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["@charset \"UTF-8\";aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus
|
|
42
|
+
args: [{ selector: 'aui-date-picker-trigger', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span class=\"placeholder\" (click)=\"focusInput()\">{{\n 'to' | auiI18n\n }}</span>\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span [class]=\"bem.element('addon')\" (click)=\"focusInput()\">\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"close_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["@charset \"UTF-8\";aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}:host{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--medium{height:30px}.aui-date-picker-trigger__container .aui-input--large{height:38px}.aui-date-picker-trigger__container .aui-input--small{height:26px}.aui-date-picker-trigger__container .aui-input--mini{height:22px}.aui-date-picker-trigger__container.isFocused:not(.disabled){border-color:rgb(var(--aui-color-primary))}:root .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-date-picker-trigger__container.isFocused:not(.disabled){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-date-picker-trigger__container .aui-input{border:none;background-color:transparent!important}.aui-date-picker-trigger__container .aui-input:hover{cursor:pointer}.aui-date-picker-trigger__container .aui-input:focus{outline:none;box-shadow:none}.aui-date-picker-trigger__container.disabled{background:rgb(var(--aui-color-n-8));border:1px solid rgb(var(--aui-color-n-7))!important}.aui-date-picker-trigger__container.disabled .aui-input{background:transparent;cursor:not-allowed;color:rgb(var(--aui-color-n-7))}.aui-date-picker-trigger__container.disabled:hover{cursor:not-allowed}.aui-date-picker-trigger__content{flex:1;display:flex;align-items:center}.aui-date-picker-trigger__content .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-picker-trigger__addon{color:rgb(var(--aui-color-help-text));margin-right:8px;font-size:16px;width:16px;height:16px;line-height:16px}.aui-date-picker-trigger__addon .clear{display:inline-flex;border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-date-picker-trigger__addon .clear:hover{color:#fff;background-color:rgb(var(--aui-color-help-text))}\n"] }]
|
|
43
43
|
}], ctorParameters: function () { return []; }, propDecorators: { format: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], size: [{
|
|
@@ -48,10 +48,10 @@ export class DialogComponent {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DialogComponent, selector: "aui-dialog", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.
|
|
51
|
+
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DialogComponent, selector: "aui-dialog", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DialogComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
|
-
args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.
|
|
54
|
+
args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@charset \"UTF-8\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"] }]
|
|
55
55
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { portalOutlet: [{
|
|
56
56
|
type: ViewChild,
|
|
57
57
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -178,10 +178,10 @@ export class DrawerComponent extends DrawerRef {
|
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
180
|
DrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DrawerComponent, deps: [{ token: i0.ViewContainerRef }, { token: i1.Overlay }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
181
|
-
DrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DrawerComponent, selector: "aui-drawer", inputs: { title: "title", footer: "footer", size: "size", offsetY: "offsetY", visible: "visible", content: "content", hideOnClickOutside: "hideOnClickOutside", showClose: "showClose", drawerClass: "drawerClass", mask: "mask", maskClosable: "maskClosable", divider: "divider", width: "width" }, outputs: { drawerViewInit: "drawerViewInit", close: "close" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: DrawerHeaderDirective, descendants: true, read: TemplateRef }, { propertyName: "contentTemplate", first: true, predicate: DrawerContentDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: DrawerFooterDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "drawerTemplate", first: true, predicate: ["drawerTemplate"], descendants: true, static: true }, { propertyName: "bodyPortalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div class=\"aui-drawer__close\" *ngIf=\"showClose\" (click)=\"dispose()\">\n <aui-icon icon=\"close\"></aui-icon>\n </div>\n </div>\n\n <div class=\"aui-drawer__body\">\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div *ngIf=\"footer || footerTemplate\" class=\"aui-drawer__footer\">\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.
|
|
181
|
+
DrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DrawerComponent, selector: "aui-drawer", inputs: { title: "title", footer: "footer", size: "size", offsetY: "offsetY", visible: "visible", content: "content", hideOnClickOutside: "hideOnClickOutside", showClose: "showClose", drawerClass: "drawerClass", mask: "mask", maskClosable: "maskClosable", divider: "divider", width: "width" }, outputs: { drawerViewInit: "drawerViewInit", close: "close" }, queries: [{ propertyName: "titleTemplate", first: true, predicate: DrawerHeaderDirective, descendants: true, read: TemplateRef }, { propertyName: "contentTemplate", first: true, predicate: DrawerContentDirective, descendants: true, read: TemplateRef }, { propertyName: "footerTemplate", first: true, predicate: DrawerFooterDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "drawerTemplate", first: true, predicate: ["drawerTemplate"], descendants: true, static: true }, { propertyName: "bodyPortalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div class=\"aui-drawer__close\" *ngIf=\"showClose\" (click)=\"dispose()\">\n <aui-icon icon=\"close\"></aui-icon>\n </div>\n </div>\n\n <div class=\"aui-drawer__body\">\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div *ngIf=\"footer || footerTemplate\" class=\"aui-drawer__footer\">\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{margin:20px 20px 0;display:flex;justify-content:space-between}.aui-drawer.hasDivider .aui-drawer__header{margin:20px 20px -4px;padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;margin-left:16px;display:flex;align-items:center;font-size:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{margin:20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{margin:-4px 20px 20px;padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"], components: [{ type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
182
182
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DrawerComponent, decorators: [{
|
|
183
183
|
type: Component,
|
|
184
|
-
args: [{ selector: 'aui-drawer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div class=\"aui-drawer__close\" *ngIf=\"showClose\" (click)=\"dispose()\">\n <aui-icon icon=\"close\"></aui-icon>\n </div>\n </div>\n\n <div class=\"aui-drawer__body\">\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div *ngIf=\"footer || footerTemplate\" class=\"aui-drawer__footer\">\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.
|
|
184
|
+
args: [{ selector: 'aui-drawer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawerTemplate>\n <div\n *ngIf=\"mask\"\n class=\"aui-drawer-mask\"\n [class.isOpen]=\"visible\"\n (click)=\"maskClick()\"\n ></div>\n <div\n [style.marginTop]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.isOpen]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div class=\"aui-drawer__content\">\n <div class=\"aui-drawer__body-wrapper\">\n <div class=\"aui-drawer__header\">\n <div class=\"aui-drawer__title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div class=\"aui-drawer__close\" *ngIf=\"showClose\" (click)=\"dispose()\">\n <aui-icon icon=\"close\"></aui-icon>\n </div>\n </div>\n\n <div class=\"aui-drawer__body\">\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div *ngIf=\"footer || footerTemplate\" class=\"aui-drawer__footer\">\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || footerTemplate\"\n [ngTemplateOutlet]=\"$any(footer || footerTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";.aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0}:root .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer-mask{background-color:rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-drawer.isOpen .aui-drawer__content{box-shadow:-2px 0 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{margin:20px 20px 0;display:flex;justify-content:space-between}.aui-drawer.hasDivider .aui-drawer__header{margin:20px 20px -4px;padding-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;margin-left:16px;display:flex;align-items:center;font-size:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-flow:column nowrap;position:relative;z-index:1}.aui-drawer__body{margin:20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{margin:-4px 20px 20px;padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}\n"] }]
|
|
185
185
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i1.Overlay }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
|
|
186
186
|
type: Input
|
|
187
187
|
}], footer: [{
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { Directive, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
2
|
import { ReplaySubject } from 'rxjs';
|
|
3
|
-
import { publishReplay, refCount, tap } from 'rxjs/operators';
|
|
4
3
|
import { coerceAttrBoolean } from '../utils';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
/**
|
|
@@ -12,12 +11,13 @@ export class CommonFormControl {
|
|
|
12
11
|
constructor(cdr) {
|
|
13
12
|
this.cdr = cdr;
|
|
14
13
|
this.valueChange = new EventEmitter();
|
|
15
|
-
this.value$$ = new ReplaySubject(1);
|
|
16
14
|
this._disabled = false;
|
|
17
|
-
this.
|
|
18
|
-
this.
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
this.model = null;
|
|
16
|
+
this.model$ = new ReplaySubject(1);
|
|
17
|
+
this.model$.subscribe(m => {
|
|
18
|
+
this.model = m;
|
|
19
|
+
this.cdr.markForCheck();
|
|
20
|
+
});
|
|
21
21
|
}
|
|
22
22
|
get disabled() {
|
|
23
23
|
return this._disabled;
|
|
@@ -52,12 +52,12 @@ export class CommonFormControl {
|
|
|
52
52
|
this.cdr.markForCheck();
|
|
53
53
|
}
|
|
54
54
|
writeValue(value) {
|
|
55
|
-
this.
|
|
55
|
+
this.model$.next(this.valueIn(value));
|
|
56
56
|
}
|
|
57
|
-
|
|
58
|
-
this.
|
|
57
|
+
emitModel(model) {
|
|
58
|
+
this.emitValue(this.modelOut(model));
|
|
59
59
|
}
|
|
60
|
-
|
|
60
|
+
emitValue(value) {
|
|
61
61
|
if (this.onChange) {
|
|
62
62
|
this.onChange(value);
|
|
63
63
|
this.writeValue(value);
|
|
@@ -67,8 +67,8 @@ export class CommonFormControl {
|
|
|
67
67
|
valueIn(v) {
|
|
68
68
|
return v;
|
|
69
69
|
}
|
|
70
|
-
|
|
71
|
-
return
|
|
70
|
+
modelOut(m) {
|
|
71
|
+
return m;
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
CommonFormControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: CommonFormControl, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -89,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
|
|
|
89
89
|
* @deprecated use {@link CommonFormControl} instead
|
|
90
90
|
*/
|
|
91
91
|
export const CommonForm = CommonFormControl;
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLWZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybS9jb21tb24tZm9ybS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sVUFBVSxDQUFDOztBQUU3Qzs7O0dBR0c7QUFFSCxrREFBa0Q7QUFDbEQsTUFBTSxPQUFPLGlCQUFpQjtJQXdDNUIsWUFBc0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFWNUMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBSyxDQUFDO1FBSzVCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFMUIsVUFBSyxHQUFNLElBQUksQ0FBQztRQUNoQixXQUFNLEdBQUcsSUFBSSxhQUFhLENBQUksQ0FBQyxDQUFDLENBQUM7UUFHL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDZixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQTVDRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEdBQWlCO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsaUJBQWlCLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFBSSxRQUFRLENBQUMsR0FBRztRQUNkLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUNELElBQUksU0FBUyxDQUFDLEdBQUc7UUFDZixJQUFJLEdBQUcsS0FBSyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzNCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQW9CRCxnQkFBZ0IsQ0FBQyxFQUFrQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7UUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVE7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBUTtRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVE7UUFDaEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4QjtRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFUyxPQUFPLENBQUMsQ0FBSTtRQUNwQixPQUFPLENBQVEsQ0FBQztJQUNsQixDQUFDO0lBRVMsUUFBUSxDQUFDLENBQUk7UUFDckIsT0FBTyxDQUFRLENBQUM7SUFDbEIsQ0FBQzs7OEdBbEZVLGlCQUFpQjtrR0FBakIsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBRjdCLFNBQVM7d0dBSUosUUFBUTtzQkFEWCxLQUFLO2dCQVNGLFFBQVE7c0JBRFgsS0FBSztnQkFTRixTQUFTO3NCQURaLEtBQUs7dUJBQUMsT0FBTztnQkFhZCxXQUFXO3NCQURWLE1BQU07O0FBd0RUOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIERpcmVjdGl2ZSxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUmVwbGF5U3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBjb2VyY2VBdHRyQm9vbGVhbiB9IGZyb20gJy4uL3V0aWxzJztcblxuLyoqXG4gKiBmb3JtIGNvbnRyb2wg5YaF6YOo5LiN5L+d5oyBIHZhbHVlIOWxnuaAp++8jOW9k+S4jeS9v+eUqCBuZ01vZGVsIOaXtuWPr+S7pemAmui/hyBbKHZhbHVlKV0g5a6e546w5Y+M5ZCR57uR5a6a77ybXG4gKiDkuZ/lj6/ku6XliIbliKvkvKDlhaUgdmFsdWUg5ZKMIOebkeWQrCB2YWx1ZUNoYW5nZSDkuovku7bku6Xlrp7njrDpmLvmlq3nlKjmiLfmk43kvZznmoTlip/og73jgIJcbiAqL1xuQERpcmVjdGl2ZSgpXG4vLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6ZGlyZWN0aXZlLWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIENvbW1vbkZvcm1Db250cm9sPFYsIE0gPSBWPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KClcbiAgZ2V0IGRpc2FibGVkKCkge1xuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcbiAgfVxuICBzZXQgZGlzYWJsZWQodmFsOiBib29sZWFuIHwgJycpIHtcbiAgICB0aGlzLl9kaXNhYmxlZCA9IGNvZXJjZUF0dHJCb29sZWFuKHZhbCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBnZXQgcmVhZG9ubHkoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQ7XG4gIH1cbiAgc2V0IHJlYWRvbmx5KHZhbCkge1xuICAgIHRoaXMuZGlzYWJsZWQgPSB2YWw7XG4gIH1cblxuICBASW5wdXQoJ3ZhbHVlJylcbiAgZ2V0IHByb3BWYWx1ZSgpIHtcbiAgICByZXR1cm4gdGhpcy5fcHJvcFZhbHVlO1xuICB9XG4gIHNldCBwcm9wVmFsdWUodmFsKSB7XG4gICAgaWYgKHZhbCA9PT0gdGhpcy5fcHJvcFZhbHVlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuX3Byb3BWYWx1ZSA9IHZhbDtcbiAgICB0aGlzLndyaXRlVmFsdWUodmFsKTtcbiAgfVxuXG4gIEBPdXRwdXQoKVxuICB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Vj4oKTtcblxuICBwcm90ZWN0ZWQgb25DaGFuZ2U6IChfOiBWKSA9PiB2b2lkO1xuICBwcm90ZWN0ZWQgb25Ub3VjaGVkOiAoKSA9PiB2b2lkO1xuICBwcml2YXRlIF9wcm9wVmFsdWU6IFY7XG4gIHByaXZhdGUgX2Rpc2FibGVkID0gZmFsc2U7XG5cbiAgbW9kZWw6IE0gPSBudWxsO1xuICBtb2RlbCQgPSBuZXcgUmVwbGF5U3ViamVjdDxNPigxKTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHRoaXMubW9kZWwkLnN1YnNjcmliZShtID0+IHtcbiAgICAgIHRoaXMubW9kZWwgPSBtO1xuICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAoXzogVikgPT4gdm9pZCkge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKSB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbikge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogVikge1xuICAgIHRoaXMubW9kZWwkLm5leHQodGhpcy52YWx1ZUluKHZhbHVlKSk7XG4gIH1cblxuICBlbWl0TW9kZWwobW9kZWw6IE0pIHtcbiAgICB0aGlzLmVtaXRWYWx1ZSh0aGlzLm1vZGVsT3V0KG1vZGVsKSk7XG4gIH1cblxuICBlbWl0VmFsdWUodmFsdWU6IFYpIHtcbiAgICBpZiAodGhpcy5vbkNoYW5nZSkge1xuICAgICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgICB0aGlzLndyaXRlVmFsdWUodmFsdWUpO1xuICAgIH1cbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodmFsdWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHZhbHVlSW4odjogVik6IE0ge1xuICAgIHJldHVybiB2IGFzIGFueTtcbiAgfVxuXG4gIHByb3RlY3RlZCBtb2RlbE91dChtOiBNKTogViB7XG4gICAgcmV0dXJuIG0gYXMgYW55O1xuICB9XG59XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgdXNlIHtAbGluayBDb21tb25Gb3JtQ29udHJvbH0gaW5zdGVhZFxuICovXG5leHBvcnQgY29uc3QgQ29tbW9uRm9ybSA9IENvbW1vbkZvcm1Db250cm9sO1xuIl19
|
|
@@ -49,10 +49,10 @@ export class InputComponent {
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: InputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: { size: "size", disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";.aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;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;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus
|
|
52
|
+
InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: { size: "size", disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";.aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;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;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[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}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
53
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: InputComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
|
-
args: [{ selector: 'input[aui-input],textarea[aui-input]', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, styles: ["@charset \"UTF-8\";.aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;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;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus
|
|
55
|
+
args: [{ selector: 'input[aui-input],textarea[aui-input]', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, styles: ["@charset \"UTF-8\";.aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;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;text-overflow:ellipsis}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-main-text))}}.aui-input:-webkit-autofill{animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-outer-spin-button,.aui-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::placeholder{color:rgb(var(--aui-color-placeholder-text))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input:focus,.aui-input.isFocused{border-color:rgb(var(--aui-color-primary))}:root .aui-input:focus,:root .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-input:focus,html[aui-theme-mode=light] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input:focus,html[aui-theme-mode=system] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-input:focus,html[aui-theme-mode=dark] .aui-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important;cursor:default}.aui-input[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}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}:root .aui-input.ng-invalid.ng-dirty:focus,:root .aui-input.ng-invalid.ng-dirty.isFocused,:root .ng-submitted .aui-input.ng-invalid:focus,:root .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=light] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=light] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=system] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=system] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty:focus,html[aui-theme-mode=dark] .aui-input.ng-invalid.ng-dirty.isFocused,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid:focus,html[aui-theme-mode=dark] .ng-submitted .aui-input.ng-invalid.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}\n"] }]
|
|
56
56
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { size: [{
|
|
57
57
|
type: Input
|
|
58
58
|
}], disabled: [{
|