@alauda/ui 6.4.8-beta.28 → 6.4.8-beta.29
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/esm2020/date-picker/date-picker/date-picker.component.mjs +4 -4
- package/esm2020/date-picker/range-picker/range-picker.component.mjs +4 -4
- package/esm2020/date-picker/trigger/trigger.component.mjs +3 -3
- package/esm2020/input/search/search.component.mjs +3 -3
- package/esm2020/tooltip/base-tooltip.mjs +14 -10
- package/fesm2015/alauda-ui.mjs +23 -19
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +23 -19
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/tooltip/base-tooltip.d.ts +6 -4
package/fesm2020/alauda-ui.mjs
CHANGED
|
@@ -1373,15 +1373,19 @@ class BaseTooltip {
|
|
|
1373
1373
|
});
|
|
1374
1374
|
}
|
|
1375
1375
|
set content(value) {
|
|
1376
|
+
this._content = value;
|
|
1376
1377
|
this.inputContent$$.next(value);
|
|
1377
1378
|
}
|
|
1378
|
-
get
|
|
1379
|
-
return this.
|
|
1379
|
+
get content() {
|
|
1380
|
+
return this._content;
|
|
1380
1381
|
}
|
|
1381
1382
|
set context(value) {
|
|
1382
1383
|
this._context = value;
|
|
1383
1384
|
this.inputContext$$.next(value);
|
|
1384
1385
|
}
|
|
1386
|
+
get context() {
|
|
1387
|
+
return this._context;
|
|
1388
|
+
}
|
|
1385
1389
|
set class(value) {
|
|
1386
1390
|
this.inputClass$$.next(value);
|
|
1387
1391
|
}
|
|
@@ -1391,9 +1395,6 @@ class BaseTooltip {
|
|
|
1391
1395
|
}
|
|
1392
1396
|
this.inputType$$.next(value);
|
|
1393
1397
|
}
|
|
1394
|
-
get position() {
|
|
1395
|
-
return this._position;
|
|
1396
|
-
}
|
|
1397
1398
|
set position(value) {
|
|
1398
1399
|
if (!value || value === this._position) {
|
|
1399
1400
|
return;
|
|
@@ -1402,8 +1403,8 @@ class BaseTooltip {
|
|
|
1402
1403
|
this.inputPosition$$.next(value);
|
|
1403
1404
|
this.disposeTooltip();
|
|
1404
1405
|
}
|
|
1405
|
-
get
|
|
1406
|
-
return this.
|
|
1406
|
+
get position() {
|
|
1407
|
+
return this._position;
|
|
1407
1408
|
}
|
|
1408
1409
|
set trigger(value) {
|
|
1409
1410
|
if (!value || value === this._trigger) {
|
|
@@ -1413,8 +1414,8 @@ class BaseTooltip {
|
|
|
1413
1414
|
this.disposeTooltip();
|
|
1414
1415
|
this.ngZone.run(this.updateListeners, this);
|
|
1415
1416
|
}
|
|
1416
|
-
get
|
|
1417
|
-
return this.
|
|
1417
|
+
get trigger() {
|
|
1418
|
+
return this._trigger;
|
|
1418
1419
|
}
|
|
1419
1420
|
set disabled(value) {
|
|
1420
1421
|
this._disabled = value;
|
|
@@ -1422,6 +1423,9 @@ class BaseTooltip {
|
|
|
1422
1423
|
this.disposeTooltip();
|
|
1423
1424
|
}
|
|
1424
1425
|
}
|
|
1426
|
+
get disabled() {
|
|
1427
|
+
return this._disabled || !this.content;
|
|
1428
|
+
}
|
|
1425
1429
|
get isCreated() {
|
|
1426
1430
|
return !!this.overlayRef;
|
|
1427
1431
|
}
|
|
@@ -4804,10 +4808,10 @@ class SearchComponent {
|
|
|
4804
4808
|
}
|
|
4805
4809
|
}
|
|
4806
4810
|
SearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4807
|
-
SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SearchComponent, selector: "aui-search", inputs: { size: "size", searchButton: "searchButton", clearable: "clearable", searching: "searching", placeholder: "placeholder", disabled: "disabled", keyword: "keyword" }, outputs: { keywordChange: "keywordChange", search: "search", clear: "clear" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n [ngClass]=\"bem.block(size)\"\n [class.hasIcon]=\"!searchButton\"\n [class.hasButton]=\"searchButton\"\n [class.isClearable]=\"
|
|
4811
|
+
SearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: SearchComponent, selector: "aui-search", inputs: { size: "size", searchButton: "searchButton", clearable: "clearable", searching: "searching", placeholder: "placeholder", disabled: "disabled", keyword: "keyword" }, outputs: { keywordChange: "keywordChange", search: "search", clear: "clear" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n [ngClass]=\"bem.block(size)\"\n [class.hasIcon]=\"!searchButton\"\n [class.hasButton]=\"searchButton\"\n [class.isClearable]=\"clearable\"\n [class.isSearching]=\"searching\"\n [class.isDisabled]=\"disabled\"\n>\n <div\n *ngIf=\"!searchButton\"\n [class]=\"bem.element('icon')\"\n >\n <aui-icon icon=\"search_s\"></aui-icon>\n </div>\n <input\n #input\n aui-input\n autocomplete=\"off\"\n [ngModel]=\"value\"\n (ngModelChange)=\"emitChange($event)\"\n [disabled]=\"disabled\"\n (keyup.enter)=\"emitSearch()\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n [size]=\"size\"\n />\n <div\n *ngIf=\"showSpinner\"\n [class]=\"bem.element('spinner')\"\n >\n <aui-icon icon=\"spinner\"></aui-icon>\n </div>\n <div\n [hidden]=\"!showClear\"\n [class]=\"bem.element('clear')\"\n (click)=\"emitClear()\"\n >\n <aui-icon icon=\"close_small\"></aui-icon>\n </div>\n <div\n *ngIf=\"searchButton\"\n [class]=\"bem.element('button')\"\n (click)=\"emitSearch()\"\n >\n <div [class]=\"bem.element('button-icon')\">\n <aui-icon [icon]=\"searching ? 'spinner' : 'search_s'\"></aui-icon>\n </div>\n </div>\n</div>\n", styles: [".aui-search{display:inline-block;width:100%;position:relative;color:rgb(var(--aui-color-n-4))}.aui-search.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-search--large{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-search--large aui-icon{font-size:var(--aui-icon-size-l)}.aui-search--large .aui-search__clear,.aui-search--large .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--large .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--large .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs)}.aui-search--large.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--large.hasIcon.isSearching .aui-search__input,.aui-search--large.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--large.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--large.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--large.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-l)* 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--medium{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-search--medium aui-icon{font-size:var(--aui-icon-size-m)}.aui-search--medium .aui-search__clear,.aui-search--medium .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--medium .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--medium .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs)}.aui-search--medium.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--medium.hasIcon.isSearching .aui-search__input,.aui-search--medium.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--medium.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--medium.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--medium.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m)* 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--small{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-search--small aui-icon{font-size:var(--aui-icon-size-m)}.aui-search--small .aui-search__clear,.aui-search--small .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--small .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--small .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs)}.aui-search--small.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--small.hasIcon.isSearching .aui-search__input,.aui-search--small.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--small.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--small.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--small.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m)* 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--mini{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-search--mini aui-icon{font-size:var(--aui-icon-size-s)}.aui-search--mini .aui-search__clear,.aui-search--mini .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--mini .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--mini .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs)}.aui-search--mini.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--mini.hasIcon.isSearching .aui-search__input,.aui-search--mini.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--mini.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--mini.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--mini.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-s)* 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search__icon{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-placeholder-text))}.aui-search__button{position:absolute;top:0;right:1px;height:100%;display:flex;align-items:center}.aui-search:not(.isDisabled):not(.isSearching) .aui-search__button{cursor:pointer}.aui-search:not(.isDisabled):not(.isSearching) .aui-search__button:hover{color:rgb(var(--aui-color-primary))}.aui-search__button-icon{border-left:1px solid rgb(var(--aui-color-n-7))}.aui-search__clear,.aui-search__spinner{position:absolute;top:50%;transform:translateY(-50%)}.aui-search__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-search__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
4808
4812
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: SearchComponent, decorators: [{
|
|
4809
4813
|
type: Component,
|
|
4810
|
-
args: [{ selector: 'aui-search', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [ngClass]=\"bem.block(size)\"\n [class.hasIcon]=\"!searchButton\"\n [class.hasButton]=\"searchButton\"\n [class.isClearable]=\"
|
|
4814
|
+
args: [{ selector: 'aui-search', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [ngClass]=\"bem.block(size)\"\n [class.hasIcon]=\"!searchButton\"\n [class.hasButton]=\"searchButton\"\n [class.isClearable]=\"clearable\"\n [class.isSearching]=\"searching\"\n [class.isDisabled]=\"disabled\"\n>\n <div\n *ngIf=\"!searchButton\"\n [class]=\"bem.element('icon')\"\n >\n <aui-icon icon=\"search_s\"></aui-icon>\n </div>\n <input\n #input\n aui-input\n autocomplete=\"off\"\n [ngModel]=\"value\"\n (ngModelChange)=\"emitChange($event)\"\n [disabled]=\"disabled\"\n (keyup.enter)=\"emitSearch()\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n [size]=\"size\"\n />\n <div\n *ngIf=\"showSpinner\"\n [class]=\"bem.element('spinner')\"\n >\n <aui-icon icon=\"spinner\"></aui-icon>\n </div>\n <div\n [hidden]=\"!showClear\"\n [class]=\"bem.element('clear')\"\n (click)=\"emitClear()\"\n >\n <aui-icon icon=\"close_small\"></aui-icon>\n </div>\n <div\n *ngIf=\"searchButton\"\n [class]=\"bem.element('button')\"\n (click)=\"emitSearch()\"\n >\n <div [class]=\"bem.element('button-icon')\">\n <aui-icon [icon]=\"searching ? 'spinner' : 'search_s'\"></aui-icon>\n </div>\n </div>\n</div>\n", styles: [".aui-search{display:inline-block;width:100%;position:relative;color:rgb(var(--aui-color-n-4))}.aui-search.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-search--large{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-search--large aui-icon{font-size:var(--aui-icon-size-l)}.aui-search--large .aui-search__clear,.aui-search--large .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--large .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--large .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs)}.aui-search--large.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--large.hasIcon.isSearching .aui-search__input,.aui-search--large.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--large.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--large.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--large.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-l)* 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--medium{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-search--medium aui-icon{font-size:var(--aui-icon-size-m)}.aui-search--medium .aui-search__clear,.aui-search--medium .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--medium .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--medium .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs)}.aui-search--medium.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--medium.hasIcon.isSearching .aui-search__input,.aui-search--medium.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--medium.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--medium.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--medium.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m)* 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--small{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-search--small aui-icon{font-size:var(--aui-icon-size-m)}.aui-search--small .aui-search__clear,.aui-search--small .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--small .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--small .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs)}.aui-search--small.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--small.hasIcon.isSearching .aui-search__input,.aui-search--small.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--small.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--small.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--small.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m)* 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--mini{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-search--mini aui-icon{font-size:var(--aui-icon-size-s)}.aui-search--mini .aui-search__clear,.aui-search--mini .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--mini .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--mini .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs)}.aui-search--mini.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--mini.hasIcon.isSearching .aui-search__input,.aui-search--mini.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--mini.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--mini.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--mini.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-s)* 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search__icon{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-placeholder-text))}.aui-search__button{position:absolute;top:0;right:1px;height:100%;display:flex;align-items:center}.aui-search:not(.isDisabled):not(.isSearching) .aui-search__button{cursor:pointer}.aui-search:not(.isDisabled):not(.isSearching) .aui-search__button:hover{color:rgb(var(--aui-color-primary))}.aui-search__button-icon{border-left:1px solid rgb(var(--aui-color-n-7))}.aui-search__clear,.aui-search__spinner{position:absolute;top:50%;transform:translateY(-50%)}.aui-search__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-search__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"] }]
|
|
4811
4815
|
}], propDecorators: { size: [{
|
|
4812
4816
|
type: Input
|
|
4813
4817
|
}], searchButton: [{
|
|
@@ -5276,10 +5280,10 @@ class DatePickerTriggerComponent {
|
|
|
5276
5280
|
}
|
|
5277
5281
|
}
|
|
5278
5282
|
DatePickerTriggerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5279
|
-
DatePickerTriggerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: { format: "format", size: "size", isRange: "isRange", value: "value", clearable: "clearable", placeholder: "placeholder", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", disabled: "disabled" }, outputs: { blur: "blur", clear: "clear" }, viewQueries: [{ propertyName: "focusInputRef", first: true, predicate: ["focusRef"], descendants: true }], ngImport: i0, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span\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=\"close_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["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)}
|
|
5283
|
+
DatePickerTriggerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: { format: "format", size: "size", isRange: "isRange", value: "value", clearable: "clearable", placeholder: "placeholder", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", disabled: "disabled" }, outputs: { blur: "blur", clear: "clear" }, viewQueries: [{ propertyName: "focusInputRef", first: true, predicate: ["focusRef"], descendants: true }], ngImport: i0, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span\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=\"close_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}:host{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--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}.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"], components: [{ type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "auiI18n": I18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5280
5284
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerTriggerComponent, decorators: [{
|
|
5281
5285
|
type: Component,
|
|
5282
|
-
args: [{ selector: 'aui-date-picker-trigger',
|
|
5286
|
+
args: [{ selector: 'aui-date-picker-trigger', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span\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=\"close_small\"\n (click)=\"$event.stopImmediatePropagation(); this.clear.next()\"\n ></aui-icon>\n <ng-template #calendar>\n <aui-icon icon=\"calendar\"></aui-icon>\n </ng-template>\n </span>\n</div>\n", styles: ["aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container,aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container{border-color:rgb(var(--aui-color-red))!important}:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,:root aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=light] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=system] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}}html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-range-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-submitted .aui-date-picker-trigger__container.isFocused,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container:focus,html[aui-theme-mode=dark] aui-date-picker.ng-invalid.ng-dirty .aui-date-picker-trigger__container.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.3)}:host{display:block}.aui-date-picker-trigger__container{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-7));position:relative;width:100%;background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-m)}.aui-date-picker-trigger__container:hover:not(.disabled){border-color:rgb(var(--aui-color-primary));cursor:pointer}.aui-date-picker-trigger__container .aui-input--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}.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"] }]
|
|
5283
5287
|
}], ctorParameters: function () { return []; }, propDecorators: { format: [{
|
|
5284
5288
|
type: Input
|
|
5285
5289
|
}], size: [{
|
|
@@ -5356,16 +5360,16 @@ DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
5356
5360
|
useExisting: forwardRef(() => DatePickerComponent),
|
|
5357
5361
|
multi: true,
|
|
5358
5362
|
},
|
|
5359
|
-
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["
|
|
5363
|
+
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: [":host{display:inline-block;width:200px}\n"], components: [{ type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: DatePickerPanelComponent, selector: "aui-date-picker-panel", inputs: ["clearable", "clearText", "type", "showTime", "disabledDate", "disabledTime", "weekStartDay", "showFooter", "footerTemplate", "extraFooter", "minDate", "maxDate"], outputs: ["confirm", "clear"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5360
5364
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
5361
5365
|
type: Component,
|
|
5362
|
-
args: [{ selector: 'aui-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.
|
|
5366
|
+
args: [{ selector: 'aui-date-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [
|
|
5363
5367
|
{
|
|
5364
5368
|
provide: NG_VALUE_ACCESSOR,
|
|
5365
5369
|
useExisting: forwardRef(() => DatePickerComponent),
|
|
5366
5370
|
multi: true,
|
|
5367
5371
|
},
|
|
5368
|
-
], template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: ["
|
|
5372
|
+
], template: "<aui-date-picker-trigger\n [size]=\"size\"\n [value]=\"value\"\n [format]=\"format\"\n style=\"display: flex\"\n [auiTooltip]=\"template\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"date-picker-wrapper\"\n [disabled]=\"!!disabled\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipDisabled]=\"!!disabled\"\n [auiTooltipHideOnClick]=\"true\"\n [placeholder]=\"placeholder\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-picker-panel\n [type]=\"type\"\n style=\"padding-top: 9px; display: inline-block\"\n [(ngModel)]=\"value\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [extraFooter]=\"extraFooter\"\n [footerTemplate]=\"footerTemplate\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-picker-panel>\n</ng-template>\n", styles: [":host{display:inline-block;width:200px}\n"] }]
|
|
5369
5373
|
}], propDecorators: { clearable: [{
|
|
5370
5374
|
type: Input
|
|
5371
5375
|
}], clearText: [{
|
|
@@ -5435,16 +5439,16 @@ RangePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
5435
5439
|
useExisting: forwardRef(() => RangePickerComponent),
|
|
5436
5440
|
multi: true,
|
|
5437
5441
|
},
|
|
5438
|
-
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-tooltip.range-picker-wrapper{max-width:none}
|
|
5442
|
+
], usesInheritance: true, ngImport: i0, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: ["::ng-deep .aui-tooltip.range-picker-wrapper{max-width:none}:host{display:inline-block;width:260px}\n"], components: [{ type: DatePickerTriggerComponent, selector: "aui-date-picker-trigger", inputs: ["format", "size", "isRange", "value", "clearable", "placeholder", "startPlaceholder", "endPlaceholder", "disabled"], outputs: ["blur", "clear"] }, { type: DateRangePickerPanelComponent, selector: "aui-date-range-picker-panel", inputs: ["clearable", "clearText", "showTime", "showFooter", "disabledDate", "disabledTime", "weekStartDay", "minDate", "maxDate"], outputs: ["clear", "confirm"] }], directives: [{ type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick"], outputs: ["auiTooltipShow", "auiTooltipHide"], exportAs: ["auiTooltip"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5439
5443
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: RangePickerComponent, decorators: [{
|
|
5440
5444
|
type: Component,
|
|
5441
|
-
args: [{ selector: 'aui-range-picker',
|
|
5445
|
+
args: [{ selector: 'aui-range-picker', encapsulation: ViewEncapsulation.Emulated, providers: [
|
|
5442
5446
|
{
|
|
5443
5447
|
provide: NG_VALUE_ACCESSOR,
|
|
5444
5448
|
useExisting: forwardRef(() => RangePickerComponent),
|
|
5445
5449
|
multi: true,
|
|
5446
5450
|
},
|
|
5447
|
-
], template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: [".aui-tooltip.range-picker-wrapper{max-width:none}
|
|
5451
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aui-date-picker-trigger\n [format]=\"format\"\n [isRange]=\"true\"\n [size]=\"size\"\n [value]=\"value\"\n [auiTooltip]=\"template\"\n [disabled]=\"!!disabled\"\n style=\"display: flex\"\n auiTooltipType=\"info\"\n auiTooltipClass=\"range-picker-wrapper\"\n auiTooltipPosition=\"bottom start\"\n auiTooltipTrigger=\"click\"\n [auiTooltipHideOnClick]=\"true\"\n [auiTooltipDisabled]=\"!!disabled\"\n (auiTooltipHide)=\"openChange.next(false); emitValue(value)\"\n (auiTooltipShow)=\"openChange.next(true)\"\n (clear)=\"clearValue()\"\n #tooltip=\"auiTooltip\"\n></aui-date-picker-trigger>\n\n<ng-template #template>\n <aui-date-range-picker-panel\n style=\"padding-top: 9px; display: inline-block\"\n [showTime]=\"showTime\"\n [showFooter]=\"showFooter\"\n [(ngModel)]=\"value\"\n [disabledDate]=\"disabledDate\"\n [disabledTime]=\"disabledTime\"\n [weekStartDay]=\"weekStartDay\"\n [clearable]=\"clearable\"\n [clearText]=\"clearText\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (click)=\"$event.stopImmediatePropagation()\"\n (clear)=\"clearValue()\"\n (confirm)=\"tooltip.disposeTooltip(); emitValue(value)\"\n ></aui-date-range-picker-panel>\n</ng-template>\n", styles: ["::ng-deep .aui-tooltip.range-picker-wrapper{max-width:none}:host{display:inline-block;width:260px}\n"] }]
|
|
5448
5452
|
}], propDecorators: { clearable: [{
|
|
5449
5453
|
type: Input
|
|
5450
5454
|
}], clearText: [{
|