@alauda/ui 6.4.6-beta.2 → 6.4.6-beta.3
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.d.ts +0 -3
- package/button/button.types.d.ts +0 -9
- package/esm2020/accordion/accordion-item/accordion-item.component.mjs +1 -3
- package/esm2020/alauda-ui.mjs +1 -4
- package/esm2020/anchor/anchor.component.mjs +1 -2
- package/esm2020/back-top/back-top.component.mjs +2 -4
- package/esm2020/button/button.component.mjs +1 -2
- package/esm2020/button/button.types.mjs +1 -10
- package/esm2020/date-picker/calendar/constant.mjs +1 -2
- package/esm2020/date-picker/calendar/header/component.mjs +1 -5
- package/esm2020/date-picker/calendar/panel/picker-panel.mjs +1 -5
- package/esm2020/date-picker/calendar/range-picker-panel/component.mjs +1 -3
- package/esm2020/date-picker/calendar/util.mjs +1 -2
- package/esm2020/dialog/dialog-content/dialog-content.component.mjs +1 -2
- package/esm2020/dialog/dialog.component.mjs +2 -2
- package/esm2020/dialog/dialog.service.mjs +1 -2
- package/esm2020/drawer/component/drawer.component.mjs +1 -4
- package/esm2020/drawer/component/helper-directives.mjs +1 -5
- package/esm2020/form/common-form.mjs +1 -8
- package/esm2020/icon/icon-register.service.mjs +1 -2
- package/esm2020/input/autosize.directive.mjs +2 -7
- package/esm2020/input/input.component.mjs +1 -5
- package/esm2020/input/tags-input/tags-input.component.mjs +2 -7
- package/esm2020/message/message.config.mjs +1 -6
- package/esm2020/notification/notification.component.mjs +1 -5
- package/esm2020/paginator/paginator-intl.mjs +1 -12
- package/esm2020/paginator/paginator.component.mjs +1 -9
- package/esm2020/radio/radio-button/radio-button.component.mjs +1 -2
- package/esm2020/radio/radio-group/radio-group.component.mjs +1 -4
- package/esm2020/radio/radio.component.mjs +1 -2
- package/esm2020/scrolling/fixed-size-table-virtual-scroll-strategy.mjs +1 -3
- package/esm2020/scrolling/fixed-size-table-virtual-scroll.directive.mjs +1 -3
- package/esm2020/scrolling/fixed-size-virtual-scroll.directive.mjs +1 -2
- package/esm2020/select/base-select.mjs +2 -5
- package/esm2020/select/multi-select/multi-select.component.mjs +2 -4
- package/esm2020/select/select.component.mjs +1 -2
- package/esm2020/select/validators.mjs +2 -6
- package/esm2020/sort/sort-errors.mjs +1 -5
- package/esm2020/sort/sort-header.component.mjs +1 -5
- package/esm2020/sort/sort.directive.mjs +1 -2
- package/esm2020/steps/steps.component.mjs +1 -5
- package/esm2020/table/table-cell-def.directive.mjs +1 -5
- package/esm2020/table/table-cell.directive.mjs +1 -3
- package/esm2020/table/table-column-def.directive.mjs +1 -7
- package/esm2020/table/table-header-cell-def.directive.mjs +1 -5
- package/esm2020/table/table-header-cell.directive.mjs +1 -3
- package/esm2020/table/table-header-row-def.directive.mjs +1 -5
- package/esm2020/table/table-header-row.component.mjs +1 -2
- package/esm2020/table/table-row-def.directive.mjs +1 -6
- package/esm2020/table/table-row.component.mjs +1 -2
- package/esm2020/table/table-scroll.directive.mjs +3 -4
- package/esm2020/table/table.component.mjs +1 -4
- package/esm2020/tabs/tab-body.component.mjs +1 -19
- package/esm2020/tabs/tab-context.service.mjs +1 -4
- package/esm2020/tabs/tab-group.component.mjs +1 -46
- package/esm2020/tabs/tab-header-active-indicator.component.mjs +1 -10
- package/esm2020/tabs/tab-header.component.mjs +3 -106
- package/esm2020/tabs/tab.component.mjs +1 -15
- package/esm2020/tabs/tabs.types.mjs +1 -4
- package/esm2020/tag/tag.component.mjs +1 -2
- package/esm2020/time-picker/panel/panel.component.mjs +1 -3
- package/esm2020/tooltip/tooltip-intl.mjs +1 -7
- package/esm2020/tree-select/tree-select.component.mjs +1 -2
- package/esm2020/types.mjs +1 -4
- package/esm2020/utils/bem.mjs +1 -2
- package/esm2020/utils/coercion.mjs +1 -5
- package/fesm2015/alauda-ui.mjs +11 -376
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +11 -376
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/form/common-form.d.ts +0 -7
- package/input/autosize.directive.d.ts +0 -3
- package/input/input.component.d.ts +0 -3
- package/message/message.config.d.ts +0 -20
- package/notification/notification.component.d.ts +0 -4
- package/package.json +3 -2
- package/paginator/paginator-intl.d.ts +0 -9
- package/paginator/paginator.component.d.ts +0 -14
- package/radio/radio-group/radio-group.component.d.ts +0 -3
- package/select/base-select.d.ts +0 -3
- package/sort/sort-errors.d.ts +0 -4
- package/steps/steps.component.d.ts +0 -3
- package/steps/types.d.ts +0 -3
- package/table/table-cell-def.directive.d.ts +0 -4
- package/table/table-cell.directive.d.ts +0 -1
- package/table/table-column-def.directive.d.ts +0 -4
- package/table/table-header-cell-def.directive.d.ts +0 -4
- package/table/table-header-cell.directive.d.ts +0 -1
- package/table/table-header-row-def.directive.d.ts +0 -4
- package/table/table-header-row.component.d.ts +0 -1
- package/table/table-row-def.directive.d.ts +0 -5
- package/table/table-row.component.d.ts +0 -1
- package/table/table-scroll.directive.d.ts +2 -2
- package/tabs/tab-body.component.d.ts +0 -16
- package/tabs/tab-context.service.d.ts +0 -3
- package/tabs/tab-group.component.d.ts +0 -28
- package/tabs/tab-header-active-indicator.component.d.ts +0 -9
- package/tabs/tab-header.component.d.ts +0 -83
- package/tabs/tab.component.d.ts +0 -18
- package/tabs/tabs.types.d.ts +0 -3
- package/tooltip/tooltip-intl.d.ts +0 -4
- package/types.d.ts +0 -3
package/fesm2015/alauda-ui.mjs
CHANGED
|
@@ -60,9 +60,6 @@ const ComponentSize = {
|
|
|
60
60
|
Medium: 'medium',
|
|
61
61
|
Small: 'small',
|
|
62
62
|
Mini: 'mini',
|
|
63
|
-
/**
|
|
64
|
-
* represents default internally, @link https://github.com/angular/vscode-ng-language-service/issues/1147
|
|
65
|
-
*/
|
|
66
63
|
Empty: '',
|
|
67
64
|
};
|
|
68
65
|
|
|
@@ -74,17 +71,8 @@ const ButtonType = {
|
|
|
74
71
|
Danger: 'danger',
|
|
75
72
|
Text: 'text',
|
|
76
73
|
Inline: 'inline',
|
|
77
|
-
/**
|
|
78
|
-
* represents default internally, @link https://github.com/angular/vscode-ng-language-service/issues/1147
|
|
79
|
-
*/
|
|
80
74
|
Empty: '',
|
|
81
|
-
/**
|
|
82
|
-
* @deprecated use `ButtonType.Danger` instead
|
|
83
|
-
*/
|
|
84
75
|
Error: 'danger',
|
|
85
|
-
/**
|
|
86
|
-
* @deprecated use `ButtonType.Default` instead
|
|
87
|
-
*/
|
|
88
76
|
Info: 'default',
|
|
89
77
|
};
|
|
90
78
|
|
|
@@ -94,7 +82,6 @@ function sleep(ms = 0) {
|
|
|
94
82
|
});
|
|
95
83
|
}
|
|
96
84
|
|
|
97
|
-
// Experimental bem classname helper
|
|
98
85
|
class Bem {
|
|
99
86
|
constructor(namespace) {
|
|
100
87
|
this.namespace = namespace;
|
|
@@ -140,7 +127,6 @@ function buildBem(namespace) {
|
|
|
140
127
|
|
|
141
128
|
function coerceString(val) {
|
|
142
129
|
var _a;
|
|
143
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
144
130
|
return val == null ? '' : (_a = val === null || val === void 0 ? void 0 : val.toString()) !== null && _a !== void 0 ? _a : '';
|
|
145
131
|
}
|
|
146
132
|
function coerceAttrBoolean(val) {
|
|
@@ -150,9 +136,6 @@ function coerceNumber(val, fallbackValue = 0) {
|
|
|
150
136
|
return _isNumberValue(val) ? Number(val) : fallbackValue;
|
|
151
137
|
}
|
|
152
138
|
function _isNumberValue(value) {
|
|
153
|
-
// parseFloat(value) handles most of the cases we're interested in (it treats null, empty string,
|
|
154
|
-
// and other non-number values as NaN, where Number just uses 0) but it considers the string
|
|
155
|
-
// '123hello' to be a valid number. Therefore we also check if Number(value) is NaN.
|
|
156
139
|
return !isNaN(parseFloat(value)) && !isNaN(Number(value));
|
|
157
140
|
}
|
|
158
141
|
|
|
@@ -285,7 +268,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
285
268
|
type: Optional
|
|
286
269
|
}] }];
|
|
287
270
|
} });
|
|
288
|
-
// eslint-disable-next-line sonar/function-name
|
|
289
271
|
function ICON_REGISTER_PROVIDER_FACTORY(parentRegister, document, httpClient) {
|
|
290
272
|
return parentRegister || new IconRegisterService(document, httpClient);
|
|
291
273
|
}
|
|
@@ -513,7 +495,6 @@ class ButtonComponent {
|
|
|
513
495
|
return this._size;
|
|
514
496
|
}
|
|
515
497
|
set size(val) {
|
|
516
|
-
// when change from other size to default
|
|
517
498
|
if (!val) {
|
|
518
499
|
val = ComponentSize.Medium;
|
|
519
500
|
}
|
|
@@ -669,14 +650,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
669
650
|
}]
|
|
670
651
|
}] });
|
|
671
652
|
class AccordionItemComponent extends CdkAccordionItem {
|
|
672
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
673
653
|
constructor(accordion, cdr, uniqueSelectionDispatcher) {
|
|
674
654
|
super(accordion, cdr, uniqueSelectionDispatcher);
|
|
675
655
|
this.background = true;
|
|
676
656
|
}
|
|
677
657
|
ngAfterContentInit() {
|
|
678
658
|
if (this._lazyContentTpl) {
|
|
679
|
-
// Render the content as soon as the accordion becomes open.
|
|
680
659
|
this.opened
|
|
681
660
|
.pipe(startWith(null), filter(() => !!this.expanded), take(1))
|
|
682
661
|
.subscribe(() => {
|
|
@@ -965,7 +944,6 @@ class AnchorTreeComponent extends AnchorDirectiveChild {
|
|
|
965
944
|
watchLabelsChange() {
|
|
966
945
|
this.depose$$.next();
|
|
967
946
|
const cdr = this.injector.get(ChangeDetectorRef);
|
|
968
|
-
// FIXME: Is there any better way to achieve this?
|
|
969
947
|
combineLatest(this.treeItems.map(({ labelChange }) => labelChange).filter(Boolean))
|
|
970
948
|
.pipe(debounceTime(0), takeUntil(this.depose$$))
|
|
971
949
|
.subscribe(() => cdr.markForCheck());
|
|
@@ -1683,9 +1661,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
1683
1661
|
args: ['auiTooltipActive']
|
|
1684
1662
|
}] } });
|
|
1685
1663
|
|
|
1686
|
-
/**
|
|
1687
|
-
* Texts to render on the code editor.
|
|
1688
|
-
*/
|
|
1689
1664
|
class TooltipCopyIntl {
|
|
1690
1665
|
constructor() {
|
|
1691
1666
|
this.copyTip = 'Click to copy';
|
|
@@ -1698,13 +1673,10 @@ TooltipCopyIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", vers
|
|
|
1698
1673
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TooltipCopyIntl, decorators: [{
|
|
1699
1674
|
type: Injectable
|
|
1700
1675
|
}] });
|
|
1701
|
-
// eslint-disable-next-line sonar/function-name
|
|
1702
1676
|
function TOOLTIP_COPY_INTL_PROVIDER_FACTORY(parentIntl) {
|
|
1703
1677
|
return parentIntl || new TooltipCopyIntl();
|
|
1704
1678
|
}
|
|
1705
|
-
/** @docs-private */
|
|
1706
1679
|
const TOOLTIP_COPY_INTL_INTL_PROVIDER = {
|
|
1707
|
-
// If there is already an CodeEditorIntl available, use that. Otherwise, provide a new one.
|
|
1708
1680
|
provide: TooltipCopyIntl,
|
|
1709
1681
|
deps: [[new Optional(), new SkipSelf(), TooltipCopyIntl]],
|
|
1710
1682
|
useFactory: TOOLTIP_COPY_INTL_PROVIDER_FACTORY,
|
|
@@ -2163,9 +2135,7 @@ class BackTopComponent {
|
|
|
2163
2135
|
this.target$$ = new BehaviorSubject(this.target);
|
|
2164
2136
|
this.visibilityHeight$$ = new BehaviorSubject(this.visibilityHeight);
|
|
2165
2137
|
this.isDisplayed$ = combineLatest([
|
|
2166
|
-
this.target$$.asObservable().pipe(map(target => this.getTarget(target)), switchMap(target => fromEvent(target, 'scroll').pipe(
|
|
2167
|
-
// use default scheduler
|
|
2168
|
-
throttleTime(50, undefined, { leading: true, trailing: true }), map(() => this.getTargetScrollTop(target))))),
|
|
2138
|
+
this.target$$.asObservable().pipe(map(target => this.getTarget(target)), switchMap(target => fromEvent(target, 'scroll').pipe(throttleTime(50, undefined, { leading: true, trailing: true }), map(() => this.getTargetScrollTop(target))))),
|
|
2169
2139
|
this.visibilityHeight$$,
|
|
2170
2140
|
]).pipe(map(([scrollTop, visibilityHeight]) => scrollTop >= visibilityHeight), distinctUntilChanged());
|
|
2171
2141
|
}
|
|
@@ -2432,10 +2402,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
2432
2402
|
}]
|
|
2433
2403
|
}] });
|
|
2434
2404
|
|
|
2435
|
-
/**
|
|
2436
|
-
* form control 内部不保持 value 属性,当不使用 ngModel 时可以通过 [(value)] 实现双向绑定;
|
|
2437
|
-
* 也可以分别传入 value 和 监听 valueChange 事件以实现阻断用户操作的功能。
|
|
2438
|
-
*/
|
|
2439
2405
|
class CommonFormControl {
|
|
2440
2406
|
constructor(cdr) {
|
|
2441
2407
|
this.cdr = cdr;
|
|
@@ -2514,9 +2480,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
2514
2480
|
}], valueChange: [{
|
|
2515
2481
|
type: Output
|
|
2516
2482
|
}] } });
|
|
2517
|
-
/**
|
|
2518
|
-
* @deprecated use {@link CommonFormControl} instead
|
|
2519
|
-
*/
|
|
2520
2483
|
const CommonForm = CommonFormControl;
|
|
2521
2484
|
|
|
2522
2485
|
const LabelPosition = {
|
|
@@ -3045,7 +3008,6 @@ const YEAR = 'year';
|
|
|
3045
3008
|
const HOUR = 'hour';
|
|
3046
3009
|
const MINUTE = 'minute';
|
|
3047
3010
|
const SECOND = 'second';
|
|
3048
|
-
// 根据日期类型,分为年,月,日
|
|
3049
3011
|
var DatePickerType;
|
|
3050
3012
|
(function (DatePickerType) {
|
|
3051
3013
|
DatePickerType["Day"] = "date";
|
|
@@ -3098,7 +3060,6 @@ function getDatePanelIterable(date, navRange, weekStartDay) {
|
|
|
3098
3060
|
counts = YEAR_PANEL_COLUMN_COUNT * YEAR_PANEL_ROW_COUNT;
|
|
3099
3061
|
break;
|
|
3100
3062
|
}
|
|
3101
|
-
// No default
|
|
3102
3063
|
}
|
|
3103
3064
|
let i = 0;
|
|
3104
3065
|
return {
|
|
@@ -3325,22 +3286,18 @@ class CalendarHeaderComponent {
|
|
|
3325
3286
|
get headerRange() {
|
|
3326
3287
|
return calcRangeValue(this.dateNavRange, this.anchor);
|
|
3327
3288
|
}
|
|
3328
|
-
// maxAvail > current date :right btn hide
|
|
3329
|
-
// minAvail > current date :left btn hide
|
|
3330
3289
|
shouldShowNav(type, side) {
|
|
3331
3290
|
var _a;
|
|
3332
3291
|
const availValue = (_a = (side === Side.Left ? this._minAvail : this._maxAvail)) === null || _a === void 0 ? void 0 : _a.clone();
|
|
3333
3292
|
if (!availValue) {
|
|
3334
3293
|
return true;
|
|
3335
3294
|
}
|
|
3336
|
-
// 对于年的判别,2014-5-1至2015-6-1日,仍当展示按钮
|
|
3337
3295
|
const constrainDate = [DateNavRange.Month, DateNavRange.Year].includes(type)
|
|
3338
3296
|
? availValue.add(side === Side.Left ? 1 : -1, type)
|
|
3339
3297
|
: availValue;
|
|
3340
3298
|
return (this.compareNavValue(type, constrainDate, this.anchor) ===
|
|
3341
3299
|
(side === Side.Left ? -1 : 1));
|
|
3342
3300
|
}
|
|
3343
|
-
// @return isBetween|isEqual:0, isBefore:-1,isAfter:1
|
|
3344
3301
|
compareNavValue(type, constrain, anchor) {
|
|
3345
3302
|
const range = calcRangeValue(type, anchor);
|
|
3346
3303
|
const constrainValue = constrain;
|
|
@@ -3430,12 +3387,9 @@ class PickerPanelComponent {
|
|
|
3430
3387
|
return composeDisabledDateFn(date => this.minDate && date.isBefore(this.minDate), date => this.maxDate && date.isAfter(this.maxDate), this.disabledDate);
|
|
3431
3388
|
}
|
|
3432
3389
|
ngOnChanges() {
|
|
3433
|
-
// 如果 dateValue 是一个数组,必然是同一个面板上,否则应当给与不同的面板不同的dateValue值
|
|
3434
3390
|
const headerRange = calcRangeValue(this.navRange, this.anchor);
|
|
3435
3391
|
this.renderPanelData(headerRange.start, this.navRange);
|
|
3436
3392
|
}
|
|
3437
|
-
// 根据当前数据,计算渲染表格
|
|
3438
|
-
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
3439
3393
|
renderPanelData(date, navRange) {
|
|
3440
3394
|
const value = [];
|
|
3441
3395
|
let colCounts = 0;
|
|
@@ -3460,7 +3414,6 @@ class PickerPanelComponent {
|
|
|
3460
3414
|
rowCounts = MONTH_PANEL_ROW_COUNT;
|
|
3461
3415
|
break;
|
|
3462
3416
|
}
|
|
3463
|
-
// No default
|
|
3464
3417
|
}
|
|
3465
3418
|
for (let k = 0; k < rowCounts; k++) {
|
|
3466
3419
|
const row = [];
|
|
@@ -3615,7 +3568,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
3615
3568
|
}]
|
|
3616
3569
|
}] });
|
|
3617
3570
|
|
|
3618
|
-
/* eslint-disable sonarjs/no-duplicate-string */
|
|
3619
3571
|
class InputComponent {
|
|
3620
3572
|
constructor(elementRef, renderer) {
|
|
3621
3573
|
this.elementRef = elementRef;
|
|
@@ -3623,9 +3575,6 @@ class InputComponent {
|
|
|
3623
3575
|
this._size = ComponentSize.Medium;
|
|
3624
3576
|
this._disabled = false;
|
|
3625
3577
|
this.size$ = new BehaviorSubject(this.size);
|
|
3626
|
-
/**
|
|
3627
|
-
* workaround for @link https://github.com/microsoft/TypeScript/pull/42425
|
|
3628
|
-
*/
|
|
3629
3578
|
this.disabled$ = new BehaviorSubject(this.disabled);
|
|
3630
3579
|
this.renderer.addClass(this.elementRef.nativeElement, 'aui-input');
|
|
3631
3580
|
this.renderer.addClass(this.elementRef.nativeElement, 'aui-input--' + this.size);
|
|
@@ -3727,7 +3676,6 @@ class TimePickerPanelComponent extends CommonFormControl {
|
|
|
3727
3676
|
this.ComponentSize = ComponentSize;
|
|
3728
3677
|
this.bem = bem$4;
|
|
3729
3678
|
this.enabledColumns = 0;
|
|
3730
|
-
// 用于控制初次滚动,是否展示滚动动画效果
|
|
3731
3679
|
this.firstScrolled = false;
|
|
3732
3680
|
this.model$.subscribe(_ => {
|
|
3733
3681
|
this.cdr.markForCheck();
|
|
@@ -3845,7 +3793,6 @@ class TimePickerPanelComponent extends CommonFormControl {
|
|
|
3845
3793
|
}
|
|
3846
3794
|
else {
|
|
3847
3795
|
const difference = targetOffset - currentTop;
|
|
3848
|
-
// 每个tick滚动距离
|
|
3849
3796
|
const perTick = (difference / duration) * 10;
|
|
3850
3797
|
requestAnimationFrame(() => {
|
|
3851
3798
|
element.scrollTop = currentTop + perTick;
|
|
@@ -4218,7 +4165,6 @@ class DateRangePickerPanelComponent extends CommonFormControl {
|
|
|
4218
4165
|
this.FOOTER_DATE_FORMAT = 'YYYY-MM-dd';
|
|
4219
4166
|
this.leftAnchor = dayjs();
|
|
4220
4167
|
this.rightAnchor = dayjs().add(1, MONTH);
|
|
4221
|
-
// 用于存放 range data 序列,数量为 2 时清除
|
|
4222
4168
|
this.rangeValue = [];
|
|
4223
4169
|
this.leftDisabledTimeFn = this.getDisabledTimeCachedFn(Side.Left);
|
|
4224
4170
|
this.rightDisabledTimeFn = this.getDisabledTimeCachedFn(Side.Right);
|
|
@@ -4248,7 +4194,6 @@ class DateRangePickerPanelComponent extends CommonFormControl {
|
|
|
4248
4194
|
this.rightDateRange = type;
|
|
4249
4195
|
}
|
|
4250
4196
|
}
|
|
4251
|
-
// range 组件范围受控
|
|
4252
4197
|
getDateDisabledFn(side, constrainValue) {
|
|
4253
4198
|
return composeDisabledDateFn((date, navRange) => {
|
|
4254
4199
|
if (navRange === DateNavRange.Month) {
|
|
@@ -4500,9 +4445,6 @@ const DEFAULT_VALUE = {
|
|
|
4500
4445
|
minRows: 3,
|
|
4501
4446
|
maxRows: 6,
|
|
4502
4447
|
};
|
|
4503
|
-
/**
|
|
4504
|
-
* Directive to automatically resize a textarea to fit its content.
|
|
4505
|
-
*/
|
|
4506
4448
|
class AutosizeDirective {
|
|
4507
4449
|
constructor(elRef, ngControl) {
|
|
4508
4450
|
this.elRef = elRef;
|
|
@@ -4541,9 +4483,7 @@ AutosizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", vers
|
|
|
4541
4483
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: AutosizeDirective, decorators: [{
|
|
4542
4484
|
type: Directive,
|
|
4543
4485
|
args: [{
|
|
4544
|
-
selector:
|
|
4545
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
4546
|
-
'textarea[autosize][ngModel],textarea[autosize][formControl],textarea[autosize][formControlName]',
|
|
4486
|
+
selector: 'textarea[autosize][ngModel],textarea[autosize][formControl],textarea[autosize][formControlName]',
|
|
4547
4487
|
exportAs: 'TextareaAutosize',
|
|
4548
4488
|
}]
|
|
4549
4489
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i4.NgControl }]; }, propDecorators: { autoSize: [{
|
|
@@ -4643,7 +4583,6 @@ class TagComponent {
|
|
|
4643
4583
|
get rootClass() {
|
|
4644
4584
|
return `${this.bem.block(this.type || TagType.Primary, this.size || ComponentSize.Medium)} ${this.solid ? 'isSolid' : ''} ${this.border ? 'hasBorder' : ''} ${this.invalid ? 'isInvalid' : ''} ${this.round ? 'isRound' : ''} ${this.allowClick && this.isNormalTag ? 'allowClick' : ''}`;
|
|
4645
4585
|
}
|
|
4646
|
-
// 只有常规标签支持单击样式
|
|
4647
4586
|
get isNormalTag() {
|
|
4648
4587
|
return !this.solid && !this.closeable && !this.invalid;
|
|
4649
4588
|
}
|
|
@@ -4916,13 +4855,12 @@ class TagsInputComponent extends CommonFormControl {
|
|
|
4916
4855
|
this.bem = buildBem('aui-tags-input');
|
|
4917
4856
|
this.placeholder = '';
|
|
4918
4857
|
this.size = ComponentSize.Medium;
|
|
4919
|
-
// TODO: implement this feature
|
|
4920
4858
|
this.clearable = false;
|
|
4921
4859
|
this.allowRepeat = false;
|
|
4922
4860
|
this.allowEmpty = false;
|
|
4923
4861
|
this.readonlyTags = [];
|
|
4924
4862
|
this.maxRowCount = 0;
|
|
4925
|
-
this.customRowHeight = 0;
|
|
4863
|
+
this.customRowHeight = 0;
|
|
4926
4864
|
this.withMaxRowCount = createWithMaxRowCount(this);
|
|
4927
4865
|
this.focused = false;
|
|
4928
4866
|
this.model = [];
|
|
@@ -4992,7 +4930,6 @@ class TagsInputComponent extends CommonFormControl {
|
|
|
4992
4930
|
onInput() {
|
|
4993
4931
|
var _a, _b, _c;
|
|
4994
4932
|
const value = this.inputRef.nativeElement.value;
|
|
4995
|
-
// make sure value sync to span element
|
|
4996
4933
|
requestAnimationFrame(() => {
|
|
4997
4934
|
if (!value.length) {
|
|
4998
4935
|
this.renderer.removeStyle(this.inputRef.nativeElement, 'width');
|
|
@@ -5054,13 +4991,11 @@ class TagsInputComponent extends CommonFormControl {
|
|
|
5054
4991
|
return;
|
|
5055
4992
|
}
|
|
5056
4993
|
this.inputControl.setValue(this.inputRef.nativeElement.value);
|
|
5057
|
-
// inputControl 自身的状态为同步计算
|
|
5058
4994
|
this.syncControlStatus();
|
|
5059
4995
|
if (this.inputControl.valid) {
|
|
5060
4996
|
this.emitValue(this.model.concat(value));
|
|
5061
4997
|
}
|
|
5062
4998
|
else if (this.inputControl.pending) {
|
|
5063
|
-
// PENDING 后只会变为 VALID 或 INVALID 的决议状态
|
|
5064
4999
|
this.inputControl.statusChanges.pipe(take(1)).subscribe(_ => {
|
|
5065
5000
|
this.syncControlStatus();
|
|
5066
5001
|
if (this.inputControl.valid) {
|
|
@@ -5084,7 +5019,6 @@ class TagsInputComponent extends CommonFormControl {
|
|
|
5084
5019
|
(_d = this.controlContainer) === null || _d === void 0 ? void 0 : _d.control.setErrors(Object.assign(Object.assign({}, (_f = (_e = this.controlContainer) === null || _e === void 0 ? void 0 : _e.control) === null || _f === void 0 ? void 0 : _f.errors), { [INPUT_ERROR_KEY]: errors }));
|
|
5085
5020
|
}
|
|
5086
5021
|
else if (disabled) {
|
|
5087
|
-
// 与当前 input 校验脱离
|
|
5088
5022
|
(_h = (_g = this.controlContainer) === null || _g === void 0 ? void 0 : _g.control) === null || _h === void 0 ? void 0 : _h.updateValueAndValidity();
|
|
5089
5023
|
}
|
|
5090
5024
|
}
|
|
@@ -5653,10 +5587,10 @@ class DialogComponent {
|
|
|
5653
5587
|
}
|
|
5654
5588
|
}
|
|
5655
5589
|
DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
5656
|
-
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);
|
|
5590
|
+
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
5657
5591
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, decorators: [{
|
|
5658
5592
|
type: Component,
|
|
5659
|
-
args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);
|
|
5593
|
+
args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"] }]
|
|
5660
5594
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { portalOutlet: [{
|
|
5661
5595
|
type: ViewChild,
|
|
5662
5596
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -5824,7 +5758,6 @@ class DialogService {
|
|
|
5824
5758
|
resolve(action.result);
|
|
5825
5759
|
}
|
|
5826
5760
|
else {
|
|
5827
|
-
// eslint-disable-next-line prefer-promise-reject-errors
|
|
5828
5761
|
reject(action.result);
|
|
5829
5762
|
}
|
|
5830
5763
|
});
|
|
@@ -5948,7 +5881,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
5948
5881
|
}] } });
|
|
5949
5882
|
|
|
5950
5883
|
class DialogContentComponent extends CdkScrollable {
|
|
5951
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
5952
5884
|
constructor(elementRef, scrollDispatcher, ngZone, dir) {
|
|
5953
5885
|
super(elementRef, scrollDispatcher, ngZone, dir);
|
|
5954
5886
|
this.bem = buildBem('aui-dialog');
|
|
@@ -6069,10 +6001,6 @@ var DrawerSize;
|
|
|
6069
6001
|
class DrawerRef {
|
|
6070
6002
|
}
|
|
6071
6003
|
|
|
6072
|
-
/**
|
|
6073
|
-
* @packageDocumentation
|
|
6074
|
-
* @module page-guard
|
|
6075
|
-
*/
|
|
6076
6004
|
class DrawerHeaderDirective {
|
|
6077
6005
|
}
|
|
6078
6006
|
DrawerHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DrawerHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -6165,7 +6093,6 @@ class DrawerComponent extends DrawerRef {
|
|
|
6165
6093
|
this.open();
|
|
6166
6094
|
}
|
|
6167
6095
|
else if (!visible.firstChange) {
|
|
6168
|
-
// 不希望默认关闭时,drawer 渲染后就触发 close 事件
|
|
6169
6096
|
this.dispose();
|
|
6170
6097
|
}
|
|
6171
6098
|
}
|
|
@@ -6188,8 +6115,6 @@ class DrawerComponent extends DrawerRef {
|
|
|
6188
6115
|
.pipe(takeUntil(this.onDestroy$))
|
|
6189
6116
|
.subscribe(event => {
|
|
6190
6117
|
var _a, _b;
|
|
6191
|
-
// 判断鼠标点击事件的 target 是否为 overlay-container 的子节点,如果是,则不关闭 drawer。
|
|
6192
|
-
// 为了避免点击 drawer 里的 tooltip 后 drawer 被关闭。
|
|
6193
6118
|
if (this.visible &&
|
|
6194
6119
|
this.hideOnClickOutside &&
|
|
6195
6120
|
event.target instanceof Node &&
|
|
@@ -6839,11 +6764,6 @@ var MessageType;
|
|
|
6839
6764
|
MessageType["Warning"] = "warning";
|
|
6840
6765
|
MessageType["Info"] = "info";
|
|
6841
6766
|
})(MessageType || (MessageType = {}));
|
|
6842
|
-
/**
|
|
6843
|
-
* messageOptions: contains Basic configuration
|
|
6844
|
-
* Just for some containers like Message-Container
|
|
6845
|
-
* Detailed document: http://confluence.alaudatech.com/pages/viewpage.action?pageId=23383163
|
|
6846
|
-
*/
|
|
6847
6767
|
class MessageConfig {
|
|
6848
6768
|
}
|
|
6849
6769
|
const MESSAGE_CONFIG = new InjectionToken('MESSAGE_CONFIG');
|
|
@@ -7129,10 +7049,6 @@ class NotificationComponent extends MessageComponent {
|
|
|
7129
7049
|
});
|
|
7130
7050
|
}
|
|
7131
7051
|
}
|
|
7132
|
-
/**
|
|
7133
|
-
* Attach a TemplatePortal as content to this modal container.
|
|
7134
|
-
* @param portal Portal to be attached as the modal content.
|
|
7135
|
-
*/
|
|
7136
7052
|
attachTemplatePortal(portal) {
|
|
7137
7053
|
return this.portalOutlet.attachTemplatePortal(portal);
|
|
7138
7054
|
}
|
|
@@ -7226,18 +7142,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
7226
7142
|
}]
|
|
7227
7143
|
}] });
|
|
7228
7144
|
|
|
7229
|
-
/**
|
|
7230
|
-
* To modify the labels and text displayed, create a new instance of MatPaginatorIntl and
|
|
7231
|
-
* include it in a custom provider
|
|
7232
|
-
*/
|
|
7233
7145
|
class PaginatorIntl {
|
|
7234
7146
|
constructor() {
|
|
7235
|
-
/**
|
|
7236
|
-
* Stream that emits whenever the labels here are changed. Use this to notify
|
|
7237
|
-
* components if the labels have changed after initialization.
|
|
7238
|
-
*/
|
|
7239
7147
|
this.changes = new Subject();
|
|
7240
|
-
/** A label for the page size selector. */
|
|
7241
7148
|
this.itemsPerPageLabel = 'perPage';
|
|
7242
7149
|
this.jumperLabelPrefix = 'Goto';
|
|
7243
7150
|
this.jumperLabelSuffix = '';
|
|
@@ -7249,12 +7156,10 @@ PaginatorIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", versio
|
|
|
7249
7156
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: PaginatorIntl, decorators: [{
|
|
7250
7157
|
type: Injectable
|
|
7251
7158
|
}] });
|
|
7252
|
-
// eslint-disable-next-line sonar/function-name
|
|
7253
7159
|
function PAGINATOR_INTL_PROVIDER_FACTORY(parentIntl) {
|
|
7254
7160
|
return parentIntl || new PaginatorIntl();
|
|
7255
7161
|
}
|
|
7256
7162
|
const PAGINATOR_INTL_PROVIDER = {
|
|
7257
|
-
// If there is already an PaginatorIntl available, use that. Otherwise, provide a new one.
|
|
7258
7163
|
provide: PaginatorIntl,
|
|
7259
7164
|
deps: [[new Optional(), new SkipSelf(), PaginatorIntl]],
|
|
7260
7165
|
useFactory: PAGINATOR_INTL_PROVIDER_FACTORY,
|
|
@@ -7493,7 +7398,6 @@ class BaseSelect extends CommonFormControl {
|
|
|
7493
7398
|
this.customOptions.changes.pipe(startWith(this.customOptions)),
|
|
7494
7399
|
this.contentOptions.changes.pipe(startWith(this.contentOptions)),
|
|
7495
7400
|
]).pipe(map(([customOptions, contentOptions]) => [...customOptions.toArray(), ...contentOptions.toArray()]), publishRef());
|
|
7496
|
-
// support dynamic options loading on filtering
|
|
7497
7401
|
this.allOptions$.pipe(takeUntil(this.destroy$$)).subscribe(() => {
|
|
7498
7402
|
if (this.opened) {
|
|
7499
7403
|
requestAnimationFrame(() => {
|
|
@@ -7502,9 +7406,7 @@ class BaseSelect extends CommonFormControl {
|
|
|
7502
7406
|
}
|
|
7503
7407
|
});
|
|
7504
7408
|
this.hasMatchedOption$ = combineLatest([
|
|
7505
|
-
this.allOptions$.pipe(map(customOptions => customOptions.filter(option => option !== this.inputtingOption)),
|
|
7506
|
-
// eslint-disable-next-line sonarjs/no-identical-functions
|
|
7507
|
-
switchMap(options => options.length > 0
|
|
7409
|
+
this.allOptions$.pipe(map(customOptions => customOptions.filter(option => option !== this.inputtingOption)), switchMap(options => options.length > 0
|
|
7508
7410
|
? combineLatest(options.map(option => option.value$))
|
|
7509
7411
|
: of([]))),
|
|
7510
7412
|
this.filterString$,
|
|
@@ -7755,7 +7657,6 @@ class SelectComponent extends BaseSelect {
|
|
|
7755
7657
|
label: option.label ||
|
|
7756
7658
|
((_a = this.labelFn) === null || _a === void 0 ? void 0 : _a.call(this, option.value)) ||
|
|
7757
7659
|
coerceString(this.trackFn(option.value)),
|
|
7758
|
-
// https://github.com/angular/angular/issues/24515
|
|
7759
7660
|
labelContext: Object.assign({}, option.labelContext),
|
|
7760
7661
|
}
|
|
7761
7662
|
: {
|
|
@@ -7815,11 +7716,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
7815
7716
|
args: ['inputRef', { static: true }]
|
|
7816
7717
|
}] } });
|
|
7817
7718
|
|
|
7818
|
-
/**
|
|
7819
|
-
* Change event object that is emitted when the user selects a
|
|
7820
|
-
* different page size or navigates to another page.
|
|
7821
|
-
* @deprecated use Output events directly instead
|
|
7822
|
-
*/
|
|
7823
7719
|
class PageEvent {
|
|
7824
7720
|
}
|
|
7825
7721
|
class PaginatorComponent {
|
|
@@ -7843,9 +7739,6 @@ class PaginatorComponent {
|
|
|
7843
7739
|
set pageIndex(val) {
|
|
7844
7740
|
this.currentPage = val + 1;
|
|
7845
7741
|
}
|
|
7846
|
-
/**
|
|
7847
|
-
* @deprecated use `total` instead
|
|
7848
|
-
*/
|
|
7849
7742
|
get length() {
|
|
7850
7743
|
return this.total;
|
|
7851
7744
|
}
|
|
@@ -7948,7 +7841,7 @@ class MultiSelectComponent extends BaseSelect {
|
|
|
7948
7841
|
this.model = [];
|
|
7949
7842
|
this.values$ = this.model$;
|
|
7950
7843
|
this.maxRowCount = 0;
|
|
7951
|
-
this.customRowHeight = 0;
|
|
7844
|
+
this.customRowHeight = 0;
|
|
7952
7845
|
this.inputValue = '';
|
|
7953
7846
|
this.withMaxRowCount = createWithMaxRowCount(this);
|
|
7954
7847
|
this.focused = false;
|
|
@@ -8019,7 +7912,6 @@ class MultiSelectComponent extends BaseSelect {
|
|
|
8019
7912
|
value,
|
|
8020
7913
|
};
|
|
8021
7914
|
})
|
|
8022
|
-
// sort disabled options as first
|
|
8023
7915
|
.sort((a, b) => {
|
|
8024
7916
|
if (a.disabled) {
|
|
8025
7917
|
return -1;
|
|
@@ -8167,7 +8059,6 @@ class MultiSelectComponent extends BaseSelect {
|
|
|
8167
8059
|
this.setInputWidth();
|
|
8168
8060
|
this.filterString = '';
|
|
8169
8061
|
}
|
|
8170
|
-
// calculate input element width according to its value
|
|
8171
8062
|
setInputWidth() {
|
|
8172
8063
|
const { value } = this.inputRef.nativeElement;
|
|
8173
8064
|
if (!value.length) {
|
|
@@ -8263,8 +8154,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8263
8154
|
}]
|
|
8264
8155
|
}] });
|
|
8265
8156
|
|
|
8266
|
-
// @dynamic
|
|
8267
|
-
// eslint-disable-next-line @typescript-eslint/no-extraneous-class
|
|
8268
8157
|
class AuiSelectValidators {
|
|
8269
8158
|
static includes(options, trackFn = val => val) {
|
|
8270
8159
|
return (control) => options.some(option => trackFn(option) === trackFn(control.value))
|
|
@@ -8320,9 +8209,7 @@ IncludesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", vers
|
|
|
8320
8209
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: IncludesDirective, decorators: [{
|
|
8321
8210
|
type: Directive,
|
|
8322
8211
|
args: [{
|
|
8323
|
-
selector:
|
|
8324
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
8325
|
-
'aui-select[ngModel][includes],aui-select[formControl][includes],aui-select[formControlName][includes]',
|
|
8212
|
+
selector: 'aui-select[ngModel][includes],aui-select[formControl][includes],aui-select[formControlName][includes]',
|
|
8326
8213
|
providers: [
|
|
8327
8214
|
{
|
|
8328
8215
|
provide: NG_VALIDATORS,
|
|
@@ -8443,9 +8330,6 @@ class RadioGroupComponent extends CommonFormControl {
|
|
|
8443
8330
|
set size(val) {
|
|
8444
8331
|
this.size$$.next(val);
|
|
8445
8332
|
}
|
|
8446
|
-
/**
|
|
8447
|
-
* @deprecated use `plain` instead
|
|
8448
|
-
*/
|
|
8449
8333
|
set isPlain(val) {
|
|
8450
8334
|
this.plain = val;
|
|
8451
8335
|
}
|
|
@@ -8556,7 +8440,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8556
8440
|
}] } });
|
|
8557
8441
|
|
|
8558
8442
|
class RadioComponent extends BaseRadio {
|
|
8559
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
8560
8443
|
constructor(radioGroup, focusMonitor, cdr) {
|
|
8561
8444
|
super(radioGroup, focusMonitor, cdr);
|
|
8562
8445
|
this.bem = buildBem('aui-radio');
|
|
@@ -8573,7 +8456,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8573
8456
|
}], ctorParameters: function () { return [{ type: RadioGroupComponent }, { type: i2$1.FocusMonitor }, { type: i0.ChangeDetectorRef }]; } });
|
|
8574
8457
|
|
|
8575
8458
|
class RadioButtonComponent extends BaseRadio {
|
|
8576
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
8577
8459
|
constructor(radioGroup, focusMonitor, cdr) {
|
|
8578
8460
|
super(radioGroup, focusMonitor, cdr);
|
|
8579
8461
|
this.bem = buildBem('aui-radio-button');
|
|
@@ -8647,13 +8529,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8647
8529
|
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ElementRef }]; } });
|
|
8648
8530
|
|
|
8649
8531
|
class TableComponent extends CdkTable {
|
|
8650
|
-
// FIXME: workaround to override because it will break constructor if it is field, but why MatTable works?
|
|
8651
|
-
// @ts-ignore
|
|
8652
8532
|
get stickyCssClass() {
|
|
8653
8533
|
return 'aui-table-sticky';
|
|
8654
8534
|
}
|
|
8655
8535
|
set stickyCssClass(_) {
|
|
8656
|
-
// nothing
|
|
8657
8536
|
}
|
|
8658
8537
|
ngAfterContentInit() {
|
|
8659
8538
|
this._createPlaceholder();
|
|
@@ -8718,10 +8597,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8718
8597
|
args: [TablePlaceholderDefDirective, { static: true }]
|
|
8719
8598
|
}] } });
|
|
8720
8599
|
|
|
8721
|
-
/**
|
|
8722
|
-
* Cell definition for the aui-table.
|
|
8723
|
-
* Captures the template of a column's data row cell as well as cell-specific properties.
|
|
8724
|
-
*/
|
|
8725
8600
|
class TableCellDefDirective extends CdkCellDef {
|
|
8726
8601
|
}
|
|
8727
8602
|
TableCellDefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableCellDefDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -8860,7 +8735,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8860
8735
|
}] } });
|
|
8861
8736
|
|
|
8862
8737
|
const bem$1 = buildBem('aui-table');
|
|
8863
|
-
/** Cell template container that adds the right classes and role. */
|
|
8864
8738
|
class TableCellDirective extends CdkCell {
|
|
8865
8739
|
constructor(columnDef, elementRef) {
|
|
8866
8740
|
super(columnDef, elementRef);
|
|
@@ -8873,7 +8747,6 @@ TableCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", ver
|
|
|
8873
8747
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableCellDirective, decorators: [{
|
|
8874
8748
|
type: Directive,
|
|
8875
8749
|
args: [{
|
|
8876
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
8877
8750
|
selector: 'aui-table-cell',
|
|
8878
8751
|
host: {
|
|
8879
8752
|
class: 'aui-table__cell',
|
|
@@ -8885,13 +8758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8885
8758
|
type: Input
|
|
8886
8759
|
}] } });
|
|
8887
8760
|
|
|
8888
|
-
/**
|
|
8889
|
-
* Column definition for the aui-table.
|
|
8890
|
-
* Defines a set of cells available for a table column.
|
|
8891
|
-
*/
|
|
8892
8761
|
class TableColumnDefDirective extends CdkColumnDef {
|
|
8893
|
-
// Unique name for this column
|
|
8894
|
-
// Why it does not work in `inputs` property?
|
|
8895
8762
|
set auiTableColumnDef(value) {
|
|
8896
8763
|
this.name = value;
|
|
8897
8764
|
}
|
|
@@ -8919,10 +8786,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8919
8786
|
type: Input
|
|
8920
8787
|
}] } });
|
|
8921
8788
|
|
|
8922
|
-
/**
|
|
8923
|
-
* Header cell definition for the aui-table.
|
|
8924
|
-
* Captures the template of a column's header cell and as well as cell-specific properties.
|
|
8925
|
-
*/
|
|
8926
8789
|
class TableHeaderCellDefDirective extends CdkHeaderCellDef {
|
|
8927
8790
|
}
|
|
8928
8791
|
TableHeaderCellDefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableHeaderCellDefDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -8946,7 +8809,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8946
8809
|
}] });
|
|
8947
8810
|
|
|
8948
8811
|
const bem = buildBem('aui-table');
|
|
8949
|
-
/** Header cell template container that adds the right classes and role. */
|
|
8950
8812
|
class TableHeaderCellDirective extends CdkHeaderCell {
|
|
8951
8813
|
constructor(columnDef, elementRef) {
|
|
8952
8814
|
super(columnDef, elementRef);
|
|
@@ -8958,7 +8820,6 @@ TableHeaderCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0
|
|
|
8958
8820
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableHeaderCellDirective, decorators: [{
|
|
8959
8821
|
type: Directive,
|
|
8960
8822
|
args: [{
|
|
8961
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
8962
8823
|
selector: 'aui-table-header-cell',
|
|
8963
8824
|
host: {
|
|
8964
8825
|
class: 'aui-table__header-cell',
|
|
@@ -8967,10 +8828,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
8967
8828
|
}]
|
|
8968
8829
|
}], ctorParameters: function () { return [{ type: i1$3.CdkColumnDef }, { type: i0.ElementRef }]; } });
|
|
8969
8830
|
|
|
8970
|
-
/**
|
|
8971
|
-
* Header row definition for the aui-table.
|
|
8972
|
-
* Captures the header row's template and other header properties such as the columns to display.
|
|
8973
|
-
*/
|
|
8974
8831
|
class TableHeaderRowDefDirective extends CdkHeaderRowDef {
|
|
8975
8832
|
constructor() {
|
|
8976
8833
|
super(...arguments);
|
|
@@ -9003,7 +8860,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
9003
8860
|
args: ['auiTableHeaderRowDefSticky']
|
|
9004
8861
|
}] } });
|
|
9005
8862
|
|
|
9006
|
-
/** Header template container that contains the cell outlet. Adds the right class and role. */
|
|
9007
8863
|
class TableHeaderRowComponent extends CdkHeaderRow {
|
|
9008
8864
|
}
|
|
9009
8865
|
TableHeaderRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableHeaderRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -9024,11 +8880,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
9024
8880
|
}]
|
|
9025
8881
|
}] });
|
|
9026
8882
|
|
|
9027
|
-
/**
|
|
9028
|
-
* Data row definition for the aui-table.
|
|
9029
|
-
* Captures the header row's template and other row properties such as the columns to display and
|
|
9030
|
-
* a when predicate that describes when this row should be used.
|
|
9031
|
-
*/
|
|
9032
8883
|
class TableRowDefDirective extends CdkRowDef {
|
|
9033
8884
|
constructor() {
|
|
9034
8885
|
super(...arguments);
|
|
@@ -9063,7 +8914,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
9063
8914
|
type: Input
|
|
9064
8915
|
}] } });
|
|
9065
8916
|
|
|
9066
|
-
/** Data row template container that contains the cell outlet. Adds the right class and role. */
|
|
9067
8917
|
class TableRowComponent extends CdkRow {
|
|
9068
8918
|
constructor(elRef) {
|
|
9069
8919
|
super();
|
|
@@ -9135,7 +8985,7 @@ class TableScrollShadowDirective {
|
|
|
9135
8985
|
constructor(el, table) {
|
|
9136
8986
|
this.el = el;
|
|
9137
8987
|
this.table = table;
|
|
9138
|
-
this.scrollShadow$$ = new
|
|
8988
|
+
this.scrollShadow$$ = new Subject();
|
|
9139
8989
|
this.destroy$$ = new Subject();
|
|
9140
8990
|
this.SCROLL_BEFORE_END_CLASS = true;
|
|
9141
8991
|
this.SHADOW_CLASS = true;
|
|
@@ -9168,7 +9018,6 @@ class TableScrollShadowDirective {
|
|
|
9168
9018
|
const scrollTop = this.containerEl.scrollTop;
|
|
9169
9019
|
this.placeClassList(this.containerEl.classList, scrollTop > 0, HAS_TABLE_TOP_SHADOW);
|
|
9170
9020
|
this.placeClassList(this.containerEl.classList, scrollTop < scrollDis, HAS_TABLE_BOTTOM_SHADOW);
|
|
9171
|
-
// 兼容屏幕缩放是 sticky多列的样式问题
|
|
9172
9021
|
this.table.updateStickyColumnStyles();
|
|
9173
9022
|
}
|
|
9174
9023
|
mutateHorizontalScroll() {
|
|
@@ -9325,10 +9174,8 @@ class FixedSizeTableVirtualScrollStrategy {
|
|
|
9325
9174
|
this._updateContent();
|
|
9326
9175
|
}
|
|
9327
9176
|
onContentRendered() {
|
|
9328
|
-
// no-op
|
|
9329
9177
|
}
|
|
9330
9178
|
onRenderedOffsetChanged() {
|
|
9331
|
-
// no-op
|
|
9332
9179
|
}
|
|
9333
9180
|
scrollToIndex(index, behavior) {
|
|
9334
9181
|
if (!this.viewport || !this._rowHeight) {
|
|
@@ -9416,7 +9263,6 @@ class FixedSizeTableVirtualScrollDirective {
|
|
|
9416
9263
|
}
|
|
9417
9264
|
isStickyEnabled() {
|
|
9418
9265
|
return (!!this.scrollStrategy.viewport &&
|
|
9419
|
-
// @ts-expect-error
|
|
9420
9266
|
this.table._headerRowDefs
|
|
9421
9267
|
.map(def => def.sticky)
|
|
9422
9268
|
.reduce((prev, curr) => prev && curr, true));
|
|
@@ -9456,7 +9302,6 @@ FixedSizeTableVirtualScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVers
|
|
|
9456
9302
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FixedSizeTableVirtualScrollDirective, decorators: [{
|
|
9457
9303
|
type: Directive,
|
|
9458
9304
|
args: [{
|
|
9459
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
9460
9305
|
selector: 'aui-virtual-scroll-viewport[fixedSize]',
|
|
9461
9306
|
exportAs: 'viewPort',
|
|
9462
9307
|
providers: [
|
|
@@ -9493,7 +9338,6 @@ FixedSizeVirtualScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion:
|
|
|
9493
9338
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: FixedSizeVirtualScrollDirective, decorators: [{
|
|
9494
9339
|
type: Directive,
|
|
9495
9340
|
args: [{
|
|
9496
|
-
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
9497
9341
|
selector: 'aui-virtual-scroll-viewport[itemSize]',
|
|
9498
9342
|
providers: [
|
|
9499
9343
|
{
|
|
@@ -9583,24 +9427,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
9583
9427
|
}]
|
|
9584
9428
|
}] });
|
|
9585
9429
|
|
|
9586
|
-
/** @docs-private */
|
|
9587
9430
|
function getSortDuplicateSortableIdError(id) {
|
|
9588
9431
|
return new Error(`Cannot have two MatSortables with the same id (${id}).`);
|
|
9589
9432
|
}
|
|
9590
|
-
/** @docs-private */
|
|
9591
9433
|
function getSortHeaderNotContainedWithinSortError() {
|
|
9592
9434
|
return new Error(`MatSortHeader must be placed within a parent element with the MatSort directive.`);
|
|
9593
9435
|
}
|
|
9594
|
-
/** @docs-private */
|
|
9595
9436
|
function getSortHeaderMissingIdError() {
|
|
9596
9437
|
return new Error(`MatSortHeader must be provided with a unique id.`);
|
|
9597
9438
|
}
|
|
9598
|
-
/** @docs-private */
|
|
9599
9439
|
function getSortInvalidDirectionError(direction) {
|
|
9600
9440
|
return new Error(`${direction} is not a valid sort direction ('asc' or 'desc').`);
|
|
9601
9441
|
}
|
|
9602
9442
|
|
|
9603
|
-
// Original code from material2
|
|
9604
9443
|
class SortDirective {
|
|
9605
9444
|
constructor() {
|
|
9606
9445
|
this.sortables = new Map();
|
|
@@ -9820,9 +9659,6 @@ const StepSelectedIcon = {
|
|
|
9820
9659
|
class StepsComponent {
|
|
9821
9660
|
constructor() {
|
|
9822
9661
|
this._steps = [];
|
|
9823
|
-
/**
|
|
9824
|
-
* @deprecated type 为 step 时一般在使用上下文中控制是否可以进行下一步;type 为 progress 时强制按顺序执行
|
|
9825
|
-
*/
|
|
9826
9662
|
this.linear = false;
|
|
9827
9663
|
this.orientation = 'horizontal';
|
|
9828
9664
|
this.type = 'step';
|
|
@@ -9935,7 +9771,6 @@ class StepsComponent {
|
|
|
9935
9771
|
(currentStep.state !== StepState.Done && i > this._currentIndex))) {
|
|
9936
9772
|
return false;
|
|
9937
9773
|
}
|
|
9938
|
-
// eslint-disable-next-line sonarjs/prefer-single-boolean-return
|
|
9939
9774
|
if (i < this._currentIndex && !this.selectable) {
|
|
9940
9775
|
return false;
|
|
9941
9776
|
}
|
|
@@ -10249,7 +10084,6 @@ class TabBodyComponent {
|
|
|
10249
10084
|
constructor() {
|
|
10250
10085
|
this.content$ = new BehaviorSubject(null);
|
|
10251
10086
|
}
|
|
10252
|
-
/** The tab body content to display. */
|
|
10253
10087
|
get content() {
|
|
10254
10088
|
return this._content;
|
|
10255
10089
|
}
|
|
@@ -10274,9 +10108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10274
10108
|
}], content: [{
|
|
10275
10109
|
type: Input
|
|
10276
10110
|
}] } });
|
|
10277
|
-
/** Used to flag tab labels for use with the portal directive */
|
|
10278
10111
|
class TabLabelDirective extends CdkPortal {
|
|
10279
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
10280
10112
|
constructor(templateRef, viewContainerRef) {
|
|
10281
10113
|
super(templateRef, viewContainerRef);
|
|
10282
10114
|
}
|
|
@@ -10289,9 +10121,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10289
10121
|
selector: '[auiTabLabel]',
|
|
10290
10122
|
}]
|
|
10291
10123
|
}], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
|
|
10292
|
-
/**
|
|
10293
|
-
* Lazy load the embedded template for a tab content.
|
|
10294
|
-
*/
|
|
10295
10124
|
class TabContentDirective {
|
|
10296
10125
|
constructor(template) {
|
|
10297
10126
|
this.template = template;
|
|
@@ -10305,9 +10134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10305
10134
|
selector: '[auiTabContent]',
|
|
10306
10135
|
}]
|
|
10307
10136
|
}], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
|
|
10308
|
-
/** Used to project additional template from host to the tab header. */
|
|
10309
10137
|
class TabHeaderAddonDirective extends CdkPortal {
|
|
10310
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
10311
10138
|
constructor(templateRef, viewContainerRef) {
|
|
10312
10139
|
super(templateRef, viewContainerRef);
|
|
10313
10140
|
}
|
|
@@ -10320,14 +10147,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10320
10147
|
selector: '[auiTabHeaderAddon]',
|
|
10321
10148
|
}]
|
|
10322
10149
|
}], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
|
|
10323
|
-
/**
|
|
10324
|
-
* Used in the `aui-tab-group` view to display tab labels.
|
|
10325
|
-
*/
|
|
10326
10150
|
class TabLabelWrapperDirective {
|
|
10327
10151
|
constructor(elementRef) {
|
|
10328
10152
|
this.elementRef = elementRef;
|
|
10329
10153
|
}
|
|
10330
|
-
/** Whether or not the tab is disabled */
|
|
10331
10154
|
get disabled() {
|
|
10332
10155
|
return this._disabled;
|
|
10333
10156
|
}
|
|
@@ -10340,7 +10163,6 @@ class TabLabelWrapperDirective {
|
|
|
10340
10163
|
getOffsetWidth() {
|
|
10341
10164
|
return this.elementRef.nativeElement.offsetWidth;
|
|
10342
10165
|
}
|
|
10343
|
-
/** Sets focus on the wrapper element */
|
|
10344
10166
|
focus() {
|
|
10345
10167
|
this.elementRef.nativeElement.focus();
|
|
10346
10168
|
}
|
|
@@ -10360,7 +10182,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10360
10182
|
type: Input
|
|
10361
10183
|
}] } });
|
|
10362
10184
|
class TabTitleDirective extends CdkPortal {
|
|
10363
|
-
// eslint-disable-next-line @typescript-eslint/no-useless-constructor
|
|
10364
10185
|
constructor(templateRef, viewContainerRef) {
|
|
10365
10186
|
super(templateRef, viewContainerRef);
|
|
10366
10187
|
}
|
|
@@ -10373,16 +10194,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10373
10194
|
selector: '[auiTabTitle]',
|
|
10374
10195
|
}]
|
|
10375
10196
|
}], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
|
|
10376
|
-
/**
|
|
10377
|
-
* The portal host directive for the contents of the tab.
|
|
10378
|
-
*/
|
|
10379
10197
|
class TabBodyPortalDirective extends CdkPortalOutlet {
|
|
10380
10198
|
constructor(componentFactoryResolver, viewContainerRef, _host) {
|
|
10381
10199
|
super(componentFactoryResolver, viewContainerRef);
|
|
10382
10200
|
this._host = _host;
|
|
10383
10201
|
this._hostSubscription = Subscription.EMPTY;
|
|
10384
10202
|
}
|
|
10385
|
-
/** Set initial visibility or set up subscription for changing visibility. */
|
|
10386
10203
|
ngOnInit() {
|
|
10387
10204
|
super.ngOnInit();
|
|
10388
10205
|
this._hostSubscription = this._host.content$.subscribe(content => {
|
|
@@ -10413,9 +10230,6 @@ class TabContextService {
|
|
|
10413
10230
|
? combineLatest([_parent.active$, this.active$$]).pipe(map(([a, b]) => a && b))
|
|
10414
10231
|
: this.active$$).pipe(distinctUntilChanged());
|
|
10415
10232
|
}
|
|
10416
|
-
/**
|
|
10417
|
-
* Whether the tab is currently active.
|
|
10418
|
-
*/
|
|
10419
10233
|
get isActive() {
|
|
10420
10234
|
return this.active$$.value;
|
|
10421
10235
|
}
|
|
@@ -10435,33 +10249,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10435
10249
|
}] }];
|
|
10436
10250
|
} });
|
|
10437
10251
|
|
|
10438
|
-
/* eslint-disable no-prototype-builtins */
|
|
10439
10252
|
class TabComponent {
|
|
10440
10253
|
constructor(_viewContainerRef, tabContext) {
|
|
10441
10254
|
this._viewContainerRef = _viewContainerRef;
|
|
10442
10255
|
this.tabContext = tabContext;
|
|
10443
|
-
/** Plain text label for the tab, used when there is no template label. */
|
|
10444
10256
|
this.textLabel = '';
|
|
10445
|
-
/** Whether or not to show the close button in the header */
|
|
10446
10257
|
this.closeable = false;
|
|
10447
10258
|
this.close = new EventEmitter();
|
|
10448
|
-
/**
|
|
10449
|
-
* The relatively indexed position where 0 represents the center, negative is left, and positive
|
|
10450
|
-
* represents the right.
|
|
10451
|
-
*/
|
|
10452
10259
|
this.position = null;
|
|
10453
|
-
/**
|
|
10454
|
-
* The initial relatively index origin of the tab if it was created and selected after there
|
|
10455
|
-
* was already a selected tab. Provides context of what position the tab should originate from.
|
|
10456
|
-
*/
|
|
10457
10260
|
this.origin = null;
|
|
10458
|
-
/** Emits whenever the internal state of the tab changes. */
|
|
10459
10261
|
this._stateChanges = new Subject();
|
|
10460
|
-
/** Portal that will be the hosted content of the tab */
|
|
10461
10262
|
this._contentPortal = null;
|
|
10462
10263
|
this._disabled = false;
|
|
10463
10264
|
}
|
|
10464
|
-
/** Whether or not the tab is disabled */
|
|
10465
10265
|
get disabled() {
|
|
10466
10266
|
return this._disabled;
|
|
10467
10267
|
}
|
|
@@ -10513,11 +10313,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10513
10313
|
}] } });
|
|
10514
10314
|
|
|
10515
10315
|
const TabSize = {
|
|
10516
|
-
/** 卡片级尺寸 */
|
|
10517
10316
|
Large: 'large',
|
|
10518
|
-
/** 页面级尺寸 */
|
|
10519
10317
|
Medium: 'medium',
|
|
10520
|
-
/** 小尺寸 */
|
|
10521
10318
|
Small: 'small',
|
|
10522
10319
|
};
|
|
10523
10320
|
const TabType = {
|
|
@@ -10532,11 +10329,6 @@ class TabHeaderActiveIndicatorComponent {
|
|
|
10532
10329
|
this.type = TabType.Line;
|
|
10533
10330
|
this.bem = buildBem('aui-tab-header-active-indicator');
|
|
10534
10331
|
}
|
|
10535
|
-
/**
|
|
10536
|
-
* Calculates the styles from the provided element in order to align the indicator to that element.
|
|
10537
|
-
* Shows the indicator if previously set as hidden.
|
|
10538
|
-
* @param element
|
|
10539
|
-
*/
|
|
10540
10332
|
alignToElement(element) {
|
|
10541
10333
|
if (typeof requestAnimationFrame !== 'undefined') {
|
|
10542
10334
|
this._ngZone.runOutsideAngular(() => {
|
|
@@ -10547,10 +10339,6 @@ class TabHeaderActiveIndicatorComponent {
|
|
|
10547
10339
|
this._setStyles(element);
|
|
10548
10340
|
}
|
|
10549
10341
|
}
|
|
10550
|
-
/**
|
|
10551
|
-
* Sets the proper styles to the element.
|
|
10552
|
-
* @param element
|
|
10553
|
-
*/
|
|
10554
10342
|
_setStyles(element) {
|
|
10555
10343
|
const positions = this._getElementPosition(element);
|
|
10556
10344
|
const nativeEl = this._elementRef.nativeElement;
|
|
@@ -10573,10 +10361,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10573
10361
|
type: Input
|
|
10574
10362
|
}] } });
|
|
10575
10363
|
|
|
10576
|
-
/**
|
|
10577
|
-
* The distance in pixels that will be overshot when scrolling a tab label into view. This helps
|
|
10578
|
-
* provide a small affordance to the label next to it.
|
|
10579
|
-
*/
|
|
10580
10364
|
const EXAGGERATED_OVERSCROLL = 60;
|
|
10581
10365
|
class TabHeaderComponent {
|
|
10582
10366
|
constructor(_changeDetectorRef, _viewportRuler) {
|
|
@@ -10584,27 +10368,18 @@ class TabHeaderComponent {
|
|
|
10584
10368
|
this._viewportRuler = _viewportRuler;
|
|
10585
10369
|
this.bem = buildBem('aui-tab-header');
|
|
10586
10370
|
this._showAddon = false;
|
|
10587
|
-
/** Whether the controls for pagination should be displayed */
|
|
10588
10371
|
this._showPaginationControls = false;
|
|
10589
|
-
/** Whether the tab list can be scrolled more towards the end of the tab label list. */
|
|
10590
10372
|
this._disableScrollAfter = true;
|
|
10591
|
-
/** Whether the tab list can be scrolled more towards the beginning of the tab label list. */
|
|
10592
10373
|
this._disableScrollBefore = true;
|
|
10593
|
-
/** Whether the header should scroll to the selected index after the view has been checked. */
|
|
10594
10374
|
this._selectedIndexChanged = false;
|
|
10595
|
-
/** The distance in pixels that the tab labels should be translated to the left. */
|
|
10596
10375
|
this._scrollDistance = 0;
|
|
10597
10376
|
this._selectedIndex = 0;
|
|
10598
|
-
/** Emits when the component is destroyed. */
|
|
10599
10377
|
this._destroyed = new Subject();
|
|
10600
10378
|
this.type = TabType.Line;
|
|
10601
10379
|
this.size = TabSize.Medium;
|
|
10602
|
-
/** Event emitted when the option is selected. */
|
|
10603
10380
|
this.selectFocusedIndex = new EventEmitter();
|
|
10604
|
-
/** Event emitted when a label is focused. */
|
|
10605
10381
|
this.indexFocused = new EventEmitter();
|
|
10606
10382
|
}
|
|
10607
|
-
/** The index of the active tab. */
|
|
10608
10383
|
get selectedIndex() {
|
|
10609
10384
|
return this._selectedIndex;
|
|
10610
10385
|
}
|
|
@@ -10621,14 +10396,11 @@ class TabHeaderComponent {
|
|
|
10621
10396
|
this._destroyed.complete();
|
|
10622
10397
|
}
|
|
10623
10398
|
ngAfterContentChecked() {
|
|
10624
|
-
// If the number of tab labels have changed, check if scrolling should be enabled
|
|
10625
10399
|
if (this._tabLabelCount !== this._labelWrappers.length) {
|
|
10626
10400
|
this._updatePagination();
|
|
10627
10401
|
this._tabLabelCount = this._labelWrappers.length;
|
|
10628
10402
|
this._changeDetectorRef.markForCheck();
|
|
10629
10403
|
}
|
|
10630
|
-
// If the selected index has changed, scroll to the label and check if the scrolling controls
|
|
10631
|
-
// should be disabled.
|
|
10632
10404
|
if (this._selectedIndexChanged) {
|
|
10633
10405
|
this._scrollToLabel(this._selectedIndex);
|
|
10634
10406
|
this._checkScrollingControls();
|
|
@@ -10636,8 +10408,6 @@ class TabHeaderComponent {
|
|
|
10636
10408
|
this._selectedIndexChanged = false;
|
|
10637
10409
|
this._changeDetectorRef.markForCheck();
|
|
10638
10410
|
}
|
|
10639
|
-
// If the scroll distance has been changed (tab selected, focused, scroll controls activated),
|
|
10640
|
-
// then translate the header to reflect this.
|
|
10641
10411
|
if (this._scrollDistanceChanged) {
|
|
10642
10412
|
this._updateTabScrollPosition();
|
|
10643
10413
|
this._scrollDistanceChanged = false;
|
|
@@ -10649,9 +10419,6 @@ class TabHeaderComponent {
|
|
|
10649
10419
|
this._changeDetectorRef.markForCheck();
|
|
10650
10420
|
}
|
|
10651
10421
|
}
|
|
10652
|
-
/**
|
|
10653
|
-
* Aligns the ink bar to the selected tab on load.
|
|
10654
|
-
*/
|
|
10655
10422
|
ngAfterContentInit() {
|
|
10656
10423
|
const resize = this._viewportRuler.change(150);
|
|
10657
10424
|
const realign = () => {
|
|
@@ -10662,19 +10429,12 @@ class TabHeaderComponent {
|
|
|
10662
10429
|
.withHorizontalOrientation('ltr')
|
|
10663
10430
|
.withWrap();
|
|
10664
10431
|
this._keyManager.updateActiveItem(0);
|
|
10665
|
-
// Defer the first call in order to allow for slower browsers to lay out the elements.
|
|
10666
|
-
// This helps in cases where the user lands directly on a page with paginated tabs.
|
|
10667
10432
|
typeof requestAnimationFrame !== 'undefined'
|
|
10668
10433
|
? requestAnimationFrame(realign)
|
|
10669
10434
|
: realign();
|
|
10670
|
-
// On window resize, realign the ink bar and update the orientation of
|
|
10671
|
-
// the key manager if the direction has changed.
|
|
10672
10435
|
resize.pipe(takeUntil(this._destroyed)).subscribe(() => {
|
|
10673
10436
|
realign();
|
|
10674
10437
|
});
|
|
10675
|
-
// If there is a change in the focus key manager we need to emit the `indexFocused`
|
|
10676
|
-
// event in order to provide a public event that notifies about focus changes. Also we realign
|
|
10677
|
-
// the tabs container by scrolling the new focused tab into the visible section.
|
|
10678
10438
|
this._keyManager.change
|
|
10679
10439
|
.pipe(takeUntil(this._destroyed))
|
|
10680
10440
|
.subscribe(newFocusIndex => {
|
|
@@ -10682,22 +10442,17 @@ class TabHeaderComponent {
|
|
|
10682
10442
|
this._setTabFocus(newFocusIndex);
|
|
10683
10443
|
});
|
|
10684
10444
|
}
|
|
10685
|
-
/** Sets the distance in pixels that the tab header should be transformed in the X-axis. */
|
|
10686
10445
|
get scrollDistance() {
|
|
10687
10446
|
return this._scrollDistance;
|
|
10688
10447
|
}
|
|
10689
10448
|
set scrollDistance(v) {
|
|
10690
10449
|
this._scrollDistance = Math.max(0, Math.min(this._getMaxScrollDistance(), v));
|
|
10691
|
-
// Mark that the scroll distance has changed so that after the view is checked, the CSS
|
|
10692
|
-
// transformation can move the header.
|
|
10693
10450
|
this._scrollDistanceChanged = true;
|
|
10694
10451
|
this._checkScrollingControls();
|
|
10695
10452
|
}
|
|
10696
|
-
/** Tracks which element has focus; used for keyboard navigation */
|
|
10697
10453
|
get focusIndex() {
|
|
10698
10454
|
return this._keyManager ? this._keyManager.activeItemIndex : 0;
|
|
10699
10455
|
}
|
|
10700
|
-
/** When the focus index is set, we must manually send focus to the correct label */
|
|
10701
10456
|
set focusIndex(value) {
|
|
10702
10457
|
if (!this._isValidIndex(value) ||
|
|
10703
10458
|
this.focusIndex === value ||
|
|
@@ -10706,10 +10461,6 @@ class TabHeaderComponent {
|
|
|
10706
10461
|
}
|
|
10707
10462
|
this._keyManager.setActiveItem(value);
|
|
10708
10463
|
}
|
|
10709
|
-
/**
|
|
10710
|
-
* Determines if an index is valid. If the tabs are not ready yet, we assume that the user is
|
|
10711
|
-
* providing a valid index and return true.
|
|
10712
|
-
*/
|
|
10713
10464
|
_isValidIndex(index) {
|
|
10714
10465
|
if (!this._labelWrappers) {
|
|
10715
10466
|
return true;
|
|
@@ -10738,10 +10489,6 @@ class TabHeaderComponent {
|
|
|
10738
10489
|
this._keyManager.onKeydown(event);
|
|
10739
10490
|
}
|
|
10740
10491
|
}
|
|
10741
|
-
/**
|
|
10742
|
-
* Sets focus on the HTML element for the label wrapper and scrolls it into the view if
|
|
10743
|
-
* scrolling is enabled.
|
|
10744
|
-
*/
|
|
10745
10492
|
_setTabFocus(tabIndex) {
|
|
10746
10493
|
var _a;
|
|
10747
10494
|
if (this._showPaginationControls) {
|
|
@@ -10749,19 +10496,10 @@ class TabHeaderComponent {
|
|
|
10749
10496
|
}
|
|
10750
10497
|
if (((_a = this._labelWrappers) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
10751
10498
|
this._labelWrappers.toArray()[tabIndex].focus();
|
|
10752
|
-
// Do not let the browser manage scrolling to focus the element, this will be handled
|
|
10753
|
-
// by using translation. In LTR, the scroll left should be 0. In RTL, the scroll width
|
|
10754
|
-
// should be the full width minus the offset width.
|
|
10755
10499
|
const containerEl = this._tabListContainer.nativeElement;
|
|
10756
10500
|
containerEl.scrollLeft = 0;
|
|
10757
10501
|
}
|
|
10758
10502
|
}
|
|
10759
|
-
/**
|
|
10760
|
-
* Moves the tab list such that the desired tab label (marked by index) is moved into view.
|
|
10761
|
-
*
|
|
10762
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10763
|
-
* should be called sparingly.
|
|
10764
|
-
*/
|
|
10765
10503
|
_scrollToLabel(labelIndex) {
|
|
10766
10504
|
const selectedLabel = this._labelWrappers
|
|
10767
10505
|
? this._labelWrappers.toArray()[labelIndex]
|
|
@@ -10769,63 +10507,37 @@ class TabHeaderComponent {
|
|
|
10769
10507
|
if (!selectedLabel) {
|
|
10770
10508
|
return;
|
|
10771
10509
|
}
|
|
10772
|
-
// The view length is the visible width of the tab labels.
|
|
10773
10510
|
const viewLength = this._tabListContainer.nativeElement.offsetWidth;
|
|
10774
10511
|
const labelBeforePos = selectedLabel.getOffsetLeft();
|
|
10775
10512
|
const labelAfterPos = labelBeforePos + selectedLabel.getOffsetWidth();
|
|
10776
10513
|
const beforeVisiblePos = this.scrollDistance;
|
|
10777
10514
|
const afterVisiblePos = this.scrollDistance + viewLength;
|
|
10778
10515
|
if (labelBeforePos < beforeVisiblePos) {
|
|
10779
|
-
// Scroll header to move label to the before direction
|
|
10780
10516
|
this.scrollDistance -=
|
|
10781
10517
|
beforeVisiblePos - labelBeforePos + EXAGGERATED_OVERSCROLL;
|
|
10782
10518
|
}
|
|
10783
10519
|
else if (labelAfterPos > afterVisiblePos) {
|
|
10784
|
-
// Scroll header to move label to the after direction
|
|
10785
10520
|
this.scrollDistance +=
|
|
10786
10521
|
labelAfterPos - afterVisiblePos + EXAGGERATED_OVERSCROLL;
|
|
10787
10522
|
}
|
|
10788
10523
|
}
|
|
10789
|
-
/**
|
|
10790
|
-
* Moves the tab list in the 'before' or 'after' direction (towards the beginning of the list or
|
|
10791
|
-
* the end of the list, respectively). The distance to scroll is computed to be a third of the
|
|
10792
|
-
* length of the tab list view window.
|
|
10793
|
-
*
|
|
10794
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10795
|
-
* should be called sparingly.
|
|
10796
|
-
*/
|
|
10797
10524
|
_scrollHeader(scrollDir) {
|
|
10798
10525
|
const viewLength = this._tabListContainer.nativeElement.offsetWidth;
|
|
10799
|
-
// Move the scroll distance one-third the length of the tab list's viewport.
|
|
10800
10526
|
this.scrollDistance += ((scrollDir === 'before' ? -1 : 1) * viewLength) / 3;
|
|
10801
10527
|
}
|
|
10802
|
-
/**
|
|
10803
|
-
* Callback for when the MutationObserver detects that the content has changed.
|
|
10804
|
-
*/
|
|
10805
10528
|
_onContentChanges() {
|
|
10806
10529
|
this._updatePagination();
|
|
10807
10530
|
this._alignActiveIndicatorToSelectedTab();
|
|
10808
10531
|
this._changeDetectorRef.markForCheck();
|
|
10809
10532
|
}
|
|
10810
|
-
/**
|
|
10811
|
-
* Updating the view whether pagination should be enabled or not
|
|
10812
|
-
*/
|
|
10813
10533
|
_updatePagination() {
|
|
10814
10534
|
this._checkPaginationEnabled();
|
|
10815
10535
|
this._checkScrollingControls();
|
|
10816
10536
|
this._updateTabScrollPosition();
|
|
10817
10537
|
}
|
|
10818
|
-
/**
|
|
10819
|
-
* Evaluate whether the pagination controls should be displayed. If the scroll width of the
|
|
10820
|
-
* tab list is wider than the size of the header container, then the pagination controls should
|
|
10821
|
-
* be shown.
|
|
10822
|
-
*
|
|
10823
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10824
|
-
* should be called sparingly.
|
|
10825
|
-
*/
|
|
10826
10538
|
_checkPaginationEnabled() {
|
|
10827
10539
|
const isEnabled = this._tabList.nativeElement.scrollWidth >
|
|
10828
|
-
this._paginationWrapper.nativeElement.offsetWidth + 2;
|
|
10540
|
+
this._paginationWrapper.nativeElement.offsetWidth + 2;
|
|
10829
10541
|
if (!isEnabled) {
|
|
10830
10542
|
this.scrollDistance = 0;
|
|
10831
10543
|
}
|
|
@@ -10835,45 +10547,22 @@ class TabHeaderComponent {
|
|
|
10835
10547
|
this._changeDetectorRef.markForCheck();
|
|
10836
10548
|
}
|
|
10837
10549
|
}
|
|
10838
|
-
/**
|
|
10839
|
-
* Evaluate whether the before and after controls should be enabled or disabled.
|
|
10840
|
-
* If the header is at the beginning of the list (scroll distance is equal to 0) then disable the
|
|
10841
|
-
* before button. If the header is at the end of the list (scroll distance is equal to the
|
|
10842
|
-
* maximum distance we can scroll), then disable the after button.
|
|
10843
|
-
*
|
|
10844
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10845
|
-
* should be called sparingly.
|
|
10846
|
-
*/
|
|
10847
10550
|
_checkScrollingControls() {
|
|
10848
|
-
// Check if the pagination arrows should be activated.
|
|
10849
10551
|
this._disableScrollBefore = this.scrollDistance === 0;
|
|
10850
10552
|
this._disableScrollAfter =
|
|
10851
10553
|
this.scrollDistance === this._getMaxScrollDistance();
|
|
10852
10554
|
this._changeDetectorRef.markForCheck();
|
|
10853
10555
|
}
|
|
10854
|
-
/**
|
|
10855
|
-
* Determines what is the maximum length in pixels that can be set for the scroll distance. This
|
|
10856
|
-
* is equal to the difference in width between the tab list container and tab header container.
|
|
10857
|
-
*
|
|
10858
|
-
* This is an expensive call that forces a layout reflow to compute box and scroll metrics and
|
|
10859
|
-
* should be called sparingly.
|
|
10860
|
-
*/
|
|
10861
10556
|
_getMaxScrollDistance() {
|
|
10862
10557
|
const lengthOfTabList = this._tabList.nativeElement.scrollWidth;
|
|
10863
10558
|
const viewLength = this._tabListContainer.nativeElement.offsetWidth;
|
|
10864
10559
|
return lengthOfTabList - viewLength || 0;
|
|
10865
10560
|
}
|
|
10866
|
-
/** Performs the CSS transformation on the tab list that will cause the list to scroll. */
|
|
10867
10561
|
_updateTabScrollPosition() {
|
|
10868
10562
|
const scrollDistance = this.scrollDistance;
|
|
10869
10563
|
const translateX = -scrollDistance;
|
|
10870
|
-
// Don't use `translate3d` here because we don't want to create a new layer. A new layer
|
|
10871
|
-
// seems to cause flickering and overflow in Internet Explorer. For example, the ink bar
|
|
10872
|
-
// and ripples will exceed the boundaries of the visible tab bar.
|
|
10873
|
-
// See: https://github.com/angular/material2/issues/10276
|
|
10874
10564
|
this._tabList.nativeElement.style.transform = `translateX(${translateX}px)`;
|
|
10875
10565
|
}
|
|
10876
|
-
/** Tells the active indicator to align itself to the current label wrapper */
|
|
10877
10566
|
_alignActiveIndicatorToSelectedTab() {
|
|
10878
10567
|
var _a;
|
|
10879
10568
|
const selectedLabelWrapper = ((_a = this._labelWrappers) === null || _a === void 0 ? void 0 : _a.length) > 0
|
|
@@ -10904,11 +10593,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10904
10593
|
}], _title: [{
|
|
10905
10594
|
type: ContentChild,
|
|
10906
10595
|
args: [TabTitleDirective, { static: false }]
|
|
10907
|
-
}],
|
|
10908
|
-
/**
|
|
10909
|
-
* workaround for @link https://github.com/microsoft/TypeScript/pull/42425
|
|
10910
|
-
*/
|
|
10911
|
-
_labelWrappers: [{
|
|
10596
|
+
}], _labelWrappers: [{
|
|
10912
10597
|
type: ContentChildren,
|
|
10913
10598
|
args: [TabLabelWrapperDirective]
|
|
10914
10599
|
}], _tabListContainer: [{
|
|
@@ -10925,38 +10610,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
10925
10610
|
args: [TabHeaderActiveIndicatorComponent, { static: true }]
|
|
10926
10611
|
}] } });
|
|
10927
10612
|
|
|
10928
|
-
/* eslint-disable no-prototype-builtins */
|
|
10929
|
-
/** A simple change event emitted on focus or selection changes. */
|
|
10930
10613
|
class TabChangeEvent {
|
|
10931
10614
|
}
|
|
10932
10615
|
class TabGroupComponent {
|
|
10933
10616
|
constructor(_changeDetectorRef) {
|
|
10934
10617
|
this._changeDetectorRef = _changeDetectorRef;
|
|
10935
10618
|
this.bem = buildBem('aui-tab-group');
|
|
10936
|
-
/** The tab index that should be selected after the content has been checked. */
|
|
10937
10619
|
this._indexToSelect = 0;
|
|
10938
|
-
/** Subscription to tabs being added/removed. */
|
|
10939
10620
|
this._tabsSubscription = Subscription.EMPTY;
|
|
10940
|
-
/** Subscription to changes in the tab labels. */
|
|
10941
10621
|
this._tabLabelSubscription = Subscription.EMPTY;
|
|
10942
10622
|
this._selectedIndex = null;
|
|
10943
10623
|
this._tab = null;
|
|
10944
10624
|
this._type = TabType.Line;
|
|
10945
10625
|
this._size = TabSize.Medium;
|
|
10946
|
-
/** Emits whenever the type changes */
|
|
10947
10626
|
this._typeChange = new Subject();
|
|
10948
|
-
/** Emits whenever the size changes */
|
|
10949
10627
|
this._sizeChange = new Subject();
|
|
10950
|
-
/** Output to enable support for two-way binding on `[(selectedIndex)]` */
|
|
10951
10628
|
this.selectedIndexChange = new EventEmitter();
|
|
10952
10629
|
this.tabChange = new EventEmitter();
|
|
10953
|
-
/** Event emitted when the tab selection has changed. */
|
|
10954
10630
|
this.selectedTabChange = new EventEmitter(true);
|
|
10955
|
-
/** Event emitted when focus has changed within a tab group. */
|
|
10956
10631
|
this.focusChange = new EventEmitter();
|
|
10957
10632
|
this.activatedTabs = [];
|
|
10958
10633
|
}
|
|
10959
|
-
/** The index of the active tab. */
|
|
10960
10634
|
get selectedIndex() {
|
|
10961
10635
|
return this._selectedIndex;
|
|
10962
10636
|
}
|
|
@@ -11016,34 +10690,20 @@ class TabGroupComponent {
|
|
|
11016
10690
|
this._sizeChange.next();
|
|
11017
10691
|
}
|
|
11018
10692
|
}
|
|
11019
|
-
/**
|
|
11020
|
-
* After the content is checked, this component knows what tabs have been defined
|
|
11021
|
-
* and what the selected index should be. This is where we can know exactly what position
|
|
11022
|
-
* each tab should be in according to the new selected index.
|
|
11023
|
-
*/
|
|
11024
10693
|
ngAfterContentChecked() {
|
|
11025
|
-
// Don't clamp the `indexToSelect` immediately in the setter because it can happen that
|
|
11026
|
-
// the amount of tabs changes before the actual change detection runs.
|
|
11027
10694
|
const indexToSelect = (this._indexToSelect = this._clampTabIndex(this._indexToSelect));
|
|
11028
|
-
// If there is a change in selected index, emit a change event. Should not trigger if
|
|
11029
|
-
// the selected index has not yet been initialized.
|
|
11030
10695
|
if (this._selectedIndex !== indexToSelect && this._selectedIndex != null) {
|
|
11031
10696
|
this._changeActivatedTabs();
|
|
11032
10697
|
const tabChangeEvent = this._createChangeEvent(indexToSelect);
|
|
11033
10698
|
this.selectedTabChange.emit(tabChangeEvent);
|
|
11034
|
-
// Emitting this value after change detection has run
|
|
11035
|
-
// since the checked content may contain this variable'
|
|
11036
10699
|
Promise.resolve().then(() => {
|
|
11037
10700
|
this.selectedIndexChange.emit(indexToSelect);
|
|
11038
10701
|
this.tabChange.emit(this._tabs.get(indexToSelect).name);
|
|
11039
10702
|
});
|
|
11040
10703
|
}
|
|
11041
|
-
// Setup the position for each tab and optionally setup an origin on the next selected tab.
|
|
11042
10704
|
this._tabs.forEach((tab, index) => {
|
|
11043
10705
|
tab.position = index - indexToSelect;
|
|
11044
10706
|
tab.tabContext.isActive = index === indexToSelect;
|
|
11045
|
-
// If there is already a selected tab, then set up an origin for the next selected tab
|
|
11046
|
-
// if it doesn't have one already.
|
|
11047
10707
|
if (this._selectedIndex != null && tab.position === 0 && !tab.origin) {
|
|
11048
10708
|
tab.origin = indexToSelect - this._selectedIndex;
|
|
11049
10709
|
}
|
|
@@ -11063,22 +10723,15 @@ class TabGroupComponent {
|
|
|
11063
10723
|
}
|
|
11064
10724
|
this._changeActivatedTabs();
|
|
11065
10725
|
this._subscribeToTabLabels();
|
|
11066
|
-
// Subscribe to changes in the amount of tabs, in order to be
|
|
11067
|
-
// able to re-render the content as new tabs are added or removed.
|
|
11068
10726
|
this._tabsSubscription = this._tabs.changes.subscribe(() => {
|
|
11069
10727
|
const tabs = this._tabs.toArray();
|
|
11070
10728
|
if (this._lazy) {
|
|
11071
10729
|
this.activatedTabs = this.activatedTabs.filter(tab => tabs.includes(tab));
|
|
11072
10730
|
}
|
|
11073
10731
|
const indexToSelect = this._clampTabIndex(this._indexToSelect);
|
|
11074
|
-
// Maintain the previously-selected tab if a new tab is added or removed and there is no
|
|
11075
|
-
// explicit change that selects a different tab.
|
|
11076
10732
|
if (indexToSelect === this._selectedIndex) {
|
|
11077
10733
|
for (const [i, tab] of tabs.entries()) {
|
|
11078
10734
|
if (tab.tabContext.isActive) {
|
|
11079
|
-
// Assign both to the `_indexToSelect` and `_selectedIndex` so we don't fire a changed
|
|
11080
|
-
// event, otherwise the consumer may end up in an infinite loop in some edge cases like
|
|
11081
|
-
// adding a tab within the `selectedIndexChange` event.
|
|
11082
10735
|
this._indexToSelect = this._selectedIndex = i;
|
|
11083
10736
|
break;
|
|
11084
10737
|
}
|
|
@@ -11095,7 +10748,6 @@ class TabGroupComponent {
|
|
|
11095
10748
|
this._typeChange.complete();
|
|
11096
10749
|
this._sizeChange.complete();
|
|
11097
10750
|
}
|
|
11098
|
-
/** Handle click events, setting new selected index if appropriate. */
|
|
11099
10751
|
_handleClick(tab, idx) {
|
|
11100
10752
|
if (!tab.disabled) {
|
|
11101
10753
|
this.selectedIndex = this._tabHeader.focusIndex = idx;
|
|
@@ -11104,7 +10756,6 @@ class TabGroupComponent {
|
|
|
11104
10756
|
_focusChanged(index) {
|
|
11105
10757
|
this.focusChange.emit(this._createChangeEvent(index));
|
|
11106
10758
|
}
|
|
11107
|
-
/** Re-aligns the ink bar to the selected tab element. */
|
|
11108
10759
|
realignActiveIndicator() {
|
|
11109
10760
|
if (this._tabHeader) {
|
|
11110
10761
|
this._tabHeader._alignActiveIndicatorToSelectedTab();
|
|
@@ -11122,11 +10773,7 @@ class TabGroupComponent {
|
|
|
11122
10773
|
this.activatedTabs.push(tab);
|
|
11123
10774
|
}
|
|
11124
10775
|
}
|
|
11125
|
-
/** Clamps the given index to the bounds of 0 and the tabs length. */
|
|
11126
10776
|
_clampTabIndex(index) {
|
|
11127
|
-
// Note the `|| 0`, which ensures that values like NaN can't get through
|
|
11128
|
-
// and which would otherwise throw the component into an infinite loop
|
|
11129
|
-
// (since Math.max(NaN, 0) === NaN).
|
|
11130
10777
|
return Math.min(this._tabs.length - 1, Math.max(index || 0, 0));
|
|
11131
10778
|
}
|
|
11132
10779
|
_findIndexByTab(name) {
|
|
@@ -11141,12 +10788,6 @@ class TabGroupComponent {
|
|
|
11141
10788
|
}
|
|
11142
10789
|
return event;
|
|
11143
10790
|
}
|
|
11144
|
-
/**
|
|
11145
|
-
* Subscribes to changes in the tab labels. This is needed, because the @Input for the label is
|
|
11146
|
-
* on the Tab component, whereas the data binding is inside the TabGroup. In order for the
|
|
11147
|
-
* binding to be updated, we need to subscribe to changes in it and trigger change detection
|
|
11148
|
-
* manually.
|
|
11149
|
-
*/
|
|
11150
10791
|
_subscribeToTabLabels() {
|
|
11151
10792
|
if (this._tabLabelSubscription) {
|
|
11152
10793
|
this._tabLabelSubscription.unsubscribe();
|
|
@@ -11156,7 +10797,6 @@ class TabGroupComponent {
|
|
|
11156
10797
|
this._changeDetectorRef.markForCheck();
|
|
11157
10798
|
});
|
|
11158
10799
|
}
|
|
11159
|
-
/** Retrieves the tabindex for the tab. */
|
|
11160
10800
|
_getTabIndex(tab, idx) {
|
|
11161
10801
|
if (tab.disabled) {
|
|
11162
10802
|
return null;
|
|
@@ -11311,7 +10951,6 @@ class TreeSelectComponent extends CommonFormControl {
|
|
|
11311
10951
|
this.filterString$ = this.filterString$$.asObservable();
|
|
11312
10952
|
this.displayText = '';
|
|
11313
10953
|
this.flattedNodes = [];
|
|
11314
|
-
// `this` is not available in `trackBy`...
|
|
11315
10954
|
this.trackByLabel = (_, node) => this.getLabelFromNode(node);
|
|
11316
10955
|
}
|
|
11317
10956
|
get nodesData() {
|
|
@@ -11648,9 +11287,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
11648
11287
|
}]
|
|
11649
11288
|
}] });
|
|
11650
11289
|
|
|
11651
|
-
/**
|
|
11652
|
-
* Generated bundle index. Do not edit.
|
|
11653
|
-
*/
|
|
11654
|
-
|
|
11655
11290
|
export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, AutosizeDirective, BackTopComponent, BackTopModule, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonForm, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CssVarPipe, CustomAutoCompleteDirective, DATA, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerComponent, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogComponent, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DrawerComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerModule, DrawerRef, DrawerService, DrawerSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormItemWidth, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, ICON_REGISTER_PROVIDER_FACTORY, ICON_REGISTER_SERVICE_PROVIDER, INPUT_ERROR_KEY, IconComponent, IconModule, IconRegisterService, IncludesDirective, InlineAlertComponent, InlineAlertModule, InlineAlertTitleDirective, InlineAlertType, InputAddonAfterDirective, InputAddonBeforeDirective, InputComponent, InputGroupComponent, InputModule, InputPrefixDirective, InputSuffixDirective, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuGroupTitleDirective, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PAGINATOR_INTL_PROVIDER, PAGINATOR_INTL_PROVIDER_FACTORY, PageEvent, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, RgbColorPipe, RgbaColorPipe, SECOND, SECOND_ITEMS, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectAllStatus, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, StepState, StepsComponent, StepsModule, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TOOLTIP_COPY_INTL_INTL_PROVIDER, TOOLTIP_COPY_INTL_PROVIDER_FACTORY, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabTitleDirective, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableComponent, TableExpandButtonCellComponent, TableExpandPanelCellComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TablePlaceholderDefDirective, TablePlaceholderOutletDirective, TableRowComponent, TableRowDefDirective, TableScrollShadowDirective, TableScrollWrapperDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeModule, ThemePickerPipe, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyDirective, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualForOfDirective, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, cssVar, en, getAnchorTreeItems, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isString, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, publishRef, rgbColor, rgbaColor, scrollIntoView, sleep, watchContentExist, zh };
|
|
11656
11291
|
//# sourceMappingURL=alauda-ui.mjs.map
|