@alauda/ui 6.1.3-beta.6 → 6.1.3

package/esm2015/table/table-scroll.directive.js

@@ -1,7 +1,8 @@
-import { Directive, ElementRef, HostBinding, } from '@angular/core';
+import { Directive, ElementRef, Host, HostBinding, } from '@angular/core';
 import { Subject, fromEvent, merge } from 'rxjs';
 import { startWith, takeUntil } from 'rxjs/operators';
 import { observeResizeOn } from '../utils';
+import { TableComponent } from './table.component';
 const CLASS_PREFIX = 'aui-table';
 const SHADOW_CLASS = `${CLASS_PREFIX}__scroll-shadow`;
 const HAS_SCROLL_CLASS = `${SHADOW_CLASS}--has-scroll`;
@@ -21,8 +22,9 @@ TableScrollWrapperDirective.decorators = [
             },] }
 ];
 export class TableScrollShadowDirective {
-    constructor(el) {
+    constructor(el, table) {
         this.el = el;
+        this.table = table;
         this.destroy$$ = new Subject();
         this.SCROLL_BEFORE_END_CLASS = true;
         this.SHADOW_CLASS = true;
@@ -49,6 +51,8 @@ export class TableScrollShadowDirective {
         const 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();
     }
     mutateHorizontalScroll() {
         const scrollDis = this.containerEl.scrollWidth - this.containerEl.offsetWidth;
@@ -70,10 +74,11 @@ TableScrollShadowDirective.decorators = [
             },] }
 ];
 TableScrollShadowDirective.ctorParameters = () => [
-    { type: ElementRef }
+    { type: ElementRef },
+    { type: TableComponent, decorators: [{ type: Host }] }
 ];
 TableScrollShadowDirective.propDecorators = {
     SCROLL_BEFORE_END_CLASS: [{ type: HostBinding, args: [`class.${SCROLL_BEFORE_END_CLASS}`,] }],
     SHADOW_CLASS: [{ type: HostBinding, args: [`class.${SHADOW_CLASS}`,] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtc2Nyb2xsLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS90YWJsZS1zY3JvbGwuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsR0FFWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRTNDLE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQztBQUNqQyxNQUFNLFlBQVksR0FBRyxHQUFHLFlBQVksaUJBQWlCLENBQUM7QUFDdEQsTUFBTSxnQkFBZ0IsR0FBRyxHQUFHLFlBQVksY0FBYyxDQUFDO0FBQ3ZELE1BQU0sZUFBZSxHQUFHLEdBQUcsWUFBWSxhQUFhLENBQUM7QUFDckQsTUFBTSx1QkFBdUIsR0FBRyxHQUFHLFlBQVksY0FBYyxDQUFDO0FBRTlELE1BQU0sb0JBQW9CLEdBQUcsbUJBQW1CLENBQUM7QUFDakQsTUFBTSx1QkFBdUIsR0FBRyxzQkFBc0IsQ0FBQztBQUN2RCxNQUFNLHlCQUF5QixHQUFHLHdCQUF3QixDQUFDO0FBUTNELE1BQU0sT0FBTywyQkFBMkI7OztZQU52QyxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtnQkFDbkMsSUFBSSxFQUFFO29CQUNKLEtBQUssRUFBRSwyQkFBMkI7aUJBQ25DO2FBQ0Y7O0FBS0QsTUFBTSxPQUFPLDBCQUEwQjtJQUVyQyxZQUE2QixFQUEyQjtRQUEzQixPQUFFLEdBQUYsRUFBRSxDQUF5QjtRQUR4RCxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUloQyw0QkFBdUIs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ZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBPbkRlc3Ryb3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCwgZnJvbUV2ZW50LCBtZXJnZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgc3RhcnRXaXRoLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IG9ic2VydmVSZXNpemVPbiB9IGZyb20gJy4uL3V0aWxzJztcblxuY29uc3QgQ0xBU1NfUFJFRklYID0gJ2F1aS10YWJsZSc7XG5jb25zdCBTSEFET1dfQ0xBU1MgPSBgJHtDTEFTU19QUkVGSVh9X19zY3JvbGwtc2hhZG93YDtcbmNvbnN0IEhBU19TQ1JPTExfQ0xBU1MgPSBgJHtTSEFET1dfQ0xBU1N9LS1oYXMtc2Nyb2xsYDtcbmNvbnN0IFNDUk9MTElOR19DTEFTUyA9IGAke1NIQURPV19DTEFTU30tLXNjcm9sbGluZ2A7XG5jb25zdCBTQ1JPTExfQkVGT1JFX0VORF9DTEFTUyA9IGAke1NIQURPV19DTEFTU30tLWJlZm9yZS1lbmRgO1xuXG5jb25zdCBIQVNfVEFCTEVfVE9QX1NIQURPVyA9ICdoYXNUYWJsZVRvcFNoYWRvdyc7XG5jb25zdCBIQVNfVEFCTEVfQk9UVE9NX1NIQURPVyA9ICdoYXNUYWJsZUJvdHRvbVNoYWRvdyc7XG5jb25zdCBIQVNfVEFCTEVfVkVSVElDQUxfU0NST0xMID0gJ2hhc1RhYmxlVmVydGljYWxTY3JvbGwnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpVGFibGVTY3JvbGxXcmFwcGVyXScsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2F1aS10YWJsZV9fc2Nyb2xsLXdyYXBwZXInLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZVNjcm9sbFdyYXBwZXJEaXJlY3RpdmUge31cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thdWlUYWJsZVNjcm9sbFNoYWRvd10nLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZVNjcm9sbFNoYWRvd0RpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIGRlc3Ryb3kkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZWw6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7fVxuXG4gIEBIb3N0QmluZGluZyhgY2xhc3MuJHtTQ1JPTExfQkVGT1JFX0VORF9DTEFTU31gKVxuICBTQ1JPTExfQkVGT1JFX0VORF9DTEFTUyA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKGBjbGFzcy4ke1NIQURPV19DTEFTU31gKVxuICBTSEFET1dfQ0xBU1MgPSB0cnVlO1xuXG4gIGdldCBjb250YWluZXJFbCgpIHtcbiAgICByZXR1cm4gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICB0aGlzLnZpZXdNdXRhdGlvbigpO1xuICAgIH0pO1xuICB9XG5cbiAgdmlld011dGF0aW9uKCkge1xuICAgIG1lcmdlKFxuICAgICAgb2JzZXJ2ZVJlc2l6ZU9uKHRoaXMuY29udGFpbmVyRWwpLFxuICAgICAgZnJvbUV2ZW50KHRoaXMuY29udGFpbmVyRWwsICdzY3JvbGwnKSxcbiAgICApXG4gICAgICAucGlwZShzdGFydFdpdGgobnVsbCBhcyB2b2lkKSwgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLm11dGF0ZVZlcnRpY2FsU2Nyb2xsKCk7XG4gICAgICAgIHRoaXMubXV0YXRlSG9yaXpvbnRhbFNjcm9sbCgpO1xuICAgICAgfSk7XG4gIH1cblxuICBtdXRhdGVWZXJ0aWNhbFNjcm9sbCgpIHtcbiAgICBjb25zdCBzY3JvbGxEaXMgPVxuICAgICAgdGhpcy5jb250YWluZXJFbC5zY3JvbGxIZWlnaHQgLSB0aGlzLmNvbnRhaW5lckVsLm9mZnNldEhlaWdodDtcblxuICAgIHRoaXMucGxhY2VDbGFzc0xpc3QoXG4gICAgICB0aGlzLmNvbnRhaW5lckVsLmNsYXNzTGlzdCxcbiAgICAgIHNjcm9sbERpcyA+IDAsXG4gICAgICBIQVNfVEFCTEVfVkVSVElDQUxfU0NST0xMLFxuICAgICk7XG5cbiAgICBjb25zdCBzY3JvbGxUb3AgPSB0aGlzLmNvbnRhaW5lckVsLnNjcm9sbFRvcDtcbiAgICB0aGlzLnBsYWNlQ2xhc3NMaXN0KFxuICAgICAgdGhpcy5jb250YWluZXJFbC5jbGFzc0xpc3QsXG4gICAgICBzY3JvbGxUb3AgPiAwLFxuICAgICAgSEFTX1RBQkxFX1RPUF9TSEFET1csXG4gICAgKTtcbiAgICB0aGlzLnBsYWNlQ2xhc3NMaXN0KFxuICAgICAgdGhpcy5jb250YWluZXJFbC5jbGFzc0xpc3QsXG4gICAgICBzY3JvbGxUb3AgPCBzY3JvbGxEaXMsXG4gICAgICBIQVNfVEFCTEVfQk9UVE9NX1NIQURPVyxcbiAgICApO1xuICB9XG5cbiAgbXV0YXRlSG9yaXpvbnRhbFNjcm9sbCgpIHtcbiAgICBjb25zdCBzY3JvbGxEaXMgPVxuICAgICAgdGhpcy5jb250YWluZXJFbC5zY3JvbGxXaWR0aCAtIHRoaXMuY29udGFpbmVyRWwub2Zmc2V0V2lkdGg7XG5cbiAgICB0aGlzLnBsYWNlQ2xhc3NMaXN0KFxuICAgICAgdGhpcy5jb250YWluZXJFbC5jbGFzc0xpc3QsXG4gICAgICBzY3JvbGxEaXMgPiAwLFxuICAgICAgSEFTX1NDUk9MTF9DTEFTUyxcbiAgICApO1xuXG4gICAgY29uc3Qgc2Nyb2xsTGVmdCA9IHRoaXMuY29udGFpbmVyRWwuc2Nyb2xsTGVmdDtcbiAgICB0aGlzLnBsYWNlQ2xhc3NMaXN0KFxuICAgICAgdGhpcy5jb250YWluZXJFbC5jbGFzc0xpc3QsXG4gICAgICBzY3JvbGxMZWZ0ID4gMCxcbiAgICAgIFNDUk9MTElOR19DTEFTUyxcbiAgICApO1xuICAgIHRoaXMucGxhY2VDbGFzc0xpc3QoXG4gICAgICB0aGlzLmNvbnRhaW5lckVsLmNsYXNzTGlzdCxcbiAgICAgIHNjcm9sbExlZnQgPCBzY3JvbGxEaXMsXG4gICAgICBTQ1JPTExfQkVGT1JFX0VORF9DTEFTUyxcbiAgICApO1xuICB9XG5cbiAgcGxhY2VDbGFzc0xpc3QoXG4gICAgY2xhc3NMaXN0OiBET01Ub2tlbkxpc3QsXG4gICAgY29uZGl0aW9uOiBib29sZWFuLFxuICAgIGNsYXNzTmFtZTogc3RyaW5nLFxuICApIHtcbiAgICBjbGFzc0xpc3RbY29uZGl0aW9uID8gJ2FkZCcgOiAncmVtb3ZlJ10oY2xhc3NOYW1lKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuZGVzdHJveSQkLm5leHQoKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtc2Nyb2xsLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS90YWJsZS1zY3JvbGwuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLElBQUksRUFDSixXQUFXLEdBRVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFbkQsTUFBTSxZQUFZLEdBQUcsV0FBVyxDQUFDO0FBQ2pDLE1BQU0sWUFBWSxHQUFHLEdBQUcsWUFBWSxpQkFBaUIsQ0FBQztBQUN0RCxNQUFNLGdCQUFnQixHQUFHLEdBQUcsWUFBWSxjQUFjLENBQUM7QUFDdkQsTUFBTSxlQUFlLEdBQUcsR0FBRyxZQUFZLGFBQWEsQ0FBQztBQUNyRCxNQUFNLHVCQUF1QixHQUFHLEdBQUcsWUFBWSxjQUFjLENBQUM7QUFFOUQsTUFBTSxvQkFBb0IsR0FBRyxtQkFBbUIsQ0FBQztBQUNqRCxNQUFNLHVCQUF1QixHQUFHLHNCQUFzQixDQUFDO0FBQ3ZELE1BQU0seUJBQXlCLEdBQUcsd0JBQXdCLENBQUM7QUFRM0QsTUFBTSxPQUFPLDJCQUEyQjs7O1lBTnZDLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUseUJBQXlCO2dCQUNuQyxJQUFJLEVBQUU7b0JBQ0osS0FBSyxFQUFFLDJCQUEyQjtpQkFDbkM7YUFDRjs7QUFLRCxNQUFNLE9BQU8sMEJBQTBCO0lBRXJDLFlBQ21CLEVBQTJCLEVBQ25CLEtBQThCO1FBRHRDLE9BQUUs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OztZQTlCQyxVQUFVO1lBU0gsY0FBYyx1QkEwQmxCLElBQUk7OztzQ0FHTixXQUFXLFNBQUMsU0FBUyx1QkFBdUIsRUFBRTsyQkFHOUMsV0FBVyxTQUFDLFNBQVMsWUFBWSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgRGlyZWN0aXZlLFxuICBFbGVtZW50UmVmLFxuICBIb3N0LFxuICBIb3N0QmluZGluZyxcbiAgT25EZXN0cm95LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIGZyb21FdmVudCwgbWVyZ2UgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHN0YXJ0V2l0aCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBvYnNlcnZlUmVzaXplT24gfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBUYWJsZUNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUuY29tcG9uZW50JztcblxuY29uc3QgQ0xBU1NfUFJFRklYID0gJ2F1aS10YWJsZSc7XG5jb25zdCBTSEFET1dfQ0xBU1MgPSBgJHtDTEFTU19QUkVGSVh9X19zY3JvbGwtc2hhZG93YDtcbmNvbnN0IEhBU19TQ1JPTExfQ0xBU1MgPSBgJHtTSEFET1dfQ0xBU1N9LS1oYXMtc2Nyb2xsYDtcbmNvbnN0IFNDUk9MTElOR19DTEFTUyA9IGAke1NIQURPV19DTEFTU30tLXNjcm9sbGluZ2A7XG5jb25zdCBTQ1JPTExfQkVGT1JFX0VORF9DTEFTUyA9IGAke1NIQURPV19DTEFTU30tLWJlZm9yZS1lbmRgO1xuXG5jb25zdCBIQVNfVEFCTEVfVE9QX1NIQURPVyA9ICdoYXNUYWJsZVRvcFNoYWRvdyc7XG5jb25zdCBIQVNfVEFCTEVfQk9UVE9NX1NIQURPVyA9ICdoYXNUYWJsZUJvdHRvbVNoYWRvdyc7XG5jb25zdCBIQVNfVEFCTEVfVkVSVElDQUxfU0NST0xMID0gJ2hhc1RhYmxlVmVydGljYWxTY3JvbGwnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpVGFibGVTY3JvbGxXcmFwcGVyXScsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2F1aS10YWJsZV9fc2Nyb2xsLXdyYXBwZXInLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZVNjcm9sbFdyYXBwZXJEaXJlY3RpdmUge31cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thdWlUYWJsZVNjcm9sbFNoYWRvd10nLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZVNjcm9sbFNoYWRvd0RpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIGRlc3Ryb3kkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgZWw6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuICAgIEBIb3N0KCkgcHJpdmF0ZSByZWFkb25seSB0YWJsZTogVGFibGVDb21wb25lbnQ8dW5rbm93bj4sXG4gICkge31cblxuICBASG9zdEJpbmRpbmcoYGNsYXNzLiR7U0NST0xMX0JFRk9SRV9FTkRfQ0xBU1N9YClcbiAgU0NST0xMX0JFRk9SRV9FTkRfQ0xBU1MgPSB0cnVlO1xuXG4gIEBIb3N0QmluZGluZyhgY2xhc3MuJHtTSEFET1dfQ0xBU1N9YClcbiAgU0hBRE9XX0NMQVNTID0gdHJ1ZTtcblxuICBnZXQgY29udGFpbmVyRWwoKSB7XG4gICAgcmV0dXJuIHRoaXMuZWwubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4ge1xuICAgICAgdGhpcy52aWV3TXV0YXRpb24oKTtcbiAgICB9KTtcbiAgfVxuXG4gIHZpZXdNdXRhdGlvbigpIHtcbiAgICBtZXJnZShcbiAgICAgIG9ic2VydmVSZXNpemVPbih0aGlzLmNvbnRhaW5lckVsKSxcbiAgICAgIGZyb21FdmVudCh0aGlzLmNvbnRhaW5lckVsLCAnc2Nyb2xsJyksXG4gICAgKVxuICAgICAgLnBpcGUoc3RhcnRXaXRoKG51bGwgYXMgdm9pZCksIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkJCkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5tdXRhdGVWZXJ0aWNhbFNjcm9sbCgpO1xuICAgICAgICB0aGlzLm11dGF0ZUhvcml6b250YWxTY3JvbGwoKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgbXV0YXRlVmVydGljYWxTY3JvbGwoKSB7XG4gICAgY29uc3Qgc2Nyb2xsRGlzID1cbiAgICAgIHRoaXMuY29udGFpbmVyRWwuc2Nyb2xsSGVpZ2h0IC0gdGhpcy5jb250YWluZXJFbC5vZmZzZXRIZWlnaHQ7XG5cbiAgICB0aGlzLnBsYWNlQ2xhc3NMaXN0KFxuICAgICAgdGhpcy5jb250YWluZXJFbC5jbGFzc0xpc3QsXG4gICAgICBzY3JvbGxEaXMgPiAwLFxuICAgICAgSEFTX1RBQkxFX1ZFUlRJQ0FMX1NDUk9MTCxcbiAgICApO1xuXG4gICAgY29uc3Qgc2Nyb2xsVG9wID0gdGhpcy5jb250YWluZXJFbC5zY3JvbGxUb3A7XG4gICAgdGhpcy5wbGFjZUNsYXNzTGlzdChcbiAgICAgIHRoaXMuY29udGFpbmVyRWwuY2xhc3NMaXN0LFxuICAgICAgc2Nyb2xsVG9wID4gMCxcbiAgICAgIEhBU19UQUJMRV9UT1BfU0hBRE9XLFxuICAgICk7XG4gICAgdGhpcy5wbGFjZUNsYXNzTGlzdChcbiAgICAgIHRoaXMuY29udGFpbmVyRWwuY2xhc3NMaXN0LFxuICAgICAgc2Nyb2xsVG9wIDwgc2Nyb2xsRGlzLFxuICAgICAgSEFTX1RBQkxFX0JPVFRPTV9TSEFET1csXG4gICAgKTtcblxuICAgIC8vIOWFvOWuueWxj+W5lee8qeaUvuaYryBzdGlja3nlpJrliJfnmoTmoLflvI/pl67pophcbiAgICB0aGlzLnRhYmxlLnVwZGF0ZVN0aWNreUNvbHVtblN0eWxlcygpO1xuICB9XG5cbiAgbXV0YXRlSG9yaXpvbnRhbFNjcm9sbCgpIHtcbiAgICBjb25zdCBzY3JvbGxEaXMgPVxuICAgICAgdGhpcy5jb250YWluZXJFbC5zY3JvbGxXaWR0aCAtIHRoaXMuY29udGFpbmVyRWwub2Zmc2V0V2lkdGg7XG5cbiAgICB0aGlzLnBsYWNlQ2xhc3NMaXN0KFxuICAgICAgdGhpcy5jb250YWluZXJFbC5jbGFzc0xpc3QsXG4gICAgICBzY3JvbGxEaXMgPiAwLFxuICAgICAgSEFTX1NDUk9MTF9DTEFTUyxcbiAgICApO1xuXG4gICAgY29uc3Qgc2Nyb2xsTGVmdCA9IHRoaXMuY29udGFpbmVyRWwuc2Nyb2xsTGVmdDtcbiAgICB0aGlzLnBsYWNlQ2xhc3NMaXN0KFxuICAgICAgdGhpcy5jb250YWluZXJFbC5jbGFzc0xpc3QsXG4gICAgICBzY3JvbGxMZWZ0ID4gMCxcbiAgICAgIFNDUk9MTElOR19DTEFTUyxcbiAgICApO1xuICAgIHRoaXMucGxhY2VDbGFzc0xpc3QoXG4gICAgICB0aGlzLmNvbnRhaW5lckVsLmNsYXNzTGlzdCxcbiAgICAgIHNjcm9sbExlZnQgPCBzY3JvbGxEaXMsXG4gICAgICBTQ1JPTExfQkVGT1JFX0VORF9DTEFTUyxcbiAgICApO1xuICB9XG5cbiAgcGxhY2VDbGFzc0xpc3QoXG4gICAgY2xhc3NMaXN0OiBET01Ub2tlbkxpc3QsXG4gICAgY29uZGl0aW9uOiBib29sZWFuLFxuICAgIGNsYXNzTmFtZTogc3RyaW5nLFxuICApIHtcbiAgICBjbGFzc0xpc3RbY29uZGl0aW9uID8gJ2FkZCcgOiAncmVtb3ZlJ10oY2xhc3NOYW1lKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuZGVzdHJveSQkLm5leHQoKTtcbiAgfVxufVxuIl19

package/esm2015/table/table-scroll.directive.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class"},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"isComponent":false,"selector":"[auiTableScrollWrapper]","exportAs":null,"inputs":{},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{"class":"aui-table__scroll-wrapper"},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":null,"template":null,"componentViewType":null,"rendererType":null,"componentFactory":null}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":2,"members":[]}]}],"SCROLL_BEFORE_END_CLASS":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.aui-table__scroll-shadow--before-end"]}]}],"SHADOW_CLASS":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.aui-table__scroll-shadow"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"viewMutation":[{"__symbolic":"method"}],"mutateVerticalScroll":[{"__symbolic":"method"}],"mutateHorizontalScroll":[{"__symbolic":"method"}],"placeClassList":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":1,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":2,"members":[]}}}}],"lifecycleHooks":[1,6]},"isComponent":false,"selector":"[auiTableScrollShadow]","exportAs":null,"inputs":{},"outputs":{},"hostListeners":{},"hostProperties":{"class.aui-table__scroll-shadow--before-end":"SCROLL_BEFORE_END_CLASS","class.aui-table__scroll-shadow":"SHADOW_CLASS"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":null,"template":null,"componentViewType":null,"rendererType":null,"componentFactory":null}}],"symbols":[{"__symbol":0,"name":"TableScrollWrapperDirective","filePath":"./table-scroll.directive"},{"__symbol":1,"name":"TableScrollShadowDirective","filePath":"./table-scroll.directive"},{"__symbol":2,"name":"ElementRef","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class"},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[],"lifecycleHooks":[]},"isComponent":false,"selector":"[auiTableScrollWrapper]","exportAs":null,"inputs":{},"outputs":{},"hostListeners":{},"hostProperties":{},"hostAttributes":{"class":"aui-table__scroll-wrapper"},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":null,"template":null,"componentViewType":null,"rendererType":null,"componentFactory":null}},{"symbol":{"__symbol":1,"members":[]},"metadata":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]],"parameters":[{"__symbol":3,"members":[]},{"__symbol":4,"members":[]}]}],"SCROLL_BEFORE_END_CLASS":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":5,"members":[]},"arguments":["class.aui-table__scroll-shadow--before-end"]}]}],"SHADOW_CLASS":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":5,"members":[]},"arguments":["class.aui-table__scroll-shadow"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"viewMutation":[{"__symbolic":"method"}],"mutateVerticalScroll":[{"__symbolic":"method"}],"mutateHorizontalScroll":[{"__symbolic":"method"}],"placeClassList":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":1,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":3,"members":[]}}}},{"isAttribute":false,"isHost":true,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}}],"lifecycleHooks":[1,6]},"isComponent":false,"selector":"[auiTableScrollShadow]","exportAs":null,"inputs":{},"outputs":{},"hostListeners":{},"hostProperties":{"class.aui-table__scroll-shadow--before-end":"SCROLL_BEFORE_END_CLASS","class.aui-table__scroll-shadow":"SHADOW_CLASS"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":null,"template":null,"componentViewType":null,"rendererType":null,"componentFactory":null}}],"symbols":[{"__symbol":0,"name":"TableScrollWrapperDirective","filePath":"./table-scroll.directive"},{"__symbol":1,"name":"TableScrollShadowDirective","filePath":"./table-scroll.directive"},{"__symbol":2,"name":"Host","filePath":"@angular/core"},{"__symbol":3,"name":"ElementRef","filePath":"@angular/core"},{"__symbol":4,"name":"TableComponent","filePath":"./table.component"},{"__symbol":5,"name":"HostBinding","filePath":"@angular/core"}]}

package/esm2015/table/table-scroll.scss.ngstyle.js

@@ -4,6 +4,6 @@
  * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes,extraRequire}
  * tslint:disable
  */
-var styles = [".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%}"];
+var styles = [".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%}"];
 export { styles as styles };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtc2Nyb2xsLnNjc3MubmdzdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS90YWJsZS1zY3JvbGwuc2Nzcy5uZ3N0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBpMCBmcm9tICdAYW5ndWxhci9jb3JlJztcbmkwLkNvbXBvbmVudEZhY3Rvcnk7XG4iXX0=

package/esm2015/table/table.component.js

@@ -58,7 +58,7 @@ TableComponent.decorators = [
                         useClass: _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%}"]
+                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 = {

package/esm2015/table/table.component.scss.ngstyle.js

@@ -4,6 +4,6 @@
  * @suppress {suspiciousCode,uselessCode,missingProperties,missingOverride,checkTypes,extraRequire}
  * tslint:disable
  */
-var 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))}"];
+var 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))}"];
 export { styles as styles };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LnNjc3MubmdzdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS90YWJsZS5jb21wb25lbnQuc2Nzcy5uZ3N0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBpMCBmcm9tICdAYW5ndWxhci9jb3JlJztcbmkwLkNvbXBvbmVudEZhY3Rvcnk7XG4iXX0=

package/fesm2015/alauda-ui.js

@@ -1,4 +1,4 @@
-import { TemplateRef, ɵɵdefineInjectable, Injectable, Pipe, ChangeDetectorRef, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, EventEmitter, Output, ElementRef, ViewContainerRef, HostBinding, ViewChild, ContentChild, isDevMode, Renderer2, NgZone, HostListener, InjectionToken, Injector, ɵɵinject, INJECTOR, ContentChildren, forwardRef, ApplicationRef, ComponentFactoryResolver, ViewChildren, Host, Type } from '@angular/core';
+import { TemplateRef, ɵɵdefineInjectable, Injectable, Pipe, ChangeDetectorRef, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, EventEmitter, Output, ElementRef, ViewContainerRef, HostBinding, ViewChild, ContentChild, Host, isDevMode, Renderer2, NgZone, HostListener, InjectionToken, Injector, ContentChildren, forwardRef, ɵɵinject, ApplicationRef, ComponentFactoryResolver, ViewChildren, Type } from '@angular/core';
 import { Observable, ReplaySubject, Subject, merge, fromEvent, BehaviorSubject, combineLatest, of, Subscription, EMPTY, animationFrameScheduler } from 'rxjs';
 import { startWith, map, publishReplay, refCount, distinctUntilChanged, takeUntil, switchMap, throttleTime, debounceTime, first, tap, take, pluck, observeOn, repeat, takeWhile, endWith, filter } from 'rxjs/operators';
 import { CdkCellDef, CdkCell, CdkColumnDef, CdkHeaderCellDef, CdkHeaderCell, CdkHeaderRowDef, CdkHeaderRow, CDK_ROW_TEMPLATE, CdkRowDef, CdkRow, CdkTable, CDK_TABLE_TEMPLATE, CDK_TABLE, _COALESCED_STYLE_SCHEDULER, _CoalescedStyleScheduler, CdkTableModule } from '@angular/cdk/table';
@@ -7,14 +7,14 @@ import { HttpClient } from '@angular/common/http';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { _VIEW_REPEATER_STRATEGY, _DisposeViewRepeaterStrategy, UniqueSelectionDispatcher } from '@angular/cdk/collections';
 import { FocusMonitor, FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
-import { CdkScrollable, OverlayConfig, Overlay, OverlayModule, ScrollDispatcher as ScrollDispatcher$1 } from '@angular/cdk/overlay';
+import { CdkScrollable, OverlayConfig, Overlay, OverlayModule, ScrollDispatcher } from '@angular/cdk/overlay';
 import { __awaiter } from 'tslib';
 import { ComponentPortal, CdkPortalOutlet, TemplatePortal, PortalModule, DomPortalOutlet, CdkPortal } from '@angular/cdk/portal';
 import { writeText } from 'clipboard-polyfill';
-import { ScrollDispatcher, ViewportRuler, VIRTUAL_SCROLL_STRATEGY, _fixedSizeVirtualScrollStrategyFactory, CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkVirtualScrollViewport, CdkScrollable as CdkScrollable$1 } from '@angular/cdk/scrolling';
 import { Directionality } from '@angular/cdk/bidi';
 import { ControlContainer, NgForm, FormGroupDirective, NgControl, NG_VALUE_ACCESSOR, Validators, FormBuilder, FormsModule, ReactiveFormsModule, NG_VALIDATORS } from '@angular/forms';
 import { ObserversModule } from '@angular/cdk/observers';
+import { ViewportRuler, VIRTUAL_SCROLL_STRATEGY, _fixedSizeVirtualScrollStrategyFactory, CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkVirtualScrollViewport, CdkScrollable as CdkScrollable$1 } from '@angular/cdk/scrolling';
 import { CdkAccordion, CdkAccordionItem, CdkAccordionModule } from '@angular/cdk/accordion';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
@@ -684,6 +684,71 @@ TableRowComponent.propDecorators = {
     hasPanel: [{ type: HostBinding, args: ['class.hasPanel',] }]
 };
 
+class TableComponent extends CdkTable {
+    // FIXME: workaround to override because it will break constructor if it is field, but why MatTable works?
+    // @ts-expect-error
+    get stickyCssClass() {
+        return 'aui-table-sticky';
+    }
+    set stickyCssClass(_stickyCssClass) {
+        //
+    }
+    ngAfterContentInit() {
+        this._createPlaceholder();
+    }
+    _createPlaceholder() {
+        const footerRow = this._placeholderDef;
+        if (!this._placeholderDef) {
+            return;
+        }
+        const container = this._placeholderOutlet.viewContainer;
+        container.createEmbeddedView(footerRow.templateRef);
+    }
+    _clearPlaceholder() {
+        this._placeholderOutlet.viewContainer.clear();
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._clearPlaceholder();
+    }
+}
+TableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'aui-table',
+                exportAs: 'auiTable',
+                encapsulation: ViewEncapsulation.None,
+                template: `
+    ${CDK_TABLE_TEMPLATE}
+    <ng-container auiTablePlaceholderOutlet></ng-container>
+  `,
+                host: {
+                    class: 'aui-table',
+                },
+                preserveWhitespaces: false,
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                providers: [
+                    {
+                        provide: CDK_TABLE,
+                        useExisting: TableComponent,
+                    },
+                    {
+                        provide: _VIEW_REPEATER_STRATEGY,
+                        useClass: _DisposeViewRepeaterStrategy,
+                    },
+                    {
+                        provide: _COALESCED_STYLE_SCHEDULER,
+                        useClass: _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: Input }],
+    _placeholderOutlet: [{ type: ViewChild, args: [TablePlaceholderOutlet, { static: true },] }],
+    _placeholderDef: [{ type: ContentChild, args: [TablePlaceholderDefDirective, { static: true },] }]
+};
+
 const CLASS_PREFIX = 'aui-table';
 const SHADOW_CLASS = `${CLASS_PREFIX}__scroll-shadow`;
 const HAS_SCROLL_CLASS = `${SHADOW_CLASS}--has-scroll`;
@@ -703,8 +768,9 @@ TableScrollWrapperDirective.decorators = [
             },] }
 ];
 class TableScrollShadowDirective {
-    constructor(el) {
+    constructor(el, table) {
         this.el = el;
+        this.table = table;
         this.destroy$$ = new Subject();
         this.SCROLL_BEFORE_END_CLASS = true;
         this.SHADOW_CLASS = true;
@@ -731,6 +797,8 @@ class TableScrollShadowDirective {
         const 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();
     }
     mutateHorizontalScroll() {
         const scrollDis = this.containerEl.scrollWidth - this.containerEl.offsetWidth;
@@ -752,78 +820,14 @@ TableScrollShadowDirective.decorators = [
             },] }
 ];
 TableScrollShadowDirective.ctorParameters = () => [
-    { type: ElementRef }
+    { type: ElementRef },
+    { type: TableComponent, decorators: [{ type: Host }] }
 ];
 TableScrollShadowDirective.propDecorators = {
     SCROLL_BEFORE_END_CLASS: [{ type: HostBinding, args: [`class.${SCROLL_BEFORE_END_CLASS}`,] }],
     SHADOW_CLASS: [{ type: HostBinding, args: [`class.${SHADOW_CLASS}`,] }]
 };
 
-class TableComponent extends CdkTable {
-    // FIXME: workaround to override because it will break constructor if it is field, but why MatTable works?
-    // @ts-expect-error
-    get stickyCssClass() {
-        return 'aui-table-sticky';
-    }
-    set stickyCssClass(_stickyCssClass) {
-        //
-    }
-    ngAfterContentInit() {
-        this._createPlaceholder();
-    }
-    _createPlaceholder() {
-        const footerRow = this._placeholderDef;
-        if (!this._placeholderDef) {
-            return;
-        }
-        const container = this._placeholderOutlet.viewContainer;
-        container.createEmbeddedView(footerRow.templateRef);
-    }
-    _clearPlaceholder() {
-        this._placeholderOutlet.viewContainer.clear();
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._clearPlaceholder();
-    }
-}
-TableComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-table',
-                exportAs: 'auiTable',
-                encapsulation: ViewEncapsulation.None,
-                template: `
-    ${CDK_TABLE_TEMPLATE}
-    <ng-container auiTablePlaceholderOutlet></ng-container>
-  `,
-                host: {
-                    class: 'aui-table',
-                },
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [
-                    {
-                        provide: CDK_TABLE,
-                        useExisting: TableComponent,
-                    },
-                    {
-                        provide: _VIEW_REPEATER_STRATEGY,
-                        useClass: _DisposeViewRepeaterStrategy,
-                    },
-                    {
-                        provide: _COALESCED_STYLE_SCHEDULER,
-                        useClass: _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: Input }],
-    _placeholderOutlet: [{ type: ViewChild, args: [TablePlaceholderOutlet, { static: true },] }],
-    _placeholderDef: [{ type: ContentChild, args: [TablePlaceholderDefDirective, { static: true },] }]
-};
-
 class TableModule {
 }
 TableModule.decorators = [
@@ -2279,14 +2283,13 @@ class DialogService {
 }
 DialogService.DIALOG_OVERLAY_PANE_CLASS = 'aui-dialog-overlay-pane';
 DialogService.DIALOG_BACKDROP_CLASS = 'aui-dialog-backdrop';
-DialogService.ɵprov = ɵɵdefineInjectable({ factory: function DialogService_Factory() { return new DialogService(ɵɵinject(Overlay), ɵɵinject(INJECTOR), ɵɵinject(ScrollDispatcher), ɵɵinject(NgZone)); }, token: DialogService, providedIn: "root" });
 DialogService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+    { type: Injectable }
 ];
 DialogService.ctorParameters = () => [
     { type: Overlay },
     { type: Injector },
-    { type: ScrollDispatcher$1 },
+    { type: ScrollDispatcher },
     { type: NgZone }
 ];
 
@@ -2339,7 +2342,7 @@ DialogContentComponent.decorators = [
 ];
 DialogContentComponent.ctorParameters = () => [
     { type: ElementRef },
-    { type: ScrollDispatcher$1 },
+    { type: ScrollDispatcher },
     { type: NgZone },
     { type: Directionality }
 ];
@@ -2422,6 +2425,7 @@ DialogModule.decorators = [
                     DialogCloseDirective,
                 ],
                 entryComponents: [DialogComponent, ConfirmDialogComponent],
+                providers: [DialogService],
             },] }
 ];
 
@@ -5884,6 +5888,7 @@ MessageModule.decorators = [
                 imports: [CommonModule, OverlayModule, IconModule],
                 declarations: [MessageWrapperComponent, MessageComponent],
                 entryComponents: [MessageWrapperComponent, MessageComponent],
+                providers: [MessageService],
             },] }
 ];
 
@@ -5977,9 +5982,8 @@ class MessageService extends BaseMessage {
         super(overlay, injector, applicationRef, cfr, 'aui-message-overlay-pane', MessageWrapperComponent, MessageComponent, Object.assign(Object.assign({}, MESSAGE_DEFAULT_CONFIG), globalConfig));
     }
 }
-MessageService.ɵprov = ɵɵdefineInjectable({ factory: function MessageService_Factory() { return new MessageService(ɵɵinject(Overlay), ɵɵinject(INJECTOR), ɵɵinject(ApplicationRef), ɵɵinject(ComponentFactoryResolver), ɵɵinject(MESSAGE_CONFIG, 8)); }, token: MessageService, providedIn: "root" });
 MessageService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+    { type: Injectable }
 ];
 MessageService.ctorParameters = () => [
     { type: Overlay },
@@ -6110,16 +6114,6 @@ NotificationComponent.propDecorators = {
     onMouseLeave: [{ type: HostListener, args: ['mouseleave',] }]
 };
 
-class NotificationModule {
-}
-NotificationModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, OverlayModule, PortalModule, IconModule],
-                declarations: [NotificationWrapperComponent, NotificationComponent],
-                entryComponents: [NotificationWrapperComponent, NotificationComponent],
-            },] }
-];
-
 const NOTIFICATION_CONFIG = new InjectionToken('NOTIFICATION_CONFIG');
 const NOTIFICATION_DEFAULT_CONFIG = {
     duration: 6000,
@@ -6131,9 +6125,8 @@ class NotificationService extends BaseMessage {
         super(overlay, injector, applicationRef, cfr, 'aui-notification-overlay-pane', NotificationWrapperComponent, NotificationComponent, Object.assign(Object.assign({}, NOTIFICATION_DEFAULT_CONFIG), globalConfig));
     }
 }
-NotificationService.ɵprov = ɵɵdefineInjectable({ factory: function NotificationService_Factory() { return new NotificationService(ɵɵinject(Overlay), ɵɵinject(INJECTOR), ɵɵinject(ApplicationRef), ɵɵinject(ComponentFactoryResolver), ɵɵinject(NOTIFICATION_CONFIG, 8)); }, token: NotificationService, providedIn: "root" });
 NotificationService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
+    { type: Injectable }
 ];
 NotificationService.ctorParameters = () => [
     { type: Overlay },
@@ -6143,6 +6136,17 @@ NotificationService.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [NOTIFICATION_CONFIG,] }] }
 ];
 
+class NotificationModule {
+}
+NotificationModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule, OverlayModule, PortalModule, IconModule],
+                declarations: [NotificationWrapperComponent, NotificationComponent],
+                entryComponents: [NotificationWrapperComponent, NotificationComponent],
+                providers: [NotificationService],
+            },] }
+];
+
 class TabBodyComponent {
     constructor() {
         this.content$ = new BehaviorSubject(null);
@@ -10272,7 +10276,7 @@ class DrawerComponent extends DrawerRef {
         this.injector = injector;
         this.cdr = cdr;
         this.size = DrawerSize.Medium;
-        this.offsetY = 0;
+        this.offsetY = '0px';
         this.hideOnClickOutside = false;
         this.showClose = true;
         this._value = SIZE_MAPPER[DrawerSize.Medium];
@@ -10345,6 +10349,8 @@ class DrawerComponent extends DrawerRef {
                     this.hideOnClickOutside &&
                     event.target instanceof Node &&
                     !((_b = (_a = this.overlayRef.hostElement) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
+                    event.stopPropagation();
+                    event.preventDefault();
                     this.dispose();
                 }
             });
@@ -10396,7 +10402,7 @@ class DrawerComponent extends DrawerRef {
     }
     dispose(result = null) {
         this.visible = false;
-        this.close.next();
+        this.close.emit();
         this.afterClosed$.next(result);
         this.afterClosed$.complete();
         this.updateBodyOverflow();
@@ -10421,10 +10427,10 @@ class DrawerComponent extends DrawerRef {
 DrawerComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aui-drawer',
-                template: "<ng-template #drawerTemplate>\n  <div\n    *ngIf=\"mask\"\n    class=\"aui-drawer-mask\"\n    [class.isOpen]=\"visible\"\n    (click)=\"maskClick()\"\n  ></div>\n  <div\n    [style.marginTop.px]=\"offsetY\"\n    [ngClass]=\"drawerClasses\"\n    [class.isOpen]=\"visible\"\n    [ngStyle]=\"{\n      transform: transform,\n      width: width + 'px'\n    }\"\n  >\n    <div class=\"aui-drawer__content\">\n      <div class=\"aui-drawer__body-wrapper\">\n        <div class=\"aui-drawer__header\">\n          <div class=\"aui-drawer__title\">\n            <ng-container\n              *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n            >\n              {{ title }}\n            </ng-container>\n            <ng-template #elseTemplate>\n              <ng-container\n                *ngIf=\"title || titleTemplate\"\n                [ngTemplateOutlet]=\"title || titleTemplate\"\n                [ngTemplateOutletContext]=\"templateContext\"\n              ></ng-container>\n            </ng-template>\n          </div>\n          <div class=\"aui-drawer__close\" *ngIf=\"showClose\" (click)=\"dispose()\">\n            <aui-icon icon=\"close\"></aui-icon>\n          </div>\n        </div>\n\n        <div class=\"aui-drawer__body\">\n          <ng-template cdkPortalOutlet></ng-template>\n          <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                content || contentTemplate;\n                context: templateContext\n              \"\n            >\n            </ng-container>\n          </ng-container>\n        </div>\n\n        <div *ngIf=\"footer || footerTemplate\" class=\"aui-drawer__footer\">\n          <ng-container\n            *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n          >\n            {{ footer }}\n          </ng-container>\n          <ng-template #elseTemplate>\n            <ng-container\n              *ngIf=\"footer || titleTemplate\"\n              [ngTemplateOutlet]=\"footer || titleTemplate\"\n              [ngTemplateOutletContext]=\"templateContext\"\n            ></ng-container>\n          </ng-template>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>\n",
+                template: "<ng-template #drawerTemplate>\n  <div\n    *ngIf=\"mask\"\n    class=\"aui-drawer-mask\"\n    [class.isOpen]=\"visible\"\n    (click)=\"maskClick()\"\n  ></div>\n  <div\n    [style.marginTop]=\"offsetY\"\n    [ngClass]=\"drawerClasses\"\n    [class.isOpen]=\"visible\"\n    [ngStyle]=\"{\n      transform: transform,\n      width: width + 'px'\n    }\"\n  >\n    <div class=\"aui-drawer__content\">\n      <div class=\"aui-drawer__body-wrapper\">\n        <div class=\"aui-drawer__header\">\n          <div class=\"aui-drawer__title\">\n            <ng-container\n              *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n            >\n              {{ title }}\n            </ng-container>\n            <ng-template #elseTemplate>\n              <ng-container\n                *ngIf=\"title || titleTemplate\"\n                [ngTemplateOutlet]=\"title || titleTemplate\"\n                [ngTemplateOutletContext]=\"templateContext\"\n              ></ng-container>\n            </ng-template>\n          </div>\n          <div class=\"aui-drawer__close\" *ngIf=\"showClose\" (click)=\"dispose()\">\n            <aui-icon icon=\"close\"></aui-icon>\n          </div>\n        </div>\n\n        <div class=\"aui-drawer__body\">\n          <ng-template cdkPortalOutlet></ng-template>\n          <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                content || contentTemplate;\n                context: templateContext\n              \"\n            >\n            </ng-container>\n          </ng-container>\n        </div>\n\n        <div *ngIf=\"footer || footerTemplate\" class=\"aui-drawer__footer\">\n          <ng-container\n            *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n          >\n            {{ footer }}\n          </ng-container>\n          <ng-template #elseTemplate>\n            <ng-container\n              *ngIf=\"footer || titleTemplate\"\n              [ngTemplateOutlet]=\"footer || titleTemplate\"\n              [ngTemplateOutletContext]=\"templateContext\"\n            ></ng-container>\n          </ng-template>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-template>\n",
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;opacity:.4;background-color:rgb(var(--aui-color-n-0))}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}.aui-drawer.isOpen .aui-drawer__content{box-shadow:0 4px 16px 0 rgba(var(--aui-color-n-1),.2)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{margin:20px 20px 0;padding-bottom:16px;display:flex;justify-content:space-between;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-n-1));font-weight:var(--aui-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;margin-left:16px;display:flex;align-items:center;font-size:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;position:relative;z-index:1}.aui-drawer__body{margin:16px 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{margin:0 20px 20px;padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}"]
+                styles: [".aui-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;opacity:.4;background-color:rgb(var(--aui-color-n-0))}.aui-drawer-mask.isOpen{height:100%}.aui-drawer{position:fixed;top:0;bottom:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}.aui-drawer.isOpen .aui-drawer__content{box-shadow:0 4px 16px 0 rgba(var(--aui-color-n-1),.2)}.aui-drawer__content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.aui-drawer__header{margin:20px 20px 0;padding-bottom:16px;display:flex;justify-content:space-between;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-drawer__title{flex:1;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-n-1));font-weight:var(--aui-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-drawer__close{z-index:10;margin-left:16px;display:flex;align-items:center;font-size:var(--aui-icon-size-m);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-drawer__close:hover{color:rgb(var(--aui-color-primary))}.aui-drawer__body-wrapper{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;position:relative;z-index:1}.aui-drawer__body{margin:16px 20px;overflow:hidden;overflow-y:auto;height:100%}.aui-drawer__footer{margin:0 20px 20px;padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}"]
             },] }
 ];
 DrawerComponent.ctorParameters = () => [
@@ -10469,6 +10475,7 @@ DrawerModule.decorators = [
                 declarations: COMMON,
                 exports: COMMON,
                 entryComponents: [DrawerComponent],
+                providers: [DrawerService],
             },] }
 ];
 
@@ -10505,11 +10512,8 @@ class DrawerService {
         });
     }
 }
-DrawerService.ɵprov = ɵɵdefineInjectable({ factory: function DrawerService_Factory() { return new DrawerService(ɵɵinject(Overlay)); }, token: DrawerService, providedIn: "root" });
 DrawerService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
+    { type: Injectable }
 ];
 DrawerService.ctorParameters = () => [
     { type: Overlay }