@alauda/ui 6.1.3-beta.9 → 6.1.3

package/bundles/alauda-ui.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/table'), require('@angular/common'), require('@angular/common/http'), require('@angular/animations'), require('@angular/cdk/collections'), require('@angular/cdk/a11y'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('clipboard-polyfill'), require('@angular/cdk/scrolling'), require('@angular/cdk/bidi'), require('@angular/forms'), require('@angular/cdk/observers'), require('@angular/cdk/accordion'), require('dayjs'), require('dayjs/plugin/customParseFormat'), require('dayjs/plugin/isBetween')) :
-    typeof define === 'function' && define.amd ? define('@alauda/ui', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/cdk/table', '@angular/common', '@angular/common/http', '@angular/animations', '@angular/cdk/collections', '@angular/cdk/a11y', '@angular/cdk/overlay', '@angular/cdk/portal', 'clipboard-polyfill', '@angular/cdk/scrolling', '@angular/cdk/bidi', '@angular/forms', '@angular/cdk/observers', '@angular/cdk/accordion', 'dayjs', 'dayjs/plugin/customParseFormat', 'dayjs/plugin/isBetween'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.alauda = global.alauda || {}, global.alauda.ui = {}), global.ng.core, global.rxjs, global.rxjs.operators, global.ng.cdk.table, global.ng.common, global.ng.common.http, global.ng.animations, global.ng.cdk.collections, global.ng.cdk.a11y, global.ng.cdk.overlay, global.ng.cdk.portal, global.clipboardPolyfill, global.ng.cdk.scrolling, global.ng.cdk.bidi, global.ng.forms, global.ng.cdk.observers, global.ng.cdk.accordion, global.dayjs, global.customParseFormat, global.isBetween));
-}(this, (function (exports, i0, rxjs, operators, table, common, http, animations, collections, a11y, i1, portal, clipboardPolyfill, i2, bidi, forms, observers, accordion, dayjs, customParseFormat, isBetween) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/table'), require('@angular/common'), require('@angular/common/http'), require('@angular/animations'), require('@angular/cdk/collections'), require('@angular/cdk/a11y'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('clipboard-polyfill'), require('@angular/cdk/bidi'), require('@angular/forms'), require('@angular/cdk/observers'), require('@angular/cdk/scrolling'), require('@angular/cdk/accordion'), require('dayjs'), require('dayjs/plugin/customParseFormat'), require('dayjs/plugin/isBetween')) :
+    typeof define === 'function' && define.amd ? define('@alauda/ui', ['exports', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/cdk/table', '@angular/common', '@angular/common/http', '@angular/animations', '@angular/cdk/collections', '@angular/cdk/a11y', '@angular/cdk/overlay', '@angular/cdk/portal', 'clipboard-polyfill', '@angular/cdk/bidi', '@angular/forms', '@angular/cdk/observers', '@angular/cdk/scrolling', '@angular/cdk/accordion', 'dayjs', 'dayjs/plugin/customParseFormat', 'dayjs/plugin/isBetween'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.alauda = global.alauda || {}, global.alauda.ui = {}), global.ng.core, global.rxjs, global.rxjs.operators, global.ng.cdk.table, global.ng.common, global.ng.common.http, global.ng.animations, global.ng.cdk.collections, global.ng.cdk.a11y, global.ng.cdk.overlay, global.ng.cdk.portal, global.clipboardPolyfill, global.ng.cdk.bidi, global.ng.forms, global.ng.cdk.observers, global.ng.cdk.scrolling, global.ng.cdk.accordion, global.dayjs, global.customParseFormat, global.isBetween));
+}(this, (function (exports, i0, rxjs, operators, table, common, http, animations, collections, a11y, overlay, portal, clipboardPolyfill, bidi, forms, observers, scrolling, accordion, dayjs, customParseFormat, isBetween) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1068,6 +1068,77 @@
         hasPanel: [{ type: i0.HostBinding, args: ['class.hasPanel',] }]
     };
 
+    var TableComponent = /** @class */ (function (_super) {
+        __extends(TableComponent, _super);
+        function TableComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        Object.defineProperty(TableComponent.prototype, "stickyCssClass", {
+            // FIXME: workaround to override because it will break constructor if it is field, but why MatTable works?
+            // @ts-expect-error
+            get: function () {
+                return 'aui-table-sticky';
+            },
+            set: function (_stickyCssClass) {
+                //
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TableComponent.prototype.ngAfterContentInit = function () {
+            this._createPlaceholder();
+        };
+        TableComponent.prototype._createPlaceholder = function () {
+            var footerRow = this._placeholderDef;
+            if (!this._placeholderDef) {
+                return;
+            }
+            var container = this._placeholderOutlet.viewContainer;
+            container.createEmbeddedView(footerRow.templateRef);
+        };
+        TableComponent.prototype._clearPlaceholder = function () {
+            this._placeholderOutlet.viewContainer.clear();
+        };
+        TableComponent.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+            this._clearPlaceholder();
+        };
+        return TableComponent;
+    }(table.CdkTable));
+    TableComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'aui-table',
+                    exportAs: 'auiTable',
+                    encapsulation: i0.ViewEncapsulation.None,
+                    template: "\n    " + table.CDK_TABLE_TEMPLATE + "\n    <ng-container auiTablePlaceholderOutlet></ng-container>\n  ",
+                    host: {
+                        class: 'aui-table',
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: table.CDK_TABLE,
+                            useExisting: TableComponent,
+                        },
+                        {
+                            provide: collections._VIEW_REPEATER_STRATEGY,
+                            useClass: collections._DisposeViewRepeaterStrategy,
+                        },
+                        {
+                            provide: table._COALESCED_STYLE_SCHEDULER,
+                            useClass: table._CoalescedStyleScheduler,
+                        },
+                    ],
+                    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%}"]
+                },] }
+    ];
+    TableComponent.propDecorators = {
+        enableScrollWrapper: [{ type: i0.Input }],
+        _placeholderOutlet: [{ type: i0.ViewChild, args: [TablePlaceholderOutlet, { static: true },] }],
+        _placeholderDef: [{ type: i0.ContentChild, args: [TablePlaceholderDefDirective, { static: true },] }]
+    };
+
     var CLASS_PREFIX = 'aui-table';
     var SHADOW_CLASS = CLASS_PREFIX + "__scroll-shadow";
     var HAS_SCROLL_CLASS = SHADOW_CLASS + "--has-scroll";
@@ -1090,8 +1161,9 @@
                 },] }
     ];
     var TableScrollShadowDirective = /** @class */ (function () {
-        function TableScrollShadowDirective(el) {
+        function TableScrollShadowDirective(el, table) {
             this.el = el;
+            this.table = table;
             this.destroy$$ = new rxjs.Subject();
             this.SCROLL_BEFORE_END_CLASS = true;
             this.SHADOW_CLASS = true;
@@ -1124,6 +1196,8 @@
             var scrollTop = this.containerEl.scrollTop;
             this.placeClassList(this.containerEl.classList, scrollTop > 0, HAS_TABLE_TOP_SHADOW);
             this.placeClassList(this.containerEl.classList, scrollTop < scrollDis, HAS_TABLE_BOTTOM_SHADOW);
+            // 兼容屏幕缩放是 sticky多列的样式问题
+            this.table.updateStickyColumnStyles();
         };
         TableScrollShadowDirective.prototype.mutateHorizontalScroll = function () {
             var scrollDis = this.containerEl.scrollWidth - this.containerEl.offsetWidth;
@@ -1146,84 +1220,14 @@
                 },] }
     ];
     TableScrollShadowDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef }
+        { type: i0.ElementRef },
+        { type: TableComponent, decorators: [{ type: i0.Host }] }
     ]; };
     TableScrollShadowDirective.propDecorators = {
         SCROLL_BEFORE_END_CLASS: [{ type: i0.HostBinding, args: ["class." + SCROLL_BEFORE_END_CLASS,] }],
         SHADOW_CLASS: [{ type: i0.HostBinding, args: ["class." + SHADOW_CLASS,] }]
     };
 
-    var TableComponent = /** @class */ (function (_super) {
-        __extends(TableComponent, _super);
-        function TableComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        Object.defineProperty(TableComponent.prototype, "stickyCssClass", {
-            // FIXME: workaround to override because it will break constructor if it is field, but why MatTable works?
-            // @ts-expect-error
-            get: function () {
-                return 'aui-table-sticky';
-            },
-            set: function (_stickyCssClass) {
-                //
-            },
-            enumerable: false,
-            configurable: true
-        });
-        TableComponent.prototype.ngAfterContentInit = function () {
-            this._createPlaceholder();
-        };
-        TableComponent.prototype._createPlaceholder = function () {
-            var footerRow = this._placeholderDef;
-            if (!this._placeholderDef) {
-                return;
-            }
-            var container = this._placeholderOutlet.viewContainer;
-            container.createEmbeddedView(footerRow.templateRef);
-        };
-        TableComponent.prototype._clearPlaceholder = function () {
-            this._placeholderOutlet.viewContainer.clear();
-        };
-        TableComponent.prototype.ngOnDestroy = function () {
-            _super.prototype.ngOnDestroy.call(this);
-            this._clearPlaceholder();
-        };
-        return TableComponent;
-    }(table.CdkTable));
-    TableComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'aui-table',
-                    exportAs: 'auiTable',
-                    encapsulation: i0.ViewEncapsulation.None,
-                    template: "\n    " + table.CDK_TABLE_TEMPLATE + "\n    <ng-container auiTablePlaceholderOutlet></ng-container>\n  ",
-                    host: {
-                        class: 'aui-table',
-                    },
-                    preserveWhitespaces: false,
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        {
-                            provide: table.CDK_TABLE,
-                            useExisting: TableComponent,
-                        },
-                        {
-                            provide: collections._VIEW_REPEATER_STRATEGY,
-                            useClass: collections._DisposeViewRepeaterStrategy,
-                        },
-                        {
-                            provide: table._COALESCED_STYLE_SCHEDULER,
-                            useClass: table._CoalescedStyleScheduler,
-                        },
-                    ],
-                    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 10px;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__header-row.aui-table-sticky{margin:0 -12px;padding:0}.aui-table__scroll-wrapper .aui-table.hasTableTopShadow:before{content:\"\";position:-webkit-sticky;position:sticky;display:block;width:calc(100% + 24px);height:16px;margin-top:-16px;transform:translate3d(-12px,0,0);z-index:99;top:28px;box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-wrapper .aui-table.hasTableBottomShadow:after{content:\"\";position:-webkit-sticky;position:sticky;display:block;width:calc(100% + 24px);height:16px;transform:translate3d(-12px,12px,0);z-index:99;bottom:0;margin-top:-16px;box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}.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 .aui-table__header-row.aui-table-sticky{margin:0}.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:20px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:20px}.aui-table__scroll-shadow .aui-table__row:first-child:not(.aui-table__header-row) .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:first-child:not(.aui-table__header-row) .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.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 .aui-table__header-row{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--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%}"]
-                },] }
-    ];
-    TableComponent.propDecorators = {
-        enableScrollWrapper: [{ type: i0.Input }],
-        _placeholderOutlet: [{ type: i0.ViewChild, args: [TablePlaceholderOutlet, { static: true },] }],
-        _placeholderDef: [{ type: i0.ContentChild, args: [TablePlaceholderDefDirective, { static: true },] }]
-    };
-
     var TableModule = /** @class */ (function () {
         function TableModule() {
         }
@@ -1712,7 +1716,7 @@
                 },] }
     ];
     BackTopComponent.ctorParameters = function () { return [
-        { type: i1.CdkScrollable, decorators: [{ type: i0.Optional }] }
+        { type: overlay.CdkScrollable, decorators: [{ type: i0.Optional }] }
     ]; };
     BackTopComponent.propDecorators = {
         visibilityHeight: [{ type: i0.Input }],
@@ -2073,7 +2077,7 @@
                 Object.assign(Object.assign({}, originPosition.fallback), overlayPosition.fallback),
             ]);
             var scrollStrategy = this.overlay.scrollStrategies.reposition();
-            var config = new i1.OverlayConfig({
+            var config = new overlay.OverlayConfig({
                 positionStrategy: positionStrategy,
                 scrollStrategy: scrollStrategy,
             });
@@ -2156,7 +2160,7 @@
         { type: i0.Directive }
     ];
     BaseTooltip.ctorParameters = function () { return [
-        { type: i1.Overlay },
+        { type: overlay.Overlay },
         { type: i0.ViewContainerRef },
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
@@ -2323,7 +2327,7 @@
                 },] }
     ];
     TooltipCopyDirective.ctorParameters = function () { return [
-        { type: i1.Overlay },
+        { type: overlay.Overlay },
         { type: i0.ViewContainerRef },
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
@@ -2370,7 +2374,7 @@
                 },] }
     ];
     TooltipDirective.ctorParameters = function () { return [
-        { type: i1.Overlay },
+        { type: overlay.Overlay },
         { type: i0.ViewContainerRef },
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
@@ -2390,7 +2394,7 @@
     }());
     TooltipModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule, i1.OverlayModule],
+                    imports: [common.CommonModule, overlay.OverlayModule],
                     declarations: [
                         TooltipDirective,
                         TooltipComponent,
@@ -2514,7 +2518,7 @@
             this.afterOpen$ = new rxjs.Subject();
             this.afterClosed$ = new rxjs.Subject();
             dialogInstance.id = this.id;
-            this.scrollable = new i1.CdkScrollable({ nativeElement: overlayRef.overlayElement }, scrollDispatcher, ngZone);
+            this.scrollable = new overlay.CdkScrollable({ nativeElement: overlayRef.overlayElement }, scrollDispatcher, ngZone);
             this.scrollable.ngOnInit();
         }
         DialogRef.prototype.close = function (result) {
@@ -2898,14 +2902,13 @@
     }());
     DialogService.DIALOG_OVERLAY_PANE_CLASS = 'aui-dialog-overlay-pane';
     DialogService.DIALOG_BACKDROP_CLASS = 'aui-dialog-backdrop';
-    DialogService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DialogService_Factory() { return new DialogService(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i2.ScrollDispatcher), i0.ɵɵinject(i0.NgZone)); }, token: DialogService, providedIn: "root" });
     DialogService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+        { type: i0.Injectable }
     ];
     DialogService.ctorParameters = function () { return [
-        { type: i1.Overlay },
+        { type: overlay.Overlay },
         { type: i0.Injector },
-        { type: i1.ScrollDispatcher },
+        { type: overlay.ScrollDispatcher },
         { type: i0.NgZone }
     ]; };
 
@@ -2950,7 +2953,7 @@
             return _this;
         }
         return DialogContentComponent;
-    }(i1.CdkScrollable));
+    }(overlay.CdkScrollable));
     DialogContentComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aui-dialog-content',
@@ -2962,7 +2965,7 @@
     ];
     DialogContentComponent.ctorParameters = function () { return [
         { type: i0.ElementRef },
-        { type: i1.ScrollDispatcher },
+        { type: overlay.ScrollDispatcher },
         { type: i0.NgZone },
         { type: bidi.Directionality }
     ]; };
@@ -3029,7 +3032,7 @@
         { type: i0.NgModule, args: [{
                     imports: [
                         common.CommonModule,
-                        i1.OverlayModule,
+                        overlay.OverlayModule,
                         portal.PortalModule,
                         IconModule,
                         ButtonModule,
@@ -3050,6 +3053,7 @@
                         DialogCloseDirective,
                     ],
                     entryComponents: [DialogComponent, ConfirmDialogComponent],
+                    providers: [DialogService],
                 },] }
     ];
 
@@ -5108,7 +5112,7 @@
                 },] }
     ];
     DropdownDirective.ctorParameters = function () { return [
-        { type: i1.Overlay },
+        { type: overlay.Overlay },
         { type: i0.ViewContainerRef },
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
@@ -7063,9 +7067,10 @@
     }());
     MessageModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule, i1.OverlayModule, IconModule],
+                    imports: [common.CommonModule, overlay.OverlayModule, IconModule],
                     declarations: [MessageWrapperComponent, MessageComponent],
                     entryComponents: [MessageWrapperComponent, MessageComponent],
+                    providers: [MessageService],
                 },] }
     ];
 
@@ -7164,12 +7169,11 @@
         }
         return MessageService;
     }(BaseMessage));
-    MessageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function MessageService_Factory() { return new MessageService(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(MESSAGE_CONFIG, 8)); }, token: MessageService, providedIn: "root" });
     MessageService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+        { type: i0.Injectable }
     ];
     MessageService.ctorParameters = function () { return [
-        { type: i1.Overlay },
+        { type: overlay.Overlay },
         { type: i0.Injector },
         { type: i0.ApplicationRef },
         { type: i0.ComponentFactoryResolver },
@@ -7304,19 +7308,6 @@
         onMouseLeave: [{ type: i0.HostListener, args: ['mouseleave',] }]
     };
 
-    var NotificationModule = /** @class */ (function () {
-        function NotificationModule() {
-        }
-        return NotificationModule;
-    }());
-    NotificationModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule, i1.OverlayModule, portal.PortalModule, IconModule],
-                    declarations: [NotificationWrapperComponent, NotificationComponent],
-                    entryComponents: [NotificationWrapperComponent, NotificationComponent],
-                },] }
-    ];
-
     var NOTIFICATION_CONFIG = new i0.InjectionToken('NOTIFICATION_CONFIG');
     var NOTIFICATION_DEFAULT_CONFIG = {
         duration: 6000,
@@ -7330,18 +7321,31 @@
         }
         return NotificationService;
     }(BaseMessage));
-    NotificationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function NotificationService_Factory() { return new NotificationService(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(NOTIFICATION_CONFIG, 8)); }, token: NotificationService, providedIn: "root" });
     NotificationService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+        { type: i0.Injectable }
     ];
     NotificationService.ctorParameters = function () { return [
-        { type: i1.Overlay },
+        { type: overlay.Overlay },
         { type: i0.Injector },
         { type: i0.ApplicationRef },
         { type: i0.ComponentFactoryResolver },
         { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [NOTIFICATION_CONFIG,] }] }
     ]; };
 
+    var NotificationModule = /** @class */ (function () {
+        function NotificationModule() {
+        }
+        return NotificationModule;
+    }());
+    NotificationModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [common.CommonModule, overlay.OverlayModule, portal.PortalModule, IconModule],
+                    declarations: [NotificationWrapperComponent, NotificationComponent],
+                    entryComponents: [NotificationWrapperComponent, NotificationComponent],
+                    providers: [NotificationService],
+                },] }
+    ];
+
     var TabBodyComponent = /** @class */ (function () {
         function TabBodyComponent() {
             this.content$ = new rxjs.BehaviorSubject(null);
@@ -7939,7 +7943,7 @@
     ];
     TabHeaderComponent.ctorParameters = function () { return [
         { type: i0.ChangeDetectorRef },
-        { type: i2.ViewportRuler }
+        { type: scrolling.ViewportRuler }
     ]; };
     TabHeaderComponent.propDecorators = {
         type: [{ type: i0.Input }],
@@ -9070,7 +9074,7 @@
                 },] }
     ];
     AutoCompleteDirective.ctorParameters = function () { return [
-        { type: i1.Overlay },
+        { type: overlay.Overlay },
         { type: i0.ViewContainerRef },
         { type: i0.ElementRef },
         { type: i0.Renderer2 },
@@ -9302,7 +9306,7 @@
     }());
     AutocompleteModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule, i1.OverlayModule, TooltipModule],
+                    imports: [common.CommonModule, overlay.OverlayModule, TooltipModule],
                     declarations: [
                         AutoCompleteDirective,
                         CustomAutoCompleteDirective,
@@ -9931,7 +9935,7 @@
                     exportAs: 'viewPort',
                     providers: [
                         {
-                            provide: i2.VIRTUAL_SCROLL_STRATEGY,
+                            provide: scrolling.VIRTUAL_SCROLL_STRATEGY,
                             useFactory: _tableVirtualScrollDirectiveStrategyFactory,
                             deps: [i0.forwardRef(function () { return FixedSizeTableVirtualScrollDirective; })],
                         },
@@ -9946,21 +9950,21 @@
         table: [{ type: i0.ContentChild, args: [TableComponent, { static: false },] }]
     };
 
-    var ɵ0 = i2._fixedSizeVirtualScrollStrategyFactory;
+    var ɵ0 = scrolling._fixedSizeVirtualScrollStrategyFactory;
     var FixedSizeVirtualScrollDirective = /** @class */ (function (_super) {
         __extends(FixedSizeVirtualScrollDirective, _super);
         function FixedSizeVirtualScrollDirective() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
         return FixedSizeVirtualScrollDirective;
-    }(i2.CdkFixedSizeVirtualScroll));
+    }(scrolling.CdkFixedSizeVirtualScroll));
     FixedSizeVirtualScrollDirective.decorators = [
         { type: i0.Directive, args: [{
                     // tslint:disable-next-line: directive-selector
                     selector: 'aui-virtual-scroll-viewport[itemSize]',
                     providers: [
                         {
-                            provide: i2.VIRTUAL_SCROLL_STRATEGY,
+                            provide: scrolling.VIRTUAL_SCROLL_STRATEGY,
                             useFactory: ɵ0,
                             deps: [i0.forwardRef(function () { return FixedSizeVirtualScrollDirective; })],
                         },
@@ -10004,7 +10008,7 @@
             configurable: true
         });
         return VirtualForOfDirective;
-    }(i2.CdkVirtualForOf));
+    }(scrolling.CdkVirtualForOf));
     VirtualForOfDirective.decorators = [
         { type: i0.Directive, args: [{
                     selector: '[auiVirtualFor][auiVirtualForOf]',
@@ -10023,7 +10027,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         return VirtualScrollViewportComponent;
-    }(i2.CdkVirtualScrollViewport));
+    }(scrolling.CdkVirtualScrollViewport));
     VirtualScrollViewportComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aui-virtual-scroll-viewport',
@@ -10038,7 +10042,7 @@
                     preserveWhitespaces: false,
                     providers: [
                         {
-                            provide: i2.CdkVirtualScrollViewport,
+                            provide: scrolling.CdkVirtualScrollViewport,
                             useExisting: VirtualScrollViewportComponent,
                         },
                     ],
@@ -10252,7 +10256,7 @@
         { type: i0.ApplicationRef },
         { type: i0.Injector },
         { type: i0.ElementRef },
-        { type: i2.CdkScrollable, decorators: [{ type: i0.Optional }] }
+        { type: scrolling.CdkScrollable, decorators: [{ type: i0.Optional }] }
     ]; };
     AnchorDirective.propDecorators = {
         auiAnchor: [{ type: i0.Input }],
@@ -11058,7 +11062,7 @@
                         forms.FormsModule,
                         forms.ReactiveFormsModule,
                         portal.PortalModule,
-                        i1.OverlayModule,
+                        overlay.OverlayModule,
                         common.CommonModule,
                         InputModule,
                         TooltipModule,
@@ -12075,7 +12079,7 @@
             }
         };
         DrawerComponent.prototype.getOverlayConfig = function () {
-            return new i1.OverlayConfig({
+            return new overlay.OverlayConfig({
                 panelClass: DRAWER_OVERLAY_CLASS,
                 positionStrategy: this.overlay.position().global(),
                 scrollStrategy: this.overlay.scrollStrategies.block(),
@@ -12155,7 +12159,7 @@
     ];
     DrawerComponent.ctorParameters = function () { return [
         { type: i0.ViewContainerRef },
-        { type: i1.Overlay },
+        { type: overlay.Overlay },
         { type: i0.Injector },
         { type: i0.ChangeDetectorRef }
     ]; };
@@ -12194,10 +12198,11 @@
     }());
     DrawerModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule, IconModule, IconModule, i1.OverlayModule, portal.PortalModule],
+                    imports: [common.CommonModule, IconModule, IconModule, overlay.OverlayModule, portal.PortalModule],
                     declarations: COMMON,
                     exports: COMMON,
                     entryComponents: [DrawerComponent],
+                    providers: [DrawerService],
                 },] }
     ];
 
@@ -12236,14 +12241,11 @@
         };
         return DrawerService;
     }());
-    DrawerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DrawerService_Factory() { return new DrawerService(i0.ɵɵinject(i1.Overlay)); }, token: DrawerService, providedIn: "root" });
     DrawerService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
+        { type: i0.Injectable }
     ];
     DrawerService.ctorParameters = function () { return [
-        { type: i1.Overlay }
+        { type: overlay.Overlay }
     ]; };
 
     var StepState = {