@alauda/ui 7.4.2-beta.7 → 7.4.2-beta.9
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/date-picker/date-picker/date-picker.component.d.ts +2 -4
- package/date-picker/trigger/trigger.component.d.ts +12 -4
- package/esm2022/date-picker/calendar/header/component.mjs +3 -3
- package/esm2022/date-picker/date-picker/date-picker.component.mjs +2 -17
- package/esm2022/date-picker/range-picker/range-picker.component.mjs +2 -3
- package/esm2022/date-picker/trigger/trigger.component.mjs +62 -8
- package/fesm2022/alauda-ui.mjs +64 -26
- package/fesm2022/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,12 +1,46 @@
|
|
|
1
1
|
import { NgClass, NgIf } from '@angular/common';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, computed, inject, signal, } from '@angular/core';
|
|
3
3
|
import { I18nPipe } from '../../i18n/i18n.pipe';
|
|
4
4
|
import { IconComponent } from '../../icon/icon.component';
|
|
5
5
|
import { InputComponent } from '../../input/input.component';
|
|
6
6
|
import { buildBem } from '../../internal/utils';
|
|
7
|
+
import { I18nService } from 'src/i18n';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
const bem = buildBem('aui-date-picker-trigger');
|
|
9
10
|
export class DatePickerTriggerComponent {
|
|
11
|
+
get value() {
|
|
12
|
+
return this.$$value();
|
|
13
|
+
}
|
|
14
|
+
set value(val) {
|
|
15
|
+
const currentValue = this.$$value();
|
|
16
|
+
if (Array.isArray(val)) {
|
|
17
|
+
if (!Array.isArray(currentValue) ||
|
|
18
|
+
val.some((v, i) => !v.isSame(currentValue[i]))) {
|
|
19
|
+
this.$$value.set(val);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
if (Array.isArray(currentValue) || !val?.isSame(currentValue)) {
|
|
24
|
+
this.$$value.set(val);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
get format() {
|
|
29
|
+
return this.$$format();
|
|
30
|
+
}
|
|
31
|
+
set format(val) {
|
|
32
|
+
if (this.$$format() !== val) {
|
|
33
|
+
this.$$format.set(val);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
get isRange() {
|
|
37
|
+
return this.$$isRange();
|
|
38
|
+
}
|
|
39
|
+
set isRange(val) {
|
|
40
|
+
if (this.$$isRange() !== val) {
|
|
41
|
+
this.$$isRange.set(val);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
10
44
|
get isFocus() {
|
|
11
45
|
return this.isRange ? this.leftFocus || this.rightFocus : this.centerFocus;
|
|
12
46
|
}
|
|
@@ -19,7 +53,6 @@ export class DatePickerTriggerComponent {
|
|
|
19
53
|
return !this.disabled && this.clearable && this.hasValue && this.hovered;
|
|
20
54
|
}
|
|
21
55
|
constructor() {
|
|
22
|
-
this.format = 'YYYY-MM-DD';
|
|
23
56
|
this.clearable = true;
|
|
24
57
|
this.disabled = false;
|
|
25
58
|
this.blur = new EventEmitter();
|
|
@@ -29,24 +62,45 @@ export class DatePickerTriggerComponent {
|
|
|
29
62
|
this.rightFocus = false;
|
|
30
63
|
this.hovered = false;
|
|
31
64
|
this.bem = bem;
|
|
65
|
+
this.i18nService = inject(I18nService);
|
|
66
|
+
this.$$value = signal(null);
|
|
67
|
+
this.$$format = signal(null);
|
|
68
|
+
this.$$isRange = signal(null);
|
|
69
|
+
this.$formatValue = computed(() => {
|
|
70
|
+
const format = this.$$format();
|
|
71
|
+
const value = this.$$value();
|
|
72
|
+
const isRange = this.$$isRange();
|
|
73
|
+
const locale = this.i18nService.$locale();
|
|
74
|
+
if (!value) {
|
|
75
|
+
return isRange ? [null, null] : null;
|
|
76
|
+
}
|
|
77
|
+
if (this.format) {
|
|
78
|
+
return Array.isArray(value)
|
|
79
|
+
? value.map(v => v.format(format))
|
|
80
|
+
: value.format(format);
|
|
81
|
+
}
|
|
82
|
+
return Array.isArray(value)
|
|
83
|
+
? value.map(v => v.toDate().toLocaleDateString(locale))
|
|
84
|
+
: value.toDate().toLocaleDateString(locale);
|
|
85
|
+
});
|
|
32
86
|
this.focusInput = this.focusInput.bind(this);
|
|
33
87
|
}
|
|
34
88
|
focusInput() {
|
|
35
89
|
this.focusInputRef.elementRef.nativeElement.focus();
|
|
36
90
|
}
|
|
37
91
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: DatePickerTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: DatePickerTriggerComponent, isStandalone: true, 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\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\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\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_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: ["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)}aui-date-picker-trigger{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);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.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!important}.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:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.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:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: I18nPipe, name: "auiI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: DatePickerTriggerComponent, isStandalone: true, selector: "aui-date-picker-trigger", inputs: { value: "value", format: "format", isRange: "isRange", size: "size", 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($formatValue() || [])[0]\"\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\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any($formatValue() || [])[1]\"\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($formatValue())\"\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\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_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: ["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)}aui-date-picker-trigger{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);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.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!important}.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:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.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:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: I18nPipe, name: "auiI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
39
93
|
}
|
|
40
94
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: DatePickerTriggerComponent, decorators: [{
|
|
41
95
|
type: Component,
|
|
42
|
-
args: [{ selector: 'aui-date-picker-trigger', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, NgIf, InputComponent, IconComponent, I18nPipe], 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(
|
|
43
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
96
|
+
args: [{ selector: 'aui-date-picker-trigger', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, NgIf, InputComponent, IconComponent, I18nPipe], 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($formatValue() || [])[0]\"\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\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any($formatValue() || [])[1]\"\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($formatValue())\"\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\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_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: ["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)}aui-date-picker-trigger{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);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.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!important}.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:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.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:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"] }]
|
|
97
|
+
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
44
98
|
type: Input
|
|
45
|
-
}],
|
|
99
|
+
}], format: [{
|
|
46
100
|
type: Input
|
|
47
101
|
}], isRange: [{
|
|
48
102
|
type: Input
|
|
49
|
-
}],
|
|
103
|
+
}], size: [{
|
|
50
104
|
type: Input
|
|
51
105
|
}], clearable: [{
|
|
52
106
|
type: Input
|
|
@@ -66,4 +120,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
66
120
|
type: ViewChild,
|
|
67
121
|
args: ['focusRef', { static: false }]
|
|
68
122
|
}] } });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJpZ2dlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZGF0ZS1waWNrZXIvdHJpZ2dlci90cmlnZ2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9kYXRlLXBpY2tlci90cmlnZ2VyL3RyaWdnZXIudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFN0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQUVoRCxNQUFNLEdBQUcsR0FBRyxRQUFRLENBQUMseUJBQXlCLENBQUMsQ0FBQztBQVdoRCxNQUFNLE9BQU8sMEJBQTBCO0lBMkNyQyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUM3RSxDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsT0FBTztZQUNqQixDQUFDLENBQUUsSUFBSSxDQUFDLEtBQWlCLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSyxJQUFJLENBQUMsS0FBaUIsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUM5RCxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQzNFLENBQUM7SUFFRDtRQXZEQSxXQUFNLEdBQUcsWUFBWSxDQUFDO1FBWXRCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFZakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUdoQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUtqQyxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixRQUFHLEdBQUcsR0FBRyxDQUFDO1FBaUJSLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEQsQ0FBQzs4R0EvRFUsMEJBQTBCO2tHQUExQiwwQkFBMEIsMmNDN0J2Qyw2K0RBc0VBLHNzTkQzQ1ksT0FBTyxvRkFBRSxJQUFJLDZGQUFFLGNBQWMsK0dBQUUsYUFBYSx1SkFBRSxRQUFROzsyRkFFckQsMEJBQTBCO2tCQVR0QyxTQUFTOytCQUNFLHlCQUF5QixtQkFHbEIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxjQUN6QixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxhQUFhLEVBQUUsUUFBUSxDQUFDOzBFQUlqRSxNQUFNO3NCQURMLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLElBQUk7c0JBREgsTUFBTTtnQkFJUCxLQUFLO3NCQURKLE1BQU07Z0JBSVAsYUFBYTtzQkFEWixTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYXlqcyB9IGZyb20gJ2RheWpzJztcblxuaW1wb3J0IHsgSTE4blBpcGUgfSBmcm9tICcuLi8uLi9pMThuL2kxOG4ucGlwZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJbnB1dENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2lucHV0L2lucHV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21wb25lbnRTaXplIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWwvdHlwZXMnO1xuaW1wb3J0IHsgYnVpbGRCZW0gfSBmcm9tICcuLi8uLi9pbnRlcm5hbC91dGlscyc7XG5cbmNvbnN0IGJlbSA9IGJ1aWxkQmVtKCdhdWktZGF0ZS1waWNrZXItdHJpZ2dlcicpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdWktZGF0ZS1waWNrZXItdHJpZ2dlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90cmlnZ2VyLnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90cmlnZ2VyLnN0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBOZ0lmLCBJbnB1dENvbXBvbmVudCwgSWNvbkNvbXBvbmVudCwgSTE4blBpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRlUGlja2VyVHJpZ2dlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGZvcm1hdCA9ICdZWVlZLU1NLUREJztcblxuICBASW5wdXQoKVxuICBzaXplOiBDb21wb25lbnRTaXplO1xuXG4gIEBJbnB1dCgpXG4gIGlzUmFuZ2U6IGJvb2xlYW47XG5cbiAgQElucHV0KClcbiAgdmFsdWU6IERheWpzIHwgRGF5anNbXTtcblxuICBASW5wdXQoKVxuICBjbGVhcmFibGUgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3RhcnRQbGFjZWhvbGRlcjogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGVuZFBsYWNlaG9sZGVyOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KClcbiAgY2xlYXIgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQFZpZXdDaGlsZCgnZm9jdXNSZWYnLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgZm9jdXNJbnB1dFJlZjogSW5wdXRDb21wb25lbnQ7XG5cbiAgY2VudGVyRm9jdXMgPSBmYWxzZTtcbiAgbGVmdEZvY3VzID0gZmFsc2U7XG4gIHJpZ2h0Rm9jdXMgPSBmYWxzZTtcbiAgaG92ZXJlZCA9IGZhbHNlO1xuICBiZW0gPSBiZW07XG5cbiAgZ2V0IGlzRm9jdXMoKSB7XG4gICAgcmV0dXJuIHRoaXMuaXNSYW5nZSA/IHRoaXMubGVmdEZvY3VzIHx8IHRoaXMucmlnaHRGb2N1cyA6IHRoaXMuY2VudGVyRm9jdXM7XG4gIH1cblxuICBnZXQgaGFzVmFsdWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuaXNSYW5nZVxuICAgICAgPyAodGhpcy52YWx1ZSBhcyBEYXlqc1tdKT8uWzBdIHx8ICh0aGlzLnZhbHVlIGFzIERheWpzW10pPy5bMV1cbiAgICAgIDogISF0aGlzLnZhbHVlO1xuICB9XG5cbiAgZ2V0IHNob3dDbGVhcigpIHtcbiAgICByZXR1cm4gIXRoaXMuZGlzYWJsZWQgJiYgdGhpcy5jbGVhcmFibGUgJiYgdGhpcy5oYXNWYWx1ZSAmJiB0aGlzLmhvdmVyZWQ7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmZvY3VzSW5wdXQgPSB0aGlzLmZvY3VzSW5wdXQuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGZvY3VzSW5wdXQoKSB7XG4gICAgdGhpcy5mb2N1c0lucHV0UmVmLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG59XG4iLCI8ZGl2XG4gIFtjbGFzc109XCJiZW0uZWxlbWVudCgnY29udGFpbmVyJylcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgaXNGb2N1c2VkOiBpc0ZvY3VzLFxuICAgIGlzUmFuZ2U6IGlzUmFuZ2UsXG4gICAgZGlzYWJsZWQ6IGRpc2FibGVkXG4gIH1cIlxuICAobW91c2VlbnRlcik9XCJob3ZlcmVkID0gdHJ1ZVwiXG4gIChtb3VzZWxlYXZlKT1cImhvdmVyZWQgPSBmYWxzZVwiXG4+XG4gIDxzcGFuIFtjbGFzc109XCJiZW0uZWxlbWVudCgnY29udGVudCcpXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzUmFuZ2VcIj5cbiAgICAgIDxpbnB1dFxuICAgICAgICBzdHlsZT1cImZsZXg6IDFcIlxuICAgICAgICBhdWktaW5wdXRcbiAgICAgICAgI2ZvY3VzUmVmXG4gICAgICAgIFt2YWx1ZV09XCIkYW55KHZhbHVlIHx8IFtdKVswXT8uZm9ybWF0KGZvcm1hdClcIlxuICAgICAgICBbcmVhZG9ubHldPVwidHJ1ZVwiXG4gICAgICAgIFtzaXplXT1cInNpemVcIlxuICAgICAgICAoZm9jdXMpPVwibGVmdEZvY3VzID0gdHJ1ZVwiXG4gICAgICAgIChibHVyKT1cImxlZnRGb2N1cyA9IGZhbHNlOyBibHVyLm5leHQoKVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJzdGFydFBsYWNlaG9sZGVyIHx8ICgnc3RhcnRfZGF0ZScgfCBhdWlJMThuKVwiXG4gICAgICAvPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3M9XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIChjbGljayk9XCJmb2N1c0lucHV0KClcIlxuICAgICAgICA+e3sgJ3RvJyB8IGF1aUkxOG4gfX08L3NwYW5cbiAgICAgID5cbiAgICAgIDxpbnB1dFxuICAgICAgICBzdHlsZT1cImZsZXg6IDFcIlxuICAgICAgICBhdWktaW5wdXRcbiAgICAgICAgW3ZhbHVlXT1cIiRhbnkodmFsdWUgfHwgW10pWzFdPy5mb3JtYXQoZm9ybWF0KVwiXG4gICAgICAgIFtyZWFkb25seV09XCJ0cnVlXCJcbiAgICAgICAgW3NpemVdPVwic2l6ZVwiXG4gICAgICAgIChmb2N1cyk9XCJyaWdodEZvY3VzID0gdHJ1ZVwiXG4gICAgICAgIChibHVyKT1cInJpZ2h0Rm9jdXMgPSBmYWxzZTsgYmx1ci5uZXh0KClcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZW5kUGxhY2Vob2xkZXIgfHwgKCdlbmRfZGF0ZScgfCBhdWlJMThuKVwiXG4gICAgICAvPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNSYW5nZVwiPlxuICAgICAgPGlucHV0XG4gICAgICAgIGF1aS1pbnB1dFxuICAgICAgICBhdWlUb29sdGlwVHlwZT1cInBsYWluXCJcbiAgICAgICAgW3ZhbHVlXT1cIiRhbnkodmFsdWUpPy5mb3JtYXQoZm9ybWF0KVwiXG4gICAgICAgIFtyZWFkb25seV09XCJ0cnVlXCJcbiAgICAgICAgI2ZvY3VzUmVmXG4gICAgICAgIFtzaXplXT1cInNpemVcIlxuICAgICAgICBhdWlUb29sdGlwVHlwZT1cImluZm9cIlxuICAgICAgICAoZm9jdXMpPVwiY2VudGVyRm9jdXMgPSB0cnVlXCJcbiAgICAgICAgKGJsdXIpPVwiY2VudGVyRm9jdXMgPSBmYWxzZTsgYmx1ci5uZXh0KClcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXIgfHwgKCdzZWxlY3RfZGF0ZScgfCBhdWlJMThuKVwiXG4gICAgICAvPlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L3NwYW4+XG4gIDxzcGFuXG4gICAgW2NsYXNzXT1cImJlbS5lbGVtZW50KCdhZGRvbicpXCJcbiAgICAoY2xpY2spPVwiZm9jdXNJbnB1dCgpXCJcbiAgPlxuICAgIDxhdWktaWNvblxuICAgICAgKm5nSWY9XCJzaG93Q2xlYXI7IGVsc2UgY2FsZW5kYXJcIlxuICAgICAgY2xhc3M9XCJjbGVhclwiXG4gICAgICBzaXplPVwiMTZweFwiXG4gICAgICBpY29uPVwieG1hcmtfc21hbGxcIlxuICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTsgdGhpcy5jbGVhci5uZXh0KClcIlxuICAgID48L2F1aS1pY29uPlxuICAgIDxuZy10ZW1wbGF0ZSAjY2FsZW5kYXI+XG4gICAgICA8YXVpLWljb24gaWNvbj1cImNhbGVuZGFyXCI+PC9hdWktaWNvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
|
123
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJpZ2dlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZGF0ZS1waWNrZXIvdHJpZ2dlci90cmlnZ2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9kYXRlLXBpY2tlci90cmlnZ2VyL3RyaWdnZXIudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsUUFBUSxFQUNSLE1BQU0sRUFDTixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFN0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRWhELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxVQUFVLENBQUM7O0FBRXZDLE1BQU0sR0FBRyxHQUFHLFFBQVEsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0FBV2hELE1BQU0sT0FBTywwQkFBMEI7SUFDckMsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLEdBQUc7UUFDWCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDcEMsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ3RCLElBQ0UsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQztnQkFDNUIsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUM5QztnQkFDQSxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUN2QjtTQUNGO2FBQU07WUFDTCxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLFlBQVksQ0FBQyxFQUFFO2dCQUM3RCxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUN2QjtTQUNGO0lBQ0gsQ0FBQztJQUVELElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFJLE1BQU0sQ0FBQyxHQUFHO1FBQ1osSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssR0FBRyxFQUFFO1lBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQztJQUVELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLE9BQU8sQ0FBQyxHQUFHO1FBQ2IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLEtBQUssR0FBRyxFQUFFO1lBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQztJQW1DRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUM3RSxDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsT0FBTztZQUNqQixDQUFDLENBQUUsSUFBSSxDQUFDLEtBQWlCLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSyxJQUFJLENBQUMsS0FBaUIsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUM5RCxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDbkIsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQzNFLENBQUM7SUErQkQ7UUF4RUEsY0FBUyxHQUFHLElBQUksQ0FBQztRQVlqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBR2hDLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBS2pDLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFFBQUcsR0FBRyxHQUFHLENBQUM7UUFnQk8sZ0JBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFbEMsWUFBTyxHQUFHLE1BQU0sQ0FBa0IsSUFBSSxDQUFDLENBQUM7UUFFeEMsYUFBUSxHQUFHLE1BQU0sQ0FBUyxJQUFJLENBQUMsQ0FBQztRQUVoQyxjQUFTLEdBQUcsTUFBTSxDQUFVLElBQUksQ0FBQyxDQUFDO1FBRW5ELGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMzQixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDL0IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzdCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNqQyxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBRTFDLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ1YsT0FBTyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7YUFDdEM7WUFFRCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ2YsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztvQkFDekIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO29CQUNsQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQzthQUMxQjtZQUVELE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7Z0JBQ3pCLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUN2RCxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hELENBQUMsQ0FBQyxDQUFDO1FBR0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0RCxDQUFDOzhHQTlIVSwwQkFBMEI7a0dBQTFCLDBCQUEwQiwyY0NsQ3ZDLHc5REFzRUEsc3NORHRDWSxPQUFPLG9GQUFFLElBQUksNkZBQUUsY0FBYywrR0FBRSxhQUFhLHVKQUFFLFFBQVE7OzJGQUVyRCwwQkFBMEI7a0JBVHRDLFNBQVM7K0JBQ0UseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLGFBQWEsRUFBRSxRQUFRLENBQUM7MEVBSTdELEtBQUs7c0JBRFIsS0FBSztnQkFzQkYsTUFBTTtzQkFEVCxLQUFLO2dCQVlGLE9BQU87c0JBRFYsS0FBSztnQkFZTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLElBQUk7c0JBREgsTUFBTTtnQkFJUCxLQUFLO3NCQURKLE1BQU07Z0JBSVAsYUFBYTtzQkFEWixTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgY29tcHV0ZWQsXG4gIGluamVjdCxcbiAgc2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERheWpzIH0gZnJvbSAnZGF5anMnO1xuXG5pbXBvcnQgeyBJMThuUGlwZSB9IGZyb20gJy4uLy4uL2kxOG4vaTE4bi5waXBlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IElucHV0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaW5wdXQvaW5wdXQuY29tcG9uZW50JztcbmltcG9ydCB7IENvbXBvbmVudFNpemUgfSBmcm9tICcuLi8uLi9pbnRlcm5hbC90eXBlcyc7XG5pbXBvcnQgeyBidWlsZEJlbSB9IGZyb20gJy4uLy4uL2ludGVybmFsL3V0aWxzJztcblxuaW1wb3J0IHsgSTE4blNlcnZpY2UgfSBmcm9tICdzcmMvaTE4bic7XG5cbmNvbnN0IGJlbSA9IGJ1aWxkQmVtKCdhdWktZGF0ZS1waWNrZXItdHJpZ2dlcicpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdWktZGF0ZS1waWNrZXItdHJpZ2dlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90cmlnZ2VyLnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90cmlnZ2VyLnN0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0NsYXNzLCBOZ0lmLCBJbnB1dENvbXBvbmVudCwgSWNvbkNvbXBvbmVudCwgSTE4blBpcGVdLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRlUGlja2VyVHJpZ2dlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGdldCB2YWx1ZSgpIHtcbiAgICByZXR1cm4gdGhpcy4kJHZhbHVlKCk7XG4gIH1cblxuICBzZXQgdmFsdWUodmFsKSB7XG4gICAgY29uc3QgY3VycmVudFZhbHVlID0gdGhpcy4kJHZhbHVlKCk7XG4gICAgaWYgKEFycmF5LmlzQXJyYXkodmFsKSkge1xuICAgICAgaWYgKFxuICAgICAgICAhQXJyYXkuaXNBcnJheShjdXJyZW50VmFsdWUpIHx8XG4gICAgICAgIHZhbC5zb21lKCh2LCBpKSA9PiAhdi5pc1NhbWUoY3VycmVudFZhbHVlW2ldKSlcbiAgICAgICkge1xuICAgICAgICB0aGlzLiQkdmFsdWUuc2V0KHZhbCk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmIChBcnJheS5pc0FycmF5KGN1cnJlbnRWYWx1ZSkgfHwgIXZhbD8uaXNTYW1lKGN1cnJlbnRWYWx1ZSkpIHtcbiAgICAgICAgdGhpcy4kJHZhbHVlLnNldCh2YWwpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBmb3JtYXQoKSB7XG4gICAgcmV0dXJuIHRoaXMuJCRmb3JtYXQoKTtcbiAgfVxuXG4gIHNldCBmb3JtYXQodmFsKSB7XG4gICAgaWYgKHRoaXMuJCRmb3JtYXQoKSAhPT0gdmFsKSB7XG4gICAgICB0aGlzLiQkZm9ybWF0LnNldCh2YWwpO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBpc1JhbmdlKCkge1xuICAgIHJldHVybiB0aGlzLiQkaXNSYW5nZSgpO1xuICB9XG5cbiAgc2V0IGlzUmFuZ2UodmFsKSB7XG4gICAgaWYgKHRoaXMuJCRpc1JhbmdlKCkgIT09IHZhbCkge1xuICAgICAgdGhpcy4kJGlzUmFuZ2Uuc2V0KHZhbCk7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KClcbiAgc2l6ZTogQ29tcG9uZW50U2l6ZTtcblxuICBASW5wdXQoKVxuICBjbGVhcmFibGUgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgc3RhcnRQbGFjZWhvbGRlcjogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGVuZFBsYWNlaG9sZGVyOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAT3V0cHV0KClcbiAgY2xlYXIgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQFZpZXdDaGlsZCgnZm9jdXNSZWYnLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgZm9jdXNJbnB1dFJlZjogSW5wdXRDb21wb25lbnQ7XG5cbiAgY2VudGVyRm9jdXMgPSBmYWxzZTtcbiAgbGVmdEZvY3VzID0gZmFsc2U7XG4gIHJpZ2h0Rm9jdXMgPSBmYWxzZTtcbiAgaG92ZXJlZCA9IGZhbHNlO1xuICBiZW0gPSBiZW07XG5cbiAgZ2V0IGlzRm9jdXMoKSB7XG4gICAgcmV0dXJuIHRoaXMuaXNSYW5nZSA/IHRoaXMubGVmdEZvY3VzIHx8IHRoaXMucmlnaHRGb2N1cyA6IHRoaXMuY2VudGVyRm9jdXM7XG4gIH1cblxuICBnZXQgaGFzVmFsdWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuaXNSYW5nZVxuICAgICAgPyAodGhpcy52YWx1ZSBhcyBEYXlqc1tdKT8uWzBdIHx8ICh0aGlzLnZhbHVlIGFzIERheWpzW10pPy5bMV1cbiAgICAgIDogISF0aGlzLnZhbHVlO1xuICB9XG5cbiAgZ2V0IHNob3dDbGVhcigpIHtcbiAgICByZXR1cm4gIXRoaXMuZGlzYWJsZWQgJiYgdGhpcy5jbGVhcmFibGUgJiYgdGhpcy5oYXNWYWx1ZSAmJiB0aGlzLmhvdmVyZWQ7XG4gIH1cblxuICBwcml2YXRlIHJlYWRvbmx5IGkxOG5TZXJ2aWNlID0gaW5qZWN0KEkxOG5TZXJ2aWNlKTtcblxuICBwcml2YXRlIHJlYWRvbmx5ICQkdmFsdWUgPSBzaWduYWw8RGF5anMgfCBEYXlqc1tdPihudWxsKTtcblxuICBwcml2YXRlIHJlYWRvbmx5ICQkZm9ybWF0ID0gc2lnbmFsPHN0cmluZz4obnVsbCk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSAkJGlzUmFuZ2UgPSBzaWduYWw8Ym9vbGVhbj4obnVsbCk7XG5cbiAgJGZvcm1hdFZhbHVlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IGZvcm1hdCA9IHRoaXMuJCRmb3JtYXQoKTtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMuJCR2YWx1ZSgpO1xuICAgIGNvbnN0IGlzUmFuZ2UgPSB0aGlzLiQkaXNSYW5nZSgpO1xuICAgIGNvbnN0IGxvY2FsZSA9IHRoaXMuaTE4blNlcnZpY2UuJGxvY2FsZSgpO1xuXG4gICAgaWYgKCF2YWx1ZSkge1xuICAgICAgcmV0dXJuIGlzUmFuZ2UgPyBbbnVsbCwgbnVsbF0gOiBudWxsO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmZvcm1hdCkge1xuICAgICAgcmV0dXJuIEFycmF5LmlzQXJyYXkodmFsdWUpXG4gICAgICAgID8gdmFsdWUubWFwKHYgPT4gdi5mb3JtYXQoZm9ybWF0KSlcbiAgICAgICAgOiB2YWx1ZS5mb3JtYXQoZm9ybWF0KTtcbiAgICB9XG5cbiAgICByZXR1cm4gQXJyYXkuaXNBcnJheSh2YWx1ZSlcbiAgICAgID8gdmFsdWUubWFwKHYgPT4gdi50b0RhdGUoKS50b0xvY2FsZURhdGVTdHJpbmcobG9jYWxlKSlcbiAgICAgIDogdmFsdWUudG9EYXRlKCkudG9Mb2NhbGVEYXRlU3RyaW5nKGxvY2FsZSk7XG4gIH0pO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuZm9jdXNJbnB1dCA9IHRoaXMuZm9jdXNJbnB1dC5iaW5kKHRoaXMpO1xuICB9XG5cbiAgZm9jdXNJbnB1dCgpIHtcbiAgICB0aGlzLmZvY3VzSW5wdXRSZWYuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgW2NsYXNzXT1cImJlbS5lbGVtZW50KCdjb250YWluZXInKVwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICBpc0ZvY3VzZWQ6IGlzRm9jdXMsXG4gICAgaXNSYW5nZTogaXNSYW5nZSxcbiAgICBkaXNhYmxlZDogZGlzYWJsZWRcbiAgfVwiXG4gIChtb3VzZWVudGVyKT1cImhvdmVyZWQgPSB0cnVlXCJcbiAgKG1vdXNlbGVhdmUpPVwiaG92ZXJlZCA9IGZhbHNlXCJcbj5cbiAgPHNwYW4gW2NsYXNzXT1cImJlbS5lbGVtZW50KCdjb250ZW50JylcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNSYW5nZVwiPlxuICAgICAgPGlucHV0XG4gICAgICAgIHN0eWxlPVwiZmxleDogMVwiXG4gICAgICAgIGF1aS1pbnB1dFxuICAgICAgICAjZm9jdXNSZWZcbiAgICAgICAgW3ZhbHVlXT1cIiRhbnkoJGZvcm1hdFZhbHVlKCkgfHwgW10pWzBdXCJcbiAgICAgICAgW3JlYWRvbmx5XT1cInRydWVcIlxuICAgICAgICBbc2l6ZV09XCJzaXplXCJcbiAgICAgICAgKGZvY3VzKT1cImxlZnRGb2N1cyA9IHRydWVcIlxuICAgICAgICAoYmx1cik9XCJsZWZ0Rm9jdXMgPSBmYWxzZTsgYmx1ci5uZXh0KClcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwic3RhcnRQbGFjZWhvbGRlciB8fCAoJ3N0YXJ0X2RhdGUnIHwgYXVpSTE4bilcIlxuICAgICAgLz5cbiAgICAgIDxzcGFuXG4gICAgICAgIGNsYXNzPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICAoY2xpY2spPVwiZm9jdXNJbnB1dCgpXCJcbiAgICAgICAgPnt7ICd0bycgfCBhdWlJMThuIH19PC9zcGFuXG4gICAgICA+XG4gICAgICA8aW5wdXRcbiAgICAgICAgc3R5bGU9XCJmbGV4OiAxXCJcbiAgICAgICAgYXVpLWlucHV0XG4gICAgICAgIFt2YWx1ZV09XCIkYW55KCRmb3JtYXRWYWx1ZSgpIHx8IFtdKVsxXVwiXG4gICAgICAgIFtyZWFkb25seV09XCJ0cnVlXCJcbiAgICAgICAgW3NpemVdPVwic2l6ZVwiXG4gICAgICAgIChmb2N1cyk9XCJyaWdodEZvY3VzID0gdHJ1ZVwiXG4gICAgICAgIChibHVyKT1cInJpZ2h0Rm9jdXMgPSBmYWxzZTsgYmx1ci5uZXh0KClcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZW5kUGxhY2Vob2xkZXIgfHwgKCdlbmRfZGF0ZScgfCBhdWlJMThuKVwiXG4gICAgICAvPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNSYW5nZVwiPlxuICAgICAgPGlucHV0XG4gICAgICAgIGF1aS1pbnB1dFxuICAgICAgICBhdWlUb29sdGlwVHlwZT1cInBsYWluXCJcbiAgICAgICAgW3ZhbHVlXT1cIiRhbnkoJGZvcm1hdFZhbHVlKCkpXCJcbiAgICAgICAgW3JlYWRvbmx5XT1cInRydWVcIlxuICAgICAgICAjZm9jdXNSZWZcbiAgICAgICAgW3NpemVdPVwic2l6ZVwiXG4gICAgICAgIGF1aVRvb2x0aXBUeXBlPVwiaW5mb1wiXG4gICAgICAgIChmb2N1cyk9XCJjZW50ZXJGb2N1cyA9IHRydWVcIlxuICAgICAgICAoYmx1cik9XCJjZW50ZXJGb2N1cyA9IGZhbHNlOyBibHVyLm5leHQoKVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlciB8fCAoJ3NlbGVjdF9kYXRlJyB8IGF1aUkxOG4pXCJcbiAgICAgIC8+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvc3Bhbj5cbiAgPHNwYW5cbiAgICBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2FkZG9uJylcIlxuICAgIChjbGljayk9XCJmb2N1c0lucHV0KClcIlxuICA+XG4gICAgPGF1aS1pY29uXG4gICAgICAqbmdJZj1cInNob3dDbGVhcjsgZWxzZSBjYWxlbmRhclwiXG4gICAgICBjbGFzcz1cImNsZWFyXCJcbiAgICAgIHNpemU9XCIxNnB4XCJcbiAgICAgIGljb249XCJ4bWFya19zbWFsbFwiXG4gICAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpOyB0aGlzLmNsZWFyLm5leHQoKVwiXG4gICAgPjwvYXVpLWljb24+XG4gICAgPG5nLXRlbXBsYXRlICNjYWxlbmRhcj5cbiAgICAgIDxhdWktaWNvbiBpY29uPVwiY2FsZW5kYXJcIj48L2F1aS1pY29uPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwvc3Bhbj5cbjwvZGl2PlxuIl19
|
package/fesm2022/alauda-ui.mjs
CHANGED
|
@@ -20,6 +20,7 @@ import { ControlContainer, NgControl, NG_VALUE_ACCESSOR, FormsModule, Validators
|
|
|
20
20
|
import dayjs from 'dayjs';
|
|
21
21
|
import customParseFormat from 'dayjs/plugin/customParseFormat';
|
|
22
22
|
import isBetween from 'dayjs/plugin/isBetween';
|
|
23
|
+
import { I18nService as I18nService$1 } from 'src/i18n';
|
|
23
24
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
24
25
|
import * as i2$2 from '@angular/cdk/bidi';
|
|
25
26
|
import * as i1$5 from '@angular/cdk/table';
|
|
@@ -5148,11 +5149,11 @@ class CalendarHeaderComponent {
|
|
|
5148
5149
|
this.anchorChange.next(anchor);
|
|
5149
5150
|
}
|
|
5150
5151
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: CalendarHeaderComponent, deps: [{ token: I18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5151
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: CalendarHeaderComponent, isStandalone: true, selector: "aui-calendar-header", inputs: { dateNavRange: "dateNavRange", anchor: "anchor", maxAvail: "maxAvail", minAvail: "minAvail" }, outputs: { navRangeChange: "navRangeChange", anchorChange: "anchorChange" }, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n <div>\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n </div>\n <!-- \u5185\u5BB9\u533A -->\n <span\n *ngIf=\"dateNavRange === DateNavRange.Month\"\n [class]=\"bem.element('nav-content')\"\n >\n <ng-container\n [ngTemplateOutlet]=\"$monthBeforeYear() ? monthTemplate : yearTemplate\"\n ></ng-container>\n <div class=\"separator\"></div>\n <ng-container\n [ngTemplateOutlet]=\"$monthBeforeYear() ? yearTemplate : monthTemplate\"\n ></ng-container>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <button\n aui-button=\"text\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ $headerRange().start.year }}\n </button>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [class]=\"bem.element('nav-content')\"\n >\n {{ $headerRange().start.year }} - {{ $headerRange().end.year }}\n </span>\n\n <div [class]=\"bem.element('nav-action')\">\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n </div>\n</div>\n\n<ng-template\n #yearControl\n let-side=\"side\"\n>\n <span class=\"action-bar\">\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n *ngIf=\"side === 'right'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, 1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n *ngIf=\"side === 'left'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, -1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n </span>\n</ng-template>\n\n<ng-template\n #decadeControl\n let-side=\"side\"\n>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n\n<ng-template #yearTemplate>\n <button\n aui-button=\"text\"\n class=\"header-range\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ $headerRange().start.year }}\n </button>\n</ng-template>\n<ng-template #monthTemplate>\n <button\n aui-button=\"text\"\n class=\"header-range\"\n (click)=\"clickNav(DateNavRange.Month)\"\n >\n {{ $headerRange().start.month }}\n </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;max-width:calc(100% - var(--aui-inline-height-xs) * 4 -
|
|
5152
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: CalendarHeaderComponent, isStandalone: true, selector: "aui-calendar-header", inputs: { dateNavRange: "dateNavRange", anchor: "anchor", maxAvail: "maxAvail", minAvail: "minAvail" }, outputs: { navRangeChange: "navRangeChange", anchorChange: "anchorChange" }, ngImport: i0, template: "<div [class]=\"bem.element('container')\">\n <div>\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n </div>\n <!-- \u5185\u5BB9\u533A -->\n <span\n *ngIf=\"dateNavRange === DateNavRange.Month\"\n [class]=\"bem.element('nav-content')\"\n >\n <ng-container\n [ngTemplateOutlet]=\"$monthBeforeYear() ? monthTemplate : yearTemplate\"\n ></ng-container>\n <div class=\"separator\"></div>\n <ng-container\n [ngTemplateOutlet]=\"$monthBeforeYear() ? yearTemplate : monthTemplate\"\n ></ng-container>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <button\n aui-button=\"text\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ $headerRange().start.year }}\n </button>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [class]=\"bem.element('nav-content')\"\n >\n {{ $headerRange().start.year }} - {{ $headerRange().end.year }}\n </span>\n\n <div [class]=\"bem.element('nav-action')\">\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n </div>\n</div>\n\n<ng-template\n #yearControl\n let-side=\"side\"\n>\n <span class=\"action-bar\">\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n *ngIf=\"side === 'right'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, 1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n *ngIf=\"side === 'left'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, -1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n </span>\n</ng-template>\n\n<ng-template\n #decadeControl\n let-side=\"side\"\n>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n\n<ng-template #yearTemplate>\n <button\n aui-button=\"text\"\n class=\"header-range\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ $headerRange().start.year }}\n </button>\n</ng-template>\n<ng-template #monthTemplate>\n <button\n aui-button=\"text\"\n class=\"header-range\"\n (click)=\"clickNav(DateNavRange.Month)\"\n >\n {{ $headerRange().start.month }}\n </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;max-width:calc(100% - var(--aui-inline-height-xs) * 4 - var(--aui-spacing-s) * 2);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bolder)}.aui-calendar-header__nav-content .separator{margin:0 var(--aui-spacing-s)}.aui-calendar-header__nav-content .aui-button--text{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content .aui-button--text .aui-button__content{font-size:var(--aui-font-size-l);font-weight:var(--aui-font-weight-bolder);padding:0}.aui-calendar-header__nav-content .aui-button--text:hover{background-color:transparent;color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content .aui-button--text+.aui-button--text{margin-left:0}.aui-calendar-header__nav-content .aui-button--text.header-range{max-width:100%}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5152
5153
|
}
|
|
5153
5154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
|
|
5154
5155
|
type: Component,
|
|
5155
|
-
args: [{ selector: 'aui-calendar-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgTemplateOutlet, ButtonComponent, IconComponent, I18nPipe], template: "<div [class]=\"bem.element('container')\">\n <div>\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n </div>\n <!-- \u5185\u5BB9\u533A -->\n <span\n *ngIf=\"dateNavRange === DateNavRange.Month\"\n [class]=\"bem.element('nav-content')\"\n >\n <ng-container\n [ngTemplateOutlet]=\"$monthBeforeYear() ? monthTemplate : yearTemplate\"\n ></ng-container>\n <div class=\"separator\"></div>\n <ng-container\n [ngTemplateOutlet]=\"$monthBeforeYear() ? yearTemplate : monthTemplate\"\n ></ng-container>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <button\n aui-button=\"text\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ $headerRange().start.year }}\n </button>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [class]=\"bem.element('nav-content')\"\n >\n {{ $headerRange().start.year }} - {{ $headerRange().end.year }}\n </span>\n\n <div [class]=\"bem.element('nav-action')\">\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n </div>\n</div>\n\n<ng-template\n #yearControl\n let-side=\"side\"\n>\n <span class=\"action-bar\">\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n *ngIf=\"side === 'right'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, 1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n *ngIf=\"side === 'left'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, -1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n </span>\n</ng-template>\n\n<ng-template\n #decadeControl\n let-side=\"side\"\n>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n\n<ng-template #yearTemplate>\n <button\n aui-button=\"text\"\n class=\"header-range\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ $headerRange().start.year }}\n </button>\n</ng-template>\n<ng-template #monthTemplate>\n <button\n aui-button=\"text\"\n class=\"header-range\"\n (click)=\"clickNav(DateNavRange.Month)\"\n >\n {{ $headerRange().start.month }}\n </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;max-width:calc(100% - var(--aui-inline-height-xs) * 4 -
|
|
5156
|
+
args: [{ selector: 'aui-calendar-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgTemplateOutlet, ButtonComponent, IconComponent, I18nPipe], template: "<div [class]=\"bem.element('container')\">\n <div>\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'left' }\"\n ></ng-container>\n </div>\n <!-- \u5185\u5BB9\u533A -->\n <span\n *ngIf=\"dateNavRange === DateNavRange.Month\"\n [class]=\"bem.element('nav-content')\"\n >\n <ng-container\n [ngTemplateOutlet]=\"$monthBeforeYear() ? monthTemplate : yearTemplate\"\n ></ng-container>\n <div class=\"separator\"></div>\n <ng-container\n [ngTemplateOutlet]=\"$monthBeforeYear() ? yearTemplate : monthTemplate\"\n ></ng-container>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <button\n aui-button=\"text\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ $headerRange().start.year }}\n </button>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [class]=\"bem.element('nav-content')\"\n >\n {{ $headerRange().start.year }} - {{ $headerRange().end.year }}\n </span>\n\n <div [class]=\"bem.element('nav-action')\">\n <ng-container\n *ngIf=\"dateNavRange !== DateNavRange.Decade\"\n [ngTemplateOutlet]=\"yearControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n\n <ng-container\n *ngIf=\"dateNavRange === DateNavRange.Decade\"\n [ngTemplateOutlet]=\"decadeControl\"\n [ngTemplateOutletContext]=\"{ side: 'right' }\"\n ></ng-container>\n </div>\n</div>\n\n<ng-template\n #yearControl\n let-side=\"side\"\n>\n <span class=\"action-bar\">\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n *ngIf=\"side === 'right'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, 1)\"\n >\n <aui-icon icon=\"angle_right\"></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n *ngIf=\"side === 'left'\"\n [class.hidden]=\"\n !shouldShowNav(DateNavRange.Month, side) ||\n dateNavRange !== DateNavRange.Month\n \"\n (click)=\"navHead(DateNavRange.Month, -1)\"\n >\n <aui-icon icon=\"angle_left\"></aui-icon>\n </button>\n </span>\n</ng-template>\n\n<ng-template\n #decadeControl\n let-side=\"side\"\n>\n <button\n aui-button=\"text\"\n size=\"mini\"\n [square]=\"true\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n [class.hidden]=\"!shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angles_left' : 'angles_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n\n<ng-template #yearTemplate>\n <button\n aui-button=\"text\"\n class=\"header-range\"\n (click)=\"clickNav(DateNavRange.Year)\"\n >\n {{ $headerRange().start.year }}\n </button>\n</ng-template>\n<ng-template #monthTemplate>\n <button\n aui-button=\"text\"\n class=\"header-range\"\n (click)=\"clickNav(DateNavRange.Month)\"\n >\n {{ $headerRange().start.month }}\n </button>\n</ng-template>\n", styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;max-width:calc(100% - var(--aui-inline-height-xs) * 4 - var(--aui-spacing-s) * 2);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bolder)}.aui-calendar-header__nav-content .separator{margin:0 var(--aui-spacing-s)}.aui-calendar-header__nav-content .aui-button--text{color:rgb(var(--aui-color-main-text))}.aui-calendar-header__nav-content .aui-button--text .aui-button__content{font-size:var(--aui-font-size-l);font-weight:var(--aui-font-weight-bolder);padding:0}.aui-calendar-header__nav-content .aui-button--text:hover{background-color:transparent;color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content .aui-button--text+.aui-button--text{margin-left:0}.aui-calendar-header__nav-content .aui-button--text.header-range{max-width:100%}.action-bar{width:52px;display:flex}.action-bar .hidden{opacity:0;pointer-events:none}\n"] }]
|
|
5156
5157
|
}], ctorParameters: function () { return [{ type: I18nService }]; }, propDecorators: { dateNavRange: [{
|
|
5157
5158
|
type: Input
|
|
5158
5159
|
}], anchor: [{
|
|
@@ -5668,6 +5669,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
5668
5669
|
|
|
5669
5670
|
const bem = buildBem('aui-date-picker-trigger');
|
|
5670
5671
|
class DatePickerTriggerComponent {
|
|
5672
|
+
get value() {
|
|
5673
|
+
return this.$$value();
|
|
5674
|
+
}
|
|
5675
|
+
set value(val) {
|
|
5676
|
+
const currentValue = this.$$value();
|
|
5677
|
+
if (Array.isArray(val)) {
|
|
5678
|
+
if (!Array.isArray(currentValue) ||
|
|
5679
|
+
val.some((v, i) => !v.isSame(currentValue[i]))) {
|
|
5680
|
+
this.$$value.set(val);
|
|
5681
|
+
}
|
|
5682
|
+
}
|
|
5683
|
+
else {
|
|
5684
|
+
if (Array.isArray(currentValue) || !val?.isSame(currentValue)) {
|
|
5685
|
+
this.$$value.set(val);
|
|
5686
|
+
}
|
|
5687
|
+
}
|
|
5688
|
+
}
|
|
5689
|
+
get format() {
|
|
5690
|
+
return this.$$format();
|
|
5691
|
+
}
|
|
5692
|
+
set format(val) {
|
|
5693
|
+
if (this.$$format() !== val) {
|
|
5694
|
+
this.$$format.set(val);
|
|
5695
|
+
}
|
|
5696
|
+
}
|
|
5697
|
+
get isRange() {
|
|
5698
|
+
return this.$$isRange();
|
|
5699
|
+
}
|
|
5700
|
+
set isRange(val) {
|
|
5701
|
+
if (this.$$isRange() !== val) {
|
|
5702
|
+
this.$$isRange.set(val);
|
|
5703
|
+
}
|
|
5704
|
+
}
|
|
5671
5705
|
get isFocus() {
|
|
5672
5706
|
return this.isRange ? this.leftFocus || this.rightFocus : this.centerFocus;
|
|
5673
5707
|
}
|
|
@@ -5680,7 +5714,6 @@ class DatePickerTriggerComponent {
|
|
|
5680
5714
|
return !this.disabled && this.clearable && this.hasValue && this.hovered;
|
|
5681
5715
|
}
|
|
5682
5716
|
constructor() {
|
|
5683
|
-
this.format = 'YYYY-MM-DD';
|
|
5684
5717
|
this.clearable = true;
|
|
5685
5718
|
this.disabled = false;
|
|
5686
5719
|
this.blur = new EventEmitter();
|
|
@@ -5690,24 +5723,45 @@ class DatePickerTriggerComponent {
|
|
|
5690
5723
|
this.rightFocus = false;
|
|
5691
5724
|
this.hovered = false;
|
|
5692
5725
|
this.bem = bem;
|
|
5726
|
+
this.i18nService = inject(I18nService$1);
|
|
5727
|
+
this.$$value = signal(null);
|
|
5728
|
+
this.$$format = signal(null);
|
|
5729
|
+
this.$$isRange = signal(null);
|
|
5730
|
+
this.$formatValue = computed(() => {
|
|
5731
|
+
const format = this.$$format();
|
|
5732
|
+
const value = this.$$value();
|
|
5733
|
+
const isRange = this.$$isRange();
|
|
5734
|
+
const locale = this.i18nService.$locale();
|
|
5735
|
+
if (!value) {
|
|
5736
|
+
return isRange ? [null, null] : null;
|
|
5737
|
+
}
|
|
5738
|
+
if (this.format) {
|
|
5739
|
+
return Array.isArray(value)
|
|
5740
|
+
? value.map(v => v.format(format))
|
|
5741
|
+
: value.format(format);
|
|
5742
|
+
}
|
|
5743
|
+
return Array.isArray(value)
|
|
5744
|
+
? value.map(v => v.toDate().toLocaleDateString(locale))
|
|
5745
|
+
: value.toDate().toLocaleDateString(locale);
|
|
5746
|
+
});
|
|
5693
5747
|
this.focusInput = this.focusInput.bind(this);
|
|
5694
5748
|
}
|
|
5695
5749
|
focusInput() {
|
|
5696
5750
|
this.focusInputRef.elementRef.nativeElement.focus();
|
|
5697
5751
|
}
|
|
5698
5752
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: DatePickerTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5699
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: DatePickerTriggerComponent, isStandalone: true, 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\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\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\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_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: ["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)}aui-date-picker-trigger{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);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.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!important}.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:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.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:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: I18nPipe, name: "auiI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5753
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: DatePickerTriggerComponent, isStandalone: true, selector: "aui-date-picker-trigger", inputs: { value: "value", format: "format", isRange: "isRange", size: "size", 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($formatValue() || [])[0]\"\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\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any($formatValue() || [])[1]\"\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($formatValue())\"\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\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_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: ["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)}aui-date-picker-trigger{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);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.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!important}.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:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.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:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: I18nPipe, name: "auiI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5700
5754
|
}
|
|
5701
5755
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: DatePickerTriggerComponent, decorators: [{
|
|
5702
5756
|
type: Component,
|
|
5703
|
-
args: [{ selector: 'aui-date-picker-trigger', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, NgIf, InputComponent, IconComponent, I18nPipe], 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(
|
|
5704
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
5757
|
+
args: [{ selector: 'aui-date-picker-trigger', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgClass, NgIf, InputComponent, IconComponent, I18nPipe], 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($formatValue() || [])[0]\"\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\n class=\"placeholder\"\n (click)=\"focusInput()\"\n >{{ 'to' | auiI18n }}</span\n >\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any($formatValue() || [])[1]\"\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($formatValue())\"\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\n [class]=\"bem.element('addon')\"\n (click)=\"focusInput()\"\n >\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n size=\"16px\"\n icon=\"xmark_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: ["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)}aui-date-picker-trigger{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);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--large{height:calc(var(--aui-inline-height-l) - 2px)}.aui-date-picker-trigger__container .aui-input--medium{height:calc(var(--aui-inline-height-m) - 2px)}.aui-date-picker-trigger__container .aui-input--small{height:calc(var(--aui-inline-height-s) - 2px)}.aui-date-picker-trigger__container .aui-input--mini{height:calc(var(--aui-inline-height-xs) - 2px)}.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!important}.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:var(--aui-icon-size-m);width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m)}.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:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"] }]
|
|
5758
|
+
}], ctorParameters: function () { return []; }, propDecorators: { value: [{
|
|
5705
5759
|
type: Input
|
|
5706
|
-
}],
|
|
5760
|
+
}], format: [{
|
|
5707
5761
|
type: Input
|
|
5708
5762
|
}], isRange: [{
|
|
5709
5763
|
type: Input
|
|
5710
|
-
}],
|
|
5764
|
+
}], size: [{
|
|
5711
5765
|
type: Input
|
|
5712
5766
|
}], clearable: [{
|
|
5713
5767
|
type: Input
|
|
@@ -5742,12 +5796,6 @@ class DatePickerComponent extends CommonFormControl {
|
|
|
5742
5796
|
this.visibleChange = new EventEmitter();
|
|
5743
5797
|
this.DatePickerType = DatePickerType;
|
|
5744
5798
|
}
|
|
5745
|
-
ngOnInit() {
|
|
5746
|
-
if (!this.format) {
|
|
5747
|
-
this.format = this.getDefaultFormat(this.type);
|
|
5748
|
-
this.cdr.markForCheck();
|
|
5749
|
-
}
|
|
5750
|
-
}
|
|
5751
5799
|
valueIn(obj) {
|
|
5752
5800
|
return obj ? dayjs(obj) : null;
|
|
5753
5801
|
}
|
|
@@ -5756,15 +5804,6 @@ class DatePickerComponent extends CommonFormControl {
|
|
|
5756
5804
|
this.value = obj;
|
|
5757
5805
|
this.cdr.markForCheck();
|
|
5758
5806
|
}
|
|
5759
|
-
getDefaultFormat(type = DatePickerType.Day) {
|
|
5760
|
-
return type === DatePickerType.Year
|
|
5761
|
-
? 'YYYY'
|
|
5762
|
-
: type === DatePickerType.Month
|
|
5763
|
-
? 'YYYY-MM'
|
|
5764
|
-
: this.showTime
|
|
5765
|
-
? 'YYYY-MM-DD HH:mm:ss'
|
|
5766
|
-
: 'YYYY-MM-DD';
|
|
5767
|
-
}
|
|
5768
5807
|
clearValue() {
|
|
5769
5808
|
this.value = null;
|
|
5770
5809
|
this.emitValue(null);
|
|
@@ -5782,7 +5821,7 @@ class DatePickerComponent extends CommonFormControl {
|
|
|
5782
5821
|
useExisting: forwardRef(() => DatePickerComponent),
|
|
5783
5822
|
multi: true,
|
|
5784
5823
|
},
|
|
5785
|
-
], 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 auiTooltipAnimType=\"none\"\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 (auiTooltipVisibleChange)=\"tooltipVisibleChange($event)\"\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; max-width: 100%\"\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.hide(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["aui-date-picker{display:inline-block;width:200px}\n"], dependencies: [{ kind: "component", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["
|
|
5824
|
+
], 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 auiTooltipAnimType=\"none\"\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 (auiTooltipVisibleChange)=\"tooltipVisibleChange($event)\"\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; max-width: 100%\"\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.hide(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["aui-date-picker{display:inline-block;width:200px}\n"], dependencies: [{ kind: "component", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["value", "format", "isRange", "size", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { kind: "directive", type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "component", type: DatePickerPanelComponent, selector: "aui-date-picker-panel", inputs: ["clearable", "clearText", "type", "showTime", "disabledDate", "disabledTime", "weekStartDay", "showFooter", "footerTemplate", "extraFooter", "minDate", "maxDate"], outputs: ["confirm", "clear"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5786
5825
|
}
|
|
5787
5826
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
5788
5827
|
type: Component,
|
|
@@ -5836,7 +5875,6 @@ class RangePickerComponent extends CommonFormControl {
|
|
|
5836
5875
|
constructor() {
|
|
5837
5876
|
super(...arguments);
|
|
5838
5877
|
this.clearable = true;
|
|
5839
|
-
this.format = 'YYYY-MM-DD';
|
|
5840
5878
|
this.showFooter = true;
|
|
5841
5879
|
this.showTime = true;
|
|
5842
5880
|
this.disabledDate = () => false;
|
|
@@ -5872,7 +5910,7 @@ class RangePickerComponent extends CommonFormControl {
|
|
|
5872
5910
|
useExisting: forwardRef(() => RangePickerComponent),
|
|
5873
5911
|
multi: true,
|
|
5874
5912
|
},
|
|
5875
|
-
], 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 auiTooltipAnimType=\"none\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"plain\"\n auiTooltipClass=\"aui-range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipVisibleChange)=\"tooltipVisibleChange($event)\"\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.hide(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-range-picker-wrapper{padding:var(--aui-spacing-xl)}aui-range-picker{display:inline-block;width:260px}\n"], dependencies: [{ kind: "component", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["
|
|
5913
|
+
], 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 auiTooltipAnimType=\"none\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"plain\"\n auiTooltipClass=\"aui-range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipVisibleChange)=\"tooltipVisibleChange($event)\"\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.hide(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-range-picker-wrapper{padding:var(--aui-spacing-xl)}aui-range-picker{display:inline-block;width:260px}\n"], dependencies: [{ kind: "component", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["value", "format", "isRange", "size", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { kind: "directive", type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "component", type: DateRangePickerPanelComponent, selector: "aui-date-range-picker-panel", inputs: ["clearable", "clearText", "showTime", "showFooter", "disabledDate", "disabledTime", "weekStartDay", "minDate", "maxDate"], outputs: ["clear", "confirm"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5876
5914
|
}
|
|
5877
5915
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: RangePickerComponent, decorators: [{
|
|
5878
5916
|
type: Component,
|