@alauda/ui 6.1.3-beta.4 → 6.1.3-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alauda-ui.metadata.json +1 -1
- package/bundles/alauda-ui.umd.js +77 -73
- package/bundles/alauda-ui.umd.js.map +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/esm2015/table/table-scroll.directive.js +9 -4
- package/esm2015/table/table-scroll.directive.ngsummary.json +1 -1
- package/esm2015/table/table-scroll.scss.ngstyle.js +1 -1
- package/esm2015/table/table.component.js +1 -1
- package/fesm2015/alauda-ui.js +72 -68
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
- package/table/table-scroll.directive.d.ts +3 -1
- package/theme/_var.scss +0 -1
package/bundles/alauda-ui.umd.js
CHANGED
|
@@ -1068,6 +1068,77 @@
|
|
|
1068
1068
|
hasPanel: [{ type: i0.HostBinding, args: ['class.hasPanel',] }]
|
|
1069
1069
|
};
|
|
1070
1070
|
|
|
1071
|
+
var TableComponent = /** @class */ (function (_super) {
|
|
1072
|
+
__extends(TableComponent, _super);
|
|
1073
|
+
function TableComponent() {
|
|
1074
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
1075
|
+
}
|
|
1076
|
+
Object.defineProperty(TableComponent.prototype, "stickyCssClass", {
|
|
1077
|
+
// FIXME: workaround to override because it will break constructor if it is field, but why MatTable works?
|
|
1078
|
+
// @ts-expect-error
|
|
1079
|
+
get: function () {
|
|
1080
|
+
return 'aui-table-sticky';
|
|
1081
|
+
},
|
|
1082
|
+
set: function (_stickyCssClass) {
|
|
1083
|
+
//
|
|
1084
|
+
},
|
|
1085
|
+
enumerable: false,
|
|
1086
|
+
configurable: true
|
|
1087
|
+
});
|
|
1088
|
+
TableComponent.prototype.ngAfterContentInit = function () {
|
|
1089
|
+
this._createPlaceholder();
|
|
1090
|
+
};
|
|
1091
|
+
TableComponent.prototype._createPlaceholder = function () {
|
|
1092
|
+
var footerRow = this._placeholderDef;
|
|
1093
|
+
if (!this._placeholderDef) {
|
|
1094
|
+
return;
|
|
1095
|
+
}
|
|
1096
|
+
var container = this._placeholderOutlet.viewContainer;
|
|
1097
|
+
container.createEmbeddedView(footerRow.templateRef);
|
|
1098
|
+
};
|
|
1099
|
+
TableComponent.prototype._clearPlaceholder = function () {
|
|
1100
|
+
this._placeholderOutlet.viewContainer.clear();
|
|
1101
|
+
};
|
|
1102
|
+
TableComponent.prototype.ngOnDestroy = function () {
|
|
1103
|
+
_super.prototype.ngOnDestroy.call(this);
|
|
1104
|
+
this._clearPlaceholder();
|
|
1105
|
+
};
|
|
1106
|
+
return TableComponent;
|
|
1107
|
+
}(table.CdkTable));
|
|
1108
|
+
TableComponent.decorators = [
|
|
1109
|
+
{ type: i0.Component, args: [{
|
|
1110
|
+
selector: 'aui-table',
|
|
1111
|
+
exportAs: 'auiTable',
|
|
1112
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1113
|
+
template: "\n " + table.CDK_TABLE_TEMPLATE + "\n <ng-container auiTablePlaceholderOutlet></ng-container>\n ",
|
|
1114
|
+
host: {
|
|
1115
|
+
class: 'aui-table',
|
|
1116
|
+
},
|
|
1117
|
+
preserveWhitespaces: false,
|
|
1118
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1119
|
+
providers: [
|
|
1120
|
+
{
|
|
1121
|
+
provide: table.CDK_TABLE,
|
|
1122
|
+
useExisting: TableComponent,
|
|
1123
|
+
},
|
|
1124
|
+
{
|
|
1125
|
+
provide: collections._VIEW_REPEATER_STRATEGY,
|
|
1126
|
+
useClass: collections._DisposeViewRepeaterStrategy,
|
|
1127
|
+
},
|
|
1128
|
+
{
|
|
1129
|
+
provide: table._COALESCED_STYLE_SCHEDULER,
|
|
1130
|
+
useClass: table._CoalescedStyleScheduler,
|
|
1131
|
+
},
|
|
1132
|
+
],
|
|
1133
|
+
styles: [".aui-table{display:block;padding:0 12px 12px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l);overflow:auto}.aui-table::-webkit-scrollbar{width:4px;height:4px}.aui-table::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-table__header-row,.aui-table__row{display:flex;align-items:center}.aui-table__header-row.hasPanel,.aui-table__row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border:solid rgb(var(--aui-color-n-8));border-width:1px 1px 0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-child{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 10px}.aui-table__cell,.aui-table__header-cell{flex:1}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden;word-wrap:break-word}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled],.aui-table__column-expand-button .aui-expand-button[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}", ".aui-table__scroll-wrapper{background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-table__scroll-wrapper .aui-table{padding:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before{transform:none;width:100%;left:0}.aui-table__scroll-shadow.hasTableTopShadow:before{transform:translate3d(-12px,0,0);top:28px;box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-shadow.hasTableBottomShadow:after,.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:-webkit-sticky;position:sticky;display:block;width:calc(100% + 24px);height:16px;margin-top:-16px;z-index:99}.aui-table__scroll-shadow.hasTableBottomShadow:after{transform:translate3d(-12px,12px,0);bottom:0;box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-color:rgb(var(--aui-color-n-8));border-style:solid;border-width:1px 0}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(.aui-table__scroll-shadow .aui-table__row:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(180deg,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(180deg,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(180deg,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}"]
|
|
1134
|
+
},] }
|
|
1135
|
+
];
|
|
1136
|
+
TableComponent.propDecorators = {
|
|
1137
|
+
enableScrollWrapper: [{ type: i0.Input }],
|
|
1138
|
+
_placeholderOutlet: [{ type: i0.ViewChild, args: [TablePlaceholderOutlet, { static: true },] }],
|
|
1139
|
+
_placeholderDef: [{ type: i0.ContentChild, args: [TablePlaceholderDefDirective, { static: true },] }]
|
|
1140
|
+
};
|
|
1141
|
+
|
|
1071
1142
|
var CLASS_PREFIX = 'aui-table';
|
|
1072
1143
|
var SHADOW_CLASS = CLASS_PREFIX + "__scroll-shadow";
|
|
1073
1144
|
var HAS_SCROLL_CLASS = SHADOW_CLASS + "--has-scroll";
|
|
@@ -1090,8 +1161,9 @@
|
|
|
1090
1161
|
},] }
|
|
1091
1162
|
];
|
|
1092
1163
|
var TableScrollShadowDirective = /** @class */ (function () {
|
|
1093
|
-
function TableScrollShadowDirective(el) {
|
|
1164
|
+
function TableScrollShadowDirective(el, table) {
|
|
1094
1165
|
this.el = el;
|
|
1166
|
+
this.table = table;
|
|
1095
1167
|
this.destroy$$ = new rxjs.Subject();
|
|
1096
1168
|
this.SCROLL_BEFORE_END_CLASS = true;
|
|
1097
1169
|
this.SHADOW_CLASS = true;
|
|
@@ -1124,6 +1196,8 @@
|
|
|
1124
1196
|
var scrollTop = this.containerEl.scrollTop;
|
|
1125
1197
|
this.placeClassList(this.containerEl.classList, scrollTop > 0, HAS_TABLE_TOP_SHADOW);
|
|
1126
1198
|
this.placeClassList(this.containerEl.classList, scrollTop < scrollDis, HAS_TABLE_BOTTOM_SHADOW);
|
|
1199
|
+
// 兼容屏幕缩放是 sticky多列的样式问题
|
|
1200
|
+
this.table.updateStickyColumnStyles();
|
|
1127
1201
|
};
|
|
1128
1202
|
TableScrollShadowDirective.prototype.mutateHorizontalScroll = function () {
|
|
1129
1203
|
var scrollDis = this.containerEl.scrollWidth - this.containerEl.offsetWidth;
|
|
@@ -1146,84 +1220,14 @@
|
|
|
1146
1220
|
},] }
|
|
1147
1221
|
];
|
|
1148
1222
|
TableScrollShadowDirective.ctorParameters = function () { return [
|
|
1149
|
-
{ type: i0.ElementRef }
|
|
1223
|
+
{ type: i0.ElementRef },
|
|
1224
|
+
{ type: TableComponent, decorators: [{ type: i0.Host }] }
|
|
1150
1225
|
]; };
|
|
1151
1226
|
TableScrollShadowDirective.propDecorators = {
|
|
1152
1227
|
SCROLL_BEFORE_END_CLASS: [{ type: i0.HostBinding, args: ["class." + SCROLL_BEFORE_END_CLASS,] }],
|
|
1153
1228
|
SHADOW_CLASS: [{ type: i0.HostBinding, args: ["class." + SHADOW_CLASS,] }]
|
|
1154
1229
|
};
|
|
1155
1230
|
|
|
1156
|
-
var TableComponent = /** @class */ (function (_super) {
|
|
1157
|
-
__extends(TableComponent, _super);
|
|
1158
|
-
function TableComponent() {
|
|
1159
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
1160
|
-
}
|
|
1161
|
-
Object.defineProperty(TableComponent.prototype, "stickyCssClass", {
|
|
1162
|
-
// FIXME: workaround to override because it will break constructor if it is field, but why MatTable works?
|
|
1163
|
-
// @ts-expect-error
|
|
1164
|
-
get: function () {
|
|
1165
|
-
return 'aui-table-sticky';
|
|
1166
|
-
},
|
|
1167
|
-
set: function (_stickyCssClass) {
|
|
1168
|
-
//
|
|
1169
|
-
},
|
|
1170
|
-
enumerable: false,
|
|
1171
|
-
configurable: true
|
|
1172
|
-
});
|
|
1173
|
-
TableComponent.prototype.ngAfterContentInit = function () {
|
|
1174
|
-
this._createPlaceholder();
|
|
1175
|
-
};
|
|
1176
|
-
TableComponent.prototype._createPlaceholder = function () {
|
|
1177
|
-
var footerRow = this._placeholderDef;
|
|
1178
|
-
if (!this._placeholderDef) {
|
|
1179
|
-
return;
|
|
1180
|
-
}
|
|
1181
|
-
var container = this._placeholderOutlet.viewContainer;
|
|
1182
|
-
container.createEmbeddedView(footerRow.templateRef);
|
|
1183
|
-
};
|
|
1184
|
-
TableComponent.prototype._clearPlaceholder = function () {
|
|
1185
|
-
this._placeholderOutlet.viewContainer.clear();
|
|
1186
|
-
};
|
|
1187
|
-
TableComponent.prototype.ngOnDestroy = function () {
|
|
1188
|
-
_super.prototype.ngOnDestroy.call(this);
|
|
1189
|
-
this._clearPlaceholder();
|
|
1190
|
-
};
|
|
1191
|
-
return TableComponent;
|
|
1192
|
-
}(table.CdkTable));
|
|
1193
|
-
TableComponent.decorators = [
|
|
1194
|
-
{ type: i0.Component, args: [{
|
|
1195
|
-
selector: 'aui-table',
|
|
1196
|
-
exportAs: 'auiTable',
|
|
1197
|
-
encapsulation: i0.ViewEncapsulation.None,
|
|
1198
|
-
template: "\n " + table.CDK_TABLE_TEMPLATE + "\n <ng-container auiTablePlaceholderOutlet></ng-container>\n ",
|
|
1199
|
-
host: {
|
|
1200
|
-
class: 'aui-table',
|
|
1201
|
-
},
|
|
1202
|
-
preserveWhitespaces: false,
|
|
1203
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1204
|
-
providers: [
|
|
1205
|
-
{
|
|
1206
|
-
provide: table.CDK_TABLE,
|
|
1207
|
-
useExisting: TableComponent,
|
|
1208
|
-
},
|
|
1209
|
-
{
|
|
1210
|
-
provide: collections._VIEW_REPEATER_STRATEGY,
|
|
1211
|
-
useClass: collections._DisposeViewRepeaterStrategy,
|
|
1212
|
-
},
|
|
1213
|
-
{
|
|
1214
|
-
provide: table._COALESCED_STYLE_SCHEDULER,
|
|
1215
|
-
useClass: table._CoalescedStyleScheduler,
|
|
1216
|
-
},
|
|
1217
|
-
],
|
|
1218
|
-
styles: [".aui-table{display:block;padding:0 12px 12px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l);overflow:auto}.aui-table::-webkit-scrollbar{width:4px;height:4px}.aui-table::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-table__header-row,.aui-table__row{display:flex;align-items:center}.aui-table__header-row.hasPanel,.aui-table__row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border:solid rgb(var(--aui-color-n-8));border-width:1px 1px 0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-child{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 10px}.aui-table__cell,.aui-table__header-cell{flex:1}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden;word-wrap:break-word}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);font-size:var(--aui-icon-size-m);line-height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled],.aui-table__column-expand-button .aui-expand-button[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}", ".aui-table__scroll-wrapper{background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-table__scroll-wrapper .aui-table{padding:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before{transform:none;width:100%;left:0}.aui-table__scroll-shadow.hasTableTopShadow:before{transform:translate3d(-12px,0,0);top:28px;box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-shadow.hasTableBottomShadow:after,.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:-webkit-sticky;position:sticky;display:block;width:calc(100% + 24px);height:16px;margin-top:-16px;z-index:99}.aui-table__scroll-shadow.hasTableBottomShadow:after{transform:translate3d(-12px,12px,0);bottom:0;box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-color:rgb(var(--aui-color-n-8));border-style:solid;border-width:1px 0}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(.aui-table__scroll-shadow .aui-table__row:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll .aui-table-sticky:not(.aui-table__header-row):after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky:not(.aui-table__header-row):before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(180deg,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(180deg,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(180deg,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}"]
|
|
1219
|
-
},] }
|
|
1220
|
-
];
|
|
1221
|
-
TableComponent.propDecorators = {
|
|
1222
|
-
enableScrollWrapper: [{ type: i0.Input }],
|
|
1223
|
-
_placeholderOutlet: [{ type: i0.ViewChild, args: [TablePlaceholderOutlet, { static: true },] }],
|
|
1224
|
-
_placeholderDef: [{ type: i0.ContentChild, args: [TablePlaceholderDefDirective, { static: true },] }]
|
|
1225
|
-
};
|
|
1226
|
-
|
|
1227
1231
|
var TableModule = /** @class */ (function () {
|
|
1228
1232
|
function TableModule() {
|
|
1229
1233
|
}
|