@alauda/ui 6.0.4-beta.1 → 6.0.4-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alauda-ui.metadata.json +1 -1
- package/bundles/alauda-ui.umd.js +41 -14
- package/bundles/alauda-ui.umd.js.map +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/esm2015/date-picker/calendar/date-picker-panel/component.js +1 -1
- package/esm2015/date-picker/calendar/date-picker-panel/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/footer/component.js +1 -1
- package/esm2015/date-picker/calendar/footer/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/header/component.js +1 -1
- package/esm2015/date-picker/calendar/header/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/panel/picker-panel.js +3 -3
- package/esm2015/date-picker/calendar/panel/picker-panel.ngfactory.js +2 -2
- package/esm2015/date-picker/calendar/panel/picker-panel.style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/calendar/range-picker-panel/component.js +1 -1
- package/esm2015/date-picker/calendar/range-picker-panel/style.scss.ngstyle.js +1 -1
- package/esm2015/date-picker/date-picker.module.ngfactory.js +1 -1
- package/esm2015/date-picker/trigger/trigger.component.js +2 -2
- package/esm2015/date-picker/trigger/trigger.component.ngfactory.js +2 -2
- package/esm2015/input/input.module.ngfactory.js +1 -1
- package/esm2015/input/number-input/number-input.component.js +3 -3
- package/esm2015/input/number-input/number-input.component.ngfactory.js +2 -2
- package/esm2015/input/number-input/number-input.component.scss.ngstyle.js +1 -1
- package/esm2015/paginator/paginator.component.js +1 -1
- package/esm2015/paginator/paginator.component.scss.ngstyle.js +1 -1
- package/esm2015/steps/steps.component.js +1 -1
- package/esm2015/steps/steps.component.scss.ngstyle.js +1 -1
- package/esm2015/tabs/tab-group.component.js +25 -3
- package/esm2015/tabs/tab-group.component.ngfactory.js +1 -1
- package/esm2015/tabs/tab-group.component.ngsummary.json +1 -1
- package/esm2015/tabs/tab.component.js +2 -1
- package/esm2015/tabs/tab.component.ngfactory.js +1 -1
- package/esm2015/tabs/tab.component.ngsummary.json +1 -1
- package/esm2015/time-picker/panel/panel.component.js +1 -1
- package/esm2015/time-picker/panel/panel.style.scss.ngstyle.js +1 -1
- package/fesm2015/alauda-ui.js +37 -14
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
- package/tabs/tab-group.component.d.ts +6 -1
- package/tabs/tab.component.d.ts +1 -0
package/bundles/alauda-ui.umd.js
CHANGED
|
@@ -4795,7 +4795,7 @@
|
|
|
4795
4795
|
NumberInputComponent.decorators = [
|
|
4796
4796
|
{ type: i0.Component, args: [{
|
|
4797
4797
|
selector: 'aui-number-input',
|
|
4798
|
-
template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n
|
|
4798
|
+
template: "<div\n [class]=\"bem.block(size)\"\n [ngClass]=\"{\n isFocus: isFocus,\n isDisabled: disabled\n }\"\n auiClickOutside\n (auiClickOutside)=\"isFocus = false\"\n>\n <button\n *ngIf=\"controls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('decrease')\"\n [disabled]=\"disabled || (value$ | async) <= min\"\n (click)=\"takeOneStep(false); isFocus = true\"\n >\n <aui-icon icon=\"minus\"></aui-icon>\n </button>\n <input\n #inputRef\n autocomplete=\"off\"\n (change)=\"inputChanged($any($event.target).value)\"\n [disabled]=\"disabled\"\n [ngClass]=\"bem.element('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"isFocus = true\"\n (blur)=\"isFocus = false\"\n />\n <button\n *ngIf=\"controls\"\n aui-button\n type=\"button\"\n [ngClass]=\"bem.element('increase')\"\n [disabled]=\"disabled || (value$ | async) >= max\"\n (click)=\"takeOneStep(true); isFocus = true\"\n >\n <aui-icon icon=\"plus\"></aui-icon>\n </button>\n</div>\n",
|
|
4799
4799
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
4800
4800
|
encapsulation: i0.ViewEncapsulation.None,
|
|
4801
4801
|
preserveWhitespaces: false,
|
|
@@ -4806,7 +4806,7 @@
|
|
|
4806
4806
|
multi: true,
|
|
4807
4807
|
},
|
|
4808
4808
|
],
|
|
4809
|
-
styles: [".aui-number-input{display:flex;width:140px;padding:3px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:var(--aui-line-height-m);height:var(--aui-line-height-m)}.aui-number-input.
|
|
4809
|
+
styles: [".aui-number-input{display:flex;width:140px;padding:3px;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:var(--aui-line-height-m);height:var(--aui-line-height-m)}.aui-number-input.isFocus,.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{background-color:rgb(var(--aui-color-n-8));border:unset;width:var(--aui-icon-size-xl);height:var(--aui-icon-size-xl)}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:unset}.aui-number-input__input{min-width:0;line-height:var(--aui-line-height-m);border:unset;padding:unset;margin:0 var(--aui-spacing-s);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));text-align:center}.aui-number-input__input:focus{border:unset}.aui-number-input__input:focus-visible{outline:unset}.ng-submitted aui-number-input.ng-invalid,aui-number-input.ng-invalid.ng-dirty{border-color:rgb(var(--aui-color-red))}"]
|
|
4810
4810
|
},] }
|
|
4811
4811
|
];
|
|
4812
4812
|
NumberInputComponent.propDecorators = {
|
|
@@ -6624,7 +6624,7 @@
|
|
|
6624
6624
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
6625
6625
|
encapsulation: i0.ViewEncapsulation.None,
|
|
6626
6626
|
preserveWhitespaces: false,
|
|
6627
|
-
styles: [".aui-paginator{display:inline-flex;align-items:center;color:rgb(var(--aui-color-n-1))}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator:hover aui-icon:first-child,.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__total{font-size:var(--aui-font-size-m)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-font-size-l)}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9))}.aui-
|
|
6627
|
+
styles: [".aui-paginator{display:inline-flex;align-items:center;color:rgb(var(--aui-color-n-1))}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator:hover aui-icon:first-child,.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__total{font-size:var(--aui-font-size-m)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-font-size-l)}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}"]
|
|
6628
6628
|
},] }
|
|
6629
6629
|
];
|
|
6630
6630
|
PaginatorComponent.ctorParameters = function () { return [
|
|
@@ -8023,6 +8023,7 @@
|
|
|
8023
8023
|
{ type: TabContextService }
|
|
8024
8024
|
]; };
|
|
8025
8025
|
TabComponent.propDecorators = {
|
|
8026
|
+
name: [{ type: i0.Input }],
|
|
8026
8027
|
textLabel: [{ type: i0.Input, args: ['label',] }],
|
|
8027
8028
|
closeable: [{ type: i0.Input }],
|
|
8028
8029
|
disabled: [{ type: i0.Input }],
|
|
@@ -8048,15 +8049,17 @@
|
|
|
8048
8049
|
this._tabsSubscription = rxjs.Subscription.EMPTY;
|
|
8049
8050
|
/** Subscription to changes in the tab labels. */
|
|
8050
8051
|
this._tabLabelSubscription = rxjs.Subscription.EMPTY;
|
|
8052
|
+
this._selectedIndex = null;
|
|
8053
|
+
this._tab = null;
|
|
8051
8054
|
this._type = TabType.Line;
|
|
8052
8055
|
this._size = TabSize.Medium;
|
|
8053
8056
|
/** Emits whenever the type changes */
|
|
8054
8057
|
this._typeChange = new rxjs.Subject();
|
|
8055
8058
|
/** Emits whenever the size changes */
|
|
8056
8059
|
this._sizeChange = new rxjs.Subject();
|
|
8057
|
-
this._selectedIndex = null;
|
|
8058
8060
|
/** Output to enable support for two-way binding on `[(selectedIndex)]` */
|
|
8059
8061
|
this.selectedIndexChange = new i0.EventEmitter();
|
|
8062
|
+
this.tabChange = new i0.EventEmitter();
|
|
8060
8063
|
/** Event emitted when the tab selection has changed. */
|
|
8061
8064
|
this.selectedTabChange = new i0.EventEmitter(true);
|
|
8062
8065
|
/** Event emitted when focus has changed within a tab group. */
|
|
@@ -8075,6 +8078,19 @@
|
|
|
8075
8078
|
enumerable: false,
|
|
8076
8079
|
configurable: true
|
|
8077
8080
|
});
|
|
8081
|
+
Object.defineProperty(TabGroupComponent.prototype, "tab", {
|
|
8082
|
+
get: function () {
|
|
8083
|
+
return this._tab;
|
|
8084
|
+
},
|
|
8085
|
+
set: function (value) {
|
|
8086
|
+
this._tab = value;
|
|
8087
|
+
if (this._tabs) {
|
|
8088
|
+
this.selectedIndex = this._findIndexByTab(value);
|
|
8089
|
+
}
|
|
8090
|
+
},
|
|
8091
|
+
enumerable: false,
|
|
8092
|
+
configurable: true
|
|
8093
|
+
});
|
|
8078
8094
|
Object.defineProperty(TabGroupComponent.prototype, "type", {
|
|
8079
8095
|
get: function () {
|
|
8080
8096
|
return this._type;
|
|
@@ -8152,7 +8168,10 @@
|
|
|
8152
8168
|
this.selectedTabChange.emit(tabChangeEvent);
|
|
8153
8169
|
// Emitting this value after change detection has run
|
|
8154
8170
|
// since the checked content may contain this variable'
|
|
8155
|
-
Promise.resolve().then(function () {
|
|
8171
|
+
Promise.resolve().then(function () {
|
|
8172
|
+
_this.selectedIndexChange.emit(indexToSelect);
|
|
8173
|
+
_this.tabChange.emit(_this._tabs.get(indexToSelect).name);
|
|
8174
|
+
});
|
|
8156
8175
|
}
|
|
8157
8176
|
// Setup the position for each tab and optionally setup an origin on the next selected tab.
|
|
8158
8177
|
this._tabs.forEach(function (tab, index) {
|
|
@@ -8175,6 +8194,9 @@
|
|
|
8175
8194
|
};
|
|
8176
8195
|
TabGroupComponent.prototype.ngAfterContentInit = function () {
|
|
8177
8196
|
var _this = this;
|
|
8197
|
+
if (this.tab) {
|
|
8198
|
+
this._indexToSelect = this._findIndexByTab(this.tab);
|
|
8199
|
+
}
|
|
8178
8200
|
this._changeActivatedTabs();
|
|
8179
8201
|
this._subscribeToTabLabels();
|
|
8180
8202
|
// Subscribe to changes in the amount of tabs, in order to be
|
|
@@ -8255,6 +8277,9 @@
|
|
|
8255
8277
|
// (since Math.max(NaN, 0) === NaN).
|
|
8256
8278
|
return Math.min(this._tabs.length - 1, Math.max(index || 0, 0));
|
|
8257
8279
|
};
|
|
8280
|
+
TabGroupComponent.prototype._findIndexByTab = function (name) {
|
|
8281
|
+
return Math.max(this._tabs.toArray().findIndex(function (tab) { return tab.name === name; }), 0);
|
|
8282
|
+
};
|
|
8258
8283
|
TabGroupComponent.prototype._createChangeEvent = function (index) {
|
|
8259
8284
|
var _a;
|
|
8260
8285
|
var event = new TabChangeEvent();
|
|
@@ -8309,11 +8334,13 @@
|
|
|
8309
8334
|
_tabHeader: [{ type: i0.ViewChild, args: [TabHeaderComponent, { static: false },] }],
|
|
8310
8335
|
_tabTitle: [{ type: i0.ContentChild, args: [TabTitleDirective, { static: false },] }],
|
|
8311
8336
|
selectedIndex: [{ type: i0.Input }],
|
|
8337
|
+
tab: [{ type: i0.Input }],
|
|
8312
8338
|
type: [{ type: i0.Input }],
|
|
8313
8339
|
title: [{ type: i0.Input }],
|
|
8314
8340
|
size: [{ type: i0.Input }],
|
|
8315
8341
|
lazy: [{ type: i0.Input }],
|
|
8316
8342
|
selectedIndexChange: [{ type: i0.Output }],
|
|
8343
|
+
tabChange: [{ type: i0.Output }],
|
|
8317
8344
|
selectedTabChange: [{ type: i0.Output }],
|
|
8318
8345
|
focusChange: [{ type: i0.Output }]
|
|
8319
8346
|
};
|
|
@@ -10956,7 +10983,7 @@
|
|
|
10956
10983
|
host: {
|
|
10957
10984
|
mousedown: '$event.preventDefault()',
|
|
10958
10985
|
},
|
|
10959
|
-
styles: [".aui-time-picker-panel__wrapper{box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)
|
|
10986
|
+
styles: [".aui-time-picker-panel__wrapper{display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-time-picker-panel__wrapper li,.aui-time-picker-panel__wrapper ul{border:none}.aui-time-picker-panel__content{display:flex;flex-direction:row;height:252px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:9px}.aui-time-picker-panel__column{overflow:hidden;flex:1;text-align:center;align-self:stretch}.aui-time-picker-panel__column:hover{overflow-y:auto}.aui-time-picker-panel__column ul{min-height:252px;list-style:none;padding:0;margin:0}.aui-time-picker-panel__column-strut{height:252px;width:1px;visibility:hidden}.aui-time-picker-panel__column+.aui-time-picker-panel__column{border-left:1px solid rgb(var(--aui-color-n-8))}.aui-time-picker-panel__cell{flex:none;height:28px;line-height:28px;width:100%;cursor:pointer}.aui-time-picker-panel__cell:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-time-picker-panel__cell.selected{background-color:rgb(var(--aui-color-p-7));color:rgb(var(--aui-color-primary));font-weight:var(--aui-font-weight-bold)}.aui-time-picker-panel__cell.disabled{background-color:rgb(var(--aui-color-n-8));color:#c8cacd;cursor:not-allowed}"]
|
|
10960
10987
|
},] }
|
|
10961
10988
|
];
|
|
10962
10989
|
TimePickerPanelComponent.ctorParameters = function () { return [
|
|
@@ -11092,7 +11119,7 @@
|
|
|
11092
11119
|
multi: true,
|
|
11093
11120
|
},
|
|
11094
11121
|
],
|
|
11095
|
-
styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:
|
|
11122
|
+
styles: [".aui-date-picker-panel__wrapper{display:flex;flex-direction:column;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}"]
|
|
11096
11123
|
},] }
|
|
11097
11124
|
];
|
|
11098
11125
|
DatePickerPanelComponent.propDecorators = {
|
|
@@ -11126,7 +11153,7 @@
|
|
|
11126
11153
|
template: "<div class=\"aui-calendar-footer__wrapper\">\n <div style=\"flex: 1\">\n <ng-content></ng-content>\n </div>\n <div>\n <ng-container\n *ngIf=\"customAction; else default\"\n [ngTemplateOutlet]=\"customAction\"\n >\n </ng-container>\n <ng-template #default>\n <button\n aui-button=\"text\"\n *ngIf=\"clearable\"\n (click)=\"clear.emit()\"\n size=\"small\"\n >\n {{ clearText || ('clear' | auiI18n) }}\n </button>\n <button aui-button=\"primary\" (click)=\"confirm.emit()\" size=\"small\">\n {{ 'confirm' | auiI18n }}\n </button>\n </ng-template>\n </div>\n</div>\n",
|
|
11127
11154
|
encapsulation: i0.ViewEncapsulation.None,
|
|
11128
11155
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
11129
|
-
styles: [".aui-calendar-footer__wrapper{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid
|
|
11156
|
+
styles: [".aui-calendar-footer__wrapper{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid rgb(var(--aui-color-n-8));padding:8px 0 0}"]
|
|
11130
11157
|
},] }
|
|
11131
11158
|
];
|
|
11132
11159
|
CalendarFooterComponent.propDecorators = {
|
|
@@ -11233,7 +11260,7 @@
|
|
|
11233
11260
|
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 <a href=\"javascript:;\" (click)=\"clickNav(DateNavRange.Year)\">\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\n <a href=\"javascript:;\" (click)=\"clickNav(DateNavRange.Month)\">\n {{ headerRange?.start?.month() + 1 }}{{ 'month_suffix' | auiI18n }}\n </a>\n </span>\n\n <span\n *ngIf=\"dateNavRange === DateNavRange.Year\"\n [class]=\"bem.element('nav-content')\"\n >\n <a href=\"javascript:;\" (click)=\"clickNav(DateNavRange.Year)\">\n {{ headerRange?.start?.year() }}{{ 'year_suffix' | auiI18n }}\n </a>\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 #yearControl let-side=\"side\">\n <span style=\"display: flex\">\n <button\n aui-button=\"text\"\n *ngIf=\"\n dateNavRange === DateNavRange.Month &&\n side === 'right' &&\n shouldShowNav(DateNavRange.Month, side)\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 (click)=\"navHead(DateNavRange.Year, side === 'left' ? -1 : 1)\"\n *ngIf=\"shouldShowNav(DateNavRange.Year, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angle_double_left' : 'angle_double_right'\"\n ></aui-icon>\n </button>\n <button\n aui-button=\"text\"\n *ngIf=\"\n dateNavRange === DateNavRange.Month &&\n side === 'left' &&\n shouldShowNav(DateNavRange.Month, side)\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 #decadeControl let-side=\"side\">\n <button\n aui-button=\"text\"\n (click)=\"navHead(DateNavRange.Decade, side === 'left' ? -10 : 10)\"\n *ngIf=\"shouldShowNav(DateNavRange.Decade, side)\"\n >\n <aui-icon\n [icon]=\"side === 'left' ? 'angle_double_left' : 'angle_double_right'\"\n ></aui-icon>\n </button>\n</ng-template>\n",
|
|
11234
11261
|
encapsulation: i0.ViewEncapsulation.None,
|
|
11235
11262
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
11236
|
-
styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:16px;color:rgb(var(--aui-color-n-1));font-weight:
|
|
11263
|
+
styles: [".aui-calendar-header__container{height:24px;display:flex;align-items:center;justify-content:space-between}.aui-calendar-header__nav-content{flex:1;display:flex;justify-content:center;align-items:center;font-size:16px;color:rgb(var(--aui-color-n-1));font-weight:var(--aui-font-weight-bold)}.aui-calendar-header__nav-content a{color:rgb(var(--aui-color-n-1))}.aui-calendar-header__nav-content a:hover{color:rgb(var(--aui-color-primary));text-decoration:none!important}.aui-calendar-header__nav-content a+a{margin-left:5px}"]
|
|
11237
11264
|
},] }
|
|
11238
11265
|
];
|
|
11239
11266
|
CalendarHeaderComponent.propDecorators = {
|
|
@@ -11368,10 +11395,10 @@
|
|
|
11368
11395
|
PickerPanelComponent.decorators = [
|
|
11369
11396
|
{ type: i0.Component, args: [{
|
|
11370
11397
|
selector: 'aui-picker-panel',
|
|
11371
|
-
template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n 'day-panel-container': navRange === DateNavRange.Month,\n 'month-panel-container': navRange === DateNavRange.Year,\n 'year-panel-container': navRange === DateNavRange.Decade\n }\"\n>\n <div\n [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n *ngIf=\"navRange === DateNavRange.Month\"\n >\n <span *ngFor=\"let item of weekDefs\" [class]=\"bem.element('cell')\">\n {{ item | auiI18n }}\n </span>\n </div>\n <div\n [class]=\"bem.element('row')\"\n *ngFor=\"let row of panelData; trackBy: trackByFn\"\n >\n <span\n *ngFor=\"let item of row; trackBy: trackByFn\"\n [class]=\"bem.element('cell')\"\n [ngClass]=\"{\n
|
|
11398
|
+
template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n 'day-panel-container': navRange === DateNavRange.Month,\n 'month-panel-container': navRange === DateNavRange.Year,\n 'year-panel-container': navRange === DateNavRange.Decade\n }\"\n>\n <div\n [class]=\"[bem.element('row'), 'week-header'].join(' ')\"\n *ngIf=\"navRange === DateNavRange.Month\"\n >\n <span *ngFor=\"let item of weekDefs\" [class]=\"bem.element('cell')\">\n {{ item | auiI18n }}\n </span>\n </div>\n <div\n [class]=\"bem.element('row')\"\n *ngFor=\"let row of panelData; trackBy: trackByFn\"\n >\n <span\n *ngFor=\"let item of row; trackBy: trackByFn\"\n [class]=\"bem.element('cell')\"\n [ngClass]=\"{\n inRange: item.inRange && !item.isDisabled,\n isActive: match(item.value),\n isBackground: item.isBackground && !item.isDisabled,\n isRangeStart: item.isRangeStart,\n isRangeEnd: item.isRangeEnd,\n isToday: matchToday(item.value) && !item.isBackground,\n isDisabled: item.isDisabled\n }\"\n ><button\n aui-button=\"text\"\n [plain]=\"true\"\n size=\"small\"\n [disabled]=\"item.isDisabled\"\n (click)=\"selectValue(item.value)\"\n (mouseenter)=\"hovered.next(item.value)\"\n >\n {{ item.label\n }}<ng-container *ngIf=\"navRange === DateNavRange.Year\"\n >{{ 'month_suffix' | auiI18n }}\n </ng-container>\n </button>\n </span>\n </div>\n</div>\n",
|
|
11372
11399
|
encapsulation: i0.ViewEncapsulation.None,
|
|
11373
11400
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
11374
|
-
styles: [".aui-picker-panel__container{height:-webkit-min-content;height:-moz-min-content;height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:
|
|
11401
|
+
styles: [".aui-picker-panel__container{height:-webkit-min-content;height:-moz-min-content;height:min-content;box-sizing:border-box;justify-content:stretch;display:flex;flex-direction:column;margin:12px 9px;align-items:center}.aui-picker-panel__container.month-panel-container button,.aui-picker-panel__container.year-panel-container button{width:56px;height:28px!important}.aui-picker-panel__container.day-panel-container{height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:0;margin:0}.aui-picker-panel__container.day-panel-container button{height:24px!important;width:24px!important}.aui-picker-panel__container.day-panel-container .aui-picker-panel__row+.aui-picker-panel__row{margin-top:8px}.aui-picker-panel__row+.aui-picker-panel__row{margin-top:20px}.aui-picker-panel__row{flex:1;display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);width:100%}.aui-picker-panel__row.week-header{color:rgb(var(--aui-color-n-4));margin-bottom:8px}.aui-picker-panel__row.week-header span{display:inline-block;margin:0;width:36px;text-align:center}.aui-picker-panel__cell{display:inline-flex;position:relative;align-items:center;justify-content:center;margin-inline:6px}.aui-picker-panel__cell button{box-sizing:content-box;transition:color .3s ease,background-color .3s ease}.aui-picker-panel__cell.inRange{background-color:rgb(var(--aui-color-n-6));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-6)),6px 0 0 0 rgb(var(--aui-color-n-6))}.aui-picker-panel__cell.isRangeEnd{box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-6))}.aui-picker-panel__cell.isRangeStart{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-6))}.aui-picker-panel__cell.isDisabled{background-color:rgb(var(--aui-color-n-8));box-shadow:-6px 0 0 0 rgb(var(--aui-color-n-8)),6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isDisabled button{color:rgb(var(--aui-color-n-6))!important;border-color:rgb(var(--aui-color-n-6))!important}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled):not(.isRangeStart){box-shadow:-12px 0 0 0 rgb(var(--aui-color-n-10))}.aui-picker-panel__cell.isDisabled+.aui-picker-panel__cell:not(.isDisabled).isRangeStart{box-shadow:-12px 0 0 0 rgb(var(--aui-color-n-10)),6px 0 0 0 rgb(var(--aui-color-n-6))}.aui-picker-panel__cell:not(.isDisabled)+.aui-picker-panel__cell.isDisabled{box-shadow:6px 0 0 0 rgb(var(--aui-color-n-8))}.aui-picker-panel__cell.isToday button{border:1px solid rgb(var(--aui-color-primary));color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-7))}.aui-picker-panel__cell.isActive button{background-color:rgb(var(--aui-color-primary));color:rgb(var(--aui-color-n-10))}.aui-picker-panel__cell.isBackground button{background-color:initial!important;color:rgb(var(--aui-color-n-6))}"]
|
|
11375
11402
|
},] }
|
|
11376
11403
|
];
|
|
11377
11404
|
PickerPanelComponent.ctorParameters = function () { return [
|
|
@@ -11571,7 +11598,7 @@
|
|
|
11571
11598
|
multi: true,
|
|
11572
11599
|
},
|
|
11573
11600
|
],
|
|
11574
|
-
styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:552px;font-size:
|
|
11601
|
+
styles: [".aui-date-range-picker-panel__container{display:flex;flex-direction:column;width:552px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-date-range-picker-panel__container .placeholder{color:rgb(var(--aui-color-n-6))}.aui-date-range-picker-panel__container .placeholder.separator{margin-inline:12px}.aui-date-range-picker-panel__container .date-value{color:rgb(var(--aui-color-n-1))}.aui-date-range-picker-panel__container .date-holder{display:inline-block;margin-right:8px;width:82px}.aui-date-range-picker-panel__header{display:flex;justify-content:space-between}.aui-date-range-picker-panel__header aui-calendar-header{flex:0 0 275px}.aui-date-range-picker-panel__body{display:flex;justify-content:space-between;margin:16px 0}.aui-date-range-picker-panel__footer .time-picker{width:88px;display:inline-block}.aui-date-range-picker-panel__footer-content{display:flex;align-items:center;height:100%}"]
|
|
11575
11602
|
},] }
|
|
11576
11603
|
];
|
|
11577
11604
|
DateRangePickerPanelComponent.propDecorators = {
|
|
@@ -11781,7 +11808,7 @@
|
|
|
11781
11808
|
DatePickerTriggerComponent.decorators = [
|
|
11782
11809
|
{ type: i0.Component, args: [{
|
|
11783
11810
|
selector: 'aui-date-picker-trigger',
|
|
11784
|
-
template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n
|
|
11811
|
+
template: "<div\n [class]=\"bem.element('container')\"\n [ngClass]=\"{\n isFocused: isFocus,\n isRange: isRange,\n disabled: disabled\n }\"\n (mouseenter)=\"hovered = true\"\n (mouseleave)=\"hovered = false\"\n>\n <span [class]=\"bem.element('content')\">\n <ng-container *ngIf=\"isRange\">\n <input\n style=\"flex: 1\"\n aui-input\n #focusRef\n [value]=\"$any(value || [])[0]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"leftFocus = true\"\n (blur)=\"leftFocus = false; blur.next()\"\n [placeholder]=\"startPlaceholder || ('start_date' | auiI18n)\"\n />\n <span class=\"placeholder\" (click)=\"focusInput()\">{{\n 'to' | auiI18n\n }}</span>\n <input\n style=\"flex: 1\"\n aui-input\n [value]=\"$any(value || [])[1]?.format(format)\"\n [readonly]=\"true\"\n [size]=\"size\"\n (focus)=\"rightFocus = true\"\n (blur)=\"rightFocus = false; blur.next()\"\n [placeholder]=\"endPlaceholder || ('end_date' | auiI18n)\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isRange\">\n <input\n aui-input\n auiTooltipType=\"plain\"\n [value]=\"$any(value)?.format(format)\"\n [readonly]=\"true\"\n #focusRef\n [size]=\"size\"\n auiTooltipType=\"info\"\n (focus)=\"centerFocus = true\"\n (blur)=\"centerFocus = false; blur.next()\"\n [placeholder]=\"placeholder || ('select_date' | auiI18n)\"\n />\n </ng-container>\n </span>\n <span [class]=\"bem.element('addon')\" (click)=\"focusInput()\">\n <aui-icon\n *ngIf=\"showClear; else calendar\"\n class=\"clear\"\n 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",
|
|
11785
11812
|
// tslint:disable-next-line: validate-decorators
|
|
11786
11813
|
encapsulation: i0.ViewEncapsulation.Emulated,
|
|
11787
11814
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
@@ -12362,7 +12389,7 @@
|
|
|
12362
12389
|
template: "<div\n class=\"aui-steps aui-steps--{{ orientation || 'horizontal' }} aui-steps--{{\n type || 'step'\n }}\"\n>\n <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <div\n class=\"aui-step\"\n (click)=\"select(i)\"\n [class.isLastActive]=\"isLastActive(i, steps)\"\n [class.clickable]=\"isSelectable(i)\"\n >\n <div class=\"aui-step__indicator\">\n <ng-container *ngIf=\"isProgress\">\n <ng-container [ngSwitch]=\"getIcon(i, step.state)\">\n <span\n class=\"aui-step__indicator-number aui-step__indicator-number--{{\n step.state\n }}\"\n *ngSwitchCase=\"'number'\"\n [class.selected]=\"getActiveIndex() === i\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n class=\"aui-step__indicator-icon aui-step__indicator-icon--{{\n step.state\n }}\"\n *ngSwitchDefault\n [class.selected]=\"getActiveIndex() === i\"\n [icon]=\"getIcon(i, step.state)\"\n ></aui-icon>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!isProgress\">\n <span\n class=\"aui-step__indicator-number\"\n [class.selected]=\"_currentIndex === i\"\n *ngIf=\"i >= _currentIndex\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n class=\"aui-step__indicator-icon aui-step__indicator-icon--done\"\n [class.selected]=\"_currentIndex === i\"\n *ngIf=\"i < _currentIndex\"\n [icon]=\"getIcon(i, 'done')\"\n ></aui-icon>\n </ng-container>\n <div\n *ngIf=\"!isLast && isVertical\"\n class=\"aui-steps__vertical-line aui-steps__vertical-line--{{\n step.state\n }}\"\n ></div>\n </div>\n <div\n class=\"aui-step__info aui-step__info--{{\n isProgress\n ? step.state || 'default'\n : i < _currentIndex\n ? 'done'\n : 'default'\n }}\"\n [class.aui-step__info--selected]=\"getActiveIndex() === i\"\n >\n <div class=\"aui-step__name\">\n {{ step.label }}\n </div>\n <div class=\"aui-step__description\" *ngIf=\"step.description\">\n {{ step.description }}\n </div>\n </div>\n </div>\n <div\n *ngIf=\"!isLast && !isVertical\"\n class=\"aui-steps__horizontal-line\"\n ></div>\n </ng-container>\n</div>\n",
|
|
12363
12390
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12364
12391
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12365
|
-
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aui-step{display:flex;align-items:center}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;color:rgb(var(--aui-color-n-4))}.aui-step__indicator-number{border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:
|
|
12392
|
+
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aui-step{display:flex;align-items:center;font-weight:var(--aui-font-weight-normal)}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;color:rgb(var(--aui-color-n-4))}.aui-step__indicator-number{border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);display:flex;justify-content:center;width:var(--aui-icon-size-xl);height:var(--aui-icon-size-xl);line-height:var(--aui-line-height-l)}.aui-step__indicator-number.selected{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary));color:#fff}.aui-step__indicator-icon{font-size:var(--aui-icon-size-xl);display:inline-flex;border-radius:50%}.aui-step__indicator-icon--done,.aui-step__indicator-icon--pending{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-step__indicator-icon--done.selected,.aui-step__indicator-icon--pending.selected{background-color:#fff}.aui-step__indicator-icon--error{background-color:rgb(var(--aui-color-r-6));color:rgb(var(--aui-color-red))}.aui-step__indicator-icon--error.selected{background-color:#fff}.aui-step__indicator-icon--pending{transform-origin:center;-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite}.aui-step__name{font-size:var(--aui-font-size-l);max-width:128px}.aui-step__description{font-size:var(--aui-font-size-s);margin-top:var(--aui-spacing-s);line-height:var(--aui-line-height-s)}.aui-step__info{color:rgb(var(--aui-color-n-4))}.aui-step__info--done,.aui-step__info--error,.aui-step__info--pending,.aui-step__info--selected{color:rgb(var(--aui-color-n-1))}.aui-step__info--selected .aui-step__name{font-weight:var(--aui-font-weight-bold)}.aui-step.clickable{cursor:pointer}.aui-steps--progress .aui-step.clickable .aui-step__info:hover{color:rgb(var(--aui-color-primary))}.aui-steps__horizontal-line{height:1px;background-color:rgb(var(--aui-color-n-7));flex:1;max-width:240px;margin:0 var(--aui-spacing-l)}.aui-steps__vertical-line{min-height:12px;width:1px;background-color:rgb(var(--aui-color-n-7));margin-top:var(--aui-spacing-s);flex:1}.aui-steps__vertical-line--done{background-color:rgb(var(--aui-color-green))}.aui-steps__vertical-line--error{background-color:rgb(var(--aui-color-red))}.aui-steps__vertical-line--pending{background-color:rgb(var(--aui-color-primary))}.aui-steps--horizontal{padding:0 120px;display:flex;justify-content:center;align-items:center}.aui-steps--vertical{max-width:200px}.aui-steps--vertical .aui-step{align-items:stretch}.aui-steps--vertical .aui-step:not(:last-child){margin-bottom:var(--aui-spacing-s)}.aui-steps--vertical .aui-step__indicator{height:auto;display:flex;align-items:center;flex-direction:column}.aui-steps--vertical .aui-step__indicator-icon--done{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-steps--vertical .aui-step__indicator-icon--done.selected{background-color:#fff}.aui-steps--vertical .aui-step__info{padding-bottom:13px}.aui-steps--vertical .aui-step.isLastActive .aui-steps__vertical-line{background-color:rgb(var(--aui-color-n-7))}"]
|
|
12366
12393
|
},] }
|
|
12367
12394
|
];
|
|
12368
12395
|
StepsComponent.propDecorators = {
|