@alauda/ui 5.7.7-beta.28 → 5.7.7-beta.31

package/bundles/alauda-ui.umd.js

@@ -552,16 +552,15 @@
 
     var id = 0;
     var IconComponent = /** @class */ (function () {
-        function IconComponent(iconRegistryService) {
-            this.iconRegistryService = iconRegistryService;
-            this.icon = 'none';
+        function IconComponent(iconRegisterService) {
+            this.iconRegisterService = iconRegisterService;
             this.link = '';
             this.bem = buildBem('aui-icon');
             this.id = id++;
         }
-        IconComponent.prototype.parseIcon = function () {
-            var defaultPrefix = this.iconRegistryService.getDefaultIconPrefix();
-            var arr = (this.icon || '').split(':');
+        IconComponent.prototype.parseIcon = function (icon) {
+            var defaultPrefix = this.iconRegisterService.getDefaultIconPrefix();
+            var arr = (icon || '').split(':');
             return arr.length < 2 ? [defaultPrefix, arr[0]] : [arr[0], arr[1]];
         };
         IconComponent.prototype.getWidth = function () {
@@ -577,19 +576,19 @@
             var arr = (this.size || '').split(',');
             return handlePixel(arr[1] || arr[0]);
         };
-        IconComponent.prototype.getIconId = function () {
-            var _a = __read(this.parseIcon(), 2), prefix = _a[0], name = _a[1];
+        IconComponent.prototype.getIconId = function (icon) {
+            var _a = __read(this.parseIcon(icon), 2), prefix = _a[0], name = _a[1];
             return prefix + "-" + name;
         };
-        IconComponent.prototype.getClass = function () {
-            return this.bem.block(this.margin) + " " + this.getIconId();
+        IconComponent.prototype.getClass = function (id) {
+            return this.bem.block(this.margin) + " " + id;
         };
         return IconComponent;
     }());
     IconComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aui-icon',
-                    template: "<svg\n  *ngIf=\"icon === 'spinner'; else icons\"\n  [attr.class]=\"getClass()\"\n  [style.fill]=\"color\"\n  [style.width]=\"getWidth()\"\n  [style.height]=\"getHeight()\"\n  viewBox=\"0 0 200 200\"\n>\n  <defs>\n    <linearGradient\n      [attr.id]=\"'right-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"150\"\n      y1=\"20\"\n      x2=\"150\"\n      y2=\"180\"\n    >\n      <stop offset=\"0\" style=\"stop-color: #000\" />\n      <stop offset=\"1\" style=\"stop-color: #808080\" />\n    </linearGradient>\n    <linearGradient\n      [attr.id]=\"'left-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"50\"\n      y1=\"0\"\n      x2=\"50\"\n      y2=\"180\"\n    >\n      <stop offset=\"0\" style=\"stop-color: #fff\" />\n      <stop offset=\"1\" style=\"stop-color: #808080\" />\n    </linearGradient>\n    <mask [attr.id]=\"'mask-' + id\">\n      <g>\n        <path\n          [attr.fill]=\"'url(#right-' + id + ')'\"\n          d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n        />\n        <path\n          [attr.fill]=\"'url(#left-' + id + ')'\"\n          d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n        />\n      </g>\n    </mask>\n  </defs>\n  <rect\n    x=\"0\"\n    y=\"0\"\n    width=\"200\"\n    height=\"200\"\n    [attr.mask]=\"'url(#mask-' + id + ')'\"\n  />\n</svg>\n\n<ng-template #icons>\n  <svg\n    [attr.class]=\"getClass()\"\n    [style.fill]=\"color\"\n    [style.width]=\"getWidth()\"\n    [style.height]=\"getHeight()\"\n  >\n    <use [attr.xlink:href]=\"link + '#' + getIconId()\"></use>\n  </svg>\n</ng-template>\n",
+                    template: "<svg\n  *ngIf=\"icon === 'spinner'; else icons\"\n  [attr.class]=\"getClass('aui-icon-spinner')\"\n  [style.fill]=\"color\"\n  [style.width]=\"getWidth()\"\n  [style.height]=\"getHeight()\"\n  viewBox=\"0 0 200 200\"\n>\n  <defs>\n    <linearGradient\n      [attr.id]=\"'right-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"150\"\n      y1=\"20\"\n      x2=\"150\"\n      y2=\"180\"\n    >\n      <stop offset=\"0\" style=\"stop-color: #000\" />\n      <stop offset=\"1\" style=\"stop-color: #808080\" />\n    </linearGradient>\n    <linearGradient\n      [attr.id]=\"'left-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"50\"\n      y1=\"0\"\n      x2=\"50\"\n      y2=\"180\"\n    >\n      <stop offset=\"0\" style=\"stop-color: #fff\" />\n      <stop offset=\"1\" style=\"stop-color: #808080\" />\n    </linearGradient>\n    <mask [attr.id]=\"'mask-' + id\">\n      <g>\n        <path\n          [attr.fill]=\"'url(#right-' + id + ')'\"\n          d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n        />\n        <path\n          [attr.fill]=\"'url(#left-' + id + ')'\"\n          d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n        />\n      </g>\n    </mask>\n  </defs>\n  <rect\n    x=\"0\"\n    y=\"0\"\n    width=\"200\"\n    height=\"200\"\n    [attr.mask]=\"'url(#mask-' + id + ')'\"\n  />\n</svg>\n\n<ng-template #icons>\n  <svg\n    *ngIf=\"\n      getIconId(\n        icon ? icon : ({ light: light, dark: dark } | auiTheme)\n      ) as iconId\n    \"\n    [attr.class]=\"getClass(iconId)\"\n    [style.fill]=\"color\"\n    [style.width]=\"getWidth()\"\n    [style.height]=\"getHeight()\"\n  >\n    <use [attr.xlink:href]=\"link + '#' + iconId\"></use>\n  </svg>\n</ng-template>\n",
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     preserveWhitespaces: false,
@@ -601,12 +600,109 @@
     ]; };
     IconComponent.propDecorators = {
         icon: [{ type: i0.Input }],
+        light: [{ type: i0.Input }],
+        dark: [{ type: i0.Input }],
         link: [{ type: i0.Input }],
         margin: [{ type: i0.Input }],
         size: [{ type: i0.Input }],
         color: [{ type: i0.Input }]
     };
 
+    var ThemeService = /** @class */ (function () {
+        function ThemeService() {
+            var _this = this;
+            this.currentAppTheme$$ = new rxjs.ReplaySubject(1);
+            this.currentAppTheme$ = this.currentAppTheme$$
+                .asObservable()
+                .pipe(operators.distinctUntilChanged());
+            this.htmlEl = document.querySelector('html');
+            switch (this.htmlEl.getAttribute('aui-color-mode')) {
+                case 'dark':
+                    this.themeMode = 'dark';
+                    break;
+                case 'light':
+                    this.themeMode = 'light';
+                    break;
+                case 'auto':
+                    this.themeMode = 'auto';
+                    break;
+                default:
+                    this.themeMode = 'light';
+            }
+            var darkModeQuery = window.matchMedia('(prefers-color-scheme: dark)');
+            this.browserTheme = darkModeQuery.matches ? 'dark' : 'light';
+            darkModeQuery.addEventListener('change', function (_a) {
+                var matches = _a.matches;
+                _this.browserTheme = matches ? 'dark' : 'light';
+                if (_this.themeMode === 'auto') {
+                    _this.themeChanged();
+                }
+            });
+            this.themeChanged();
+        }
+        ThemeService.prototype.setThemeMode = function (mode) {
+            this.htmlEl.setAttribute('aui-color-mode', mode);
+            this.themeMode = mode;
+            this.themeChanged();
+        };
+        ThemeService.prototype.getAppTheme = function () {
+            return this.themeMode === 'auto' ? this.browserTheme : this.themeMode;
+        };
+        ThemeService.prototype.themeChanged = function () {
+            this.currentAppTheme$$.next(this.getAppTheme());
+        };
+        return ThemeService;
+    }());
+    ThemeService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ThemeService_Factory() { return new ThemeService(); }, token: ThemeService, providedIn: "root" });
+    ThemeService.decorators = [
+        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
+    ];
+    ThemeService.ctorParameters = function () { return []; };
+
+    var ThemePipe = /** @class */ (function () {
+        function ThemePipe(themeService, cdr) {
+            var _this = this;
+            this.destroy$$ = new rxjs.Subject();
+            themeService.currentAppTheme$
+                .pipe(operators.takeUntil(this.destroy$$))
+                .subscribe(function (theme) {
+                _this.currentTheme = theme;
+                cdr.markForCheck();
+            });
+        }
+        ThemePipe.prototype.transform = function (v) {
+            if (v instanceof Function) {
+                return v(this.currentTheme);
+            }
+            return v[this.currentTheme];
+        };
+        ThemePipe.prototype.ngOnDestroy = function () {
+            this.destroy$$.next();
+            this.destroy$$.complete();
+        };
+        return ThemePipe;
+    }());
+    ThemePipe.decorators = [
+        { type: i0.Pipe, args: [{ name: 'auiTheme', pure: false },] }
+    ];
+    ThemePipe.ctorParameters = function () { return [
+        { type: ThemeService },
+        { type: i0.ChangeDetectorRef }
+    ]; };
+
+    var ThemeModule = /** @class */ (function () {
+        function ThemeModule() {
+        }
+        return ThemeModule;
+    }());
+    ThemeModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [common.CommonModule],
+                    declarations: [ThemePipe],
+                    exports: [ThemePipe],
+                },] }
+    ];
+
     var IconModule = /** @class */ (function () {
         function IconModule() {
         }
@@ -614,7 +710,7 @@
     }());
     IconModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule],
+                    imports: [common.CommonModule, ThemeModule],
                     declarations: [IconComponent],
                     exports: [IconComponent],
                     providers: [ICON_REGISTER_SERVICE_PROVIDER],
@@ -633,7 +729,7 @@
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None,
                     preserveWhitespaces: false,
-                    styles: [".aui-button-group{display:inline-block}.aui-button-group .aui-button{border-radius:0;z-index:1}.aui-button-group .aui-button:first-child{border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}.aui-button-group .aui-button:last-child{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}.aui-button-group .aui-button.cdk-keyboard-focused,.aui-button-group .aui-button.isActive,.aui-button-group .aui-button:active,.aui-button-group .aui-button:hover{z-index:2}.aui-button-group .aui-button[disabled]{z-index:0}.aui-button-group .aui-button.isPlain:not(:last-child){margin-right:-1px}.aui-button-group .aui-button:not(:last-child){margin-right:1px}aui-button-group:not(:last-child){margin:0 var(--aui-spacing-m) 0 0}"]
+                    styles: [".aui-button-group{display:inline-block}.aui-button-group .aui-button{border-radius:0;z-index:1}.aui-button-group .aui-button:first-child{border-top-left-radius:var(--aui-border-radius-m);border-bottom-left-radius:var(--aui-border-radius-m)}.aui-button-group .aui-button:last-child{border-top-right-radius:var(--aui-border-radius-m);border-bottom-right-radius:var(--aui-border-radius-m)}.aui-button-group .aui-button.cdk-keyboard-focused,.aui-button-group .aui-button.isActive,.aui-button-group .aui-button:active,.aui-button-group .aui-button:hover{z-index:2}.aui-button-group .aui-button[disabled]{z-index:0}.aui-button-group .aui-button+.aui-button{margin-left:-1px}.aui-button-group .aui-button:not(.isPlain)+.aui-button:not(.isPlain){margin-left:1px}.aui-button+aui-button-group>.aui-button-group,aui-button-group+.aui-button,aui-button-group+aui-button-group>.aui-button-group{margin-left:var(--aui-spacing-m)}"]
                 },] }
     ];
 
@@ -787,7 +883,7 @@
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     preserveWhitespaces: false,
-                    styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare),.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-n-1))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text.isActive,.aui-button--text:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}.aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare),.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-n-1))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline.isActive,.aui-button--inline:active{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}.aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--default{color:rgb(var(--aui-color-n-1));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-9))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default.isActive,.aui-button--default:active{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--primary{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary.isActive,.aui-button--primary:active{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain.isActive,.aui-button--primary.isPlain:active{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--success{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success.isActive,.aui-button--success:active{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}.aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain.isActive,.aui-button--success.isPlain:active{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4));border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--warning{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning.isActive,.aui-button--warning:active{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}.aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain.isActive,.aui-button--warning.isPlain:active{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4));border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--danger{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger.isActive,.aui-button--danger:active{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}.aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain.isActive,.aui-button--danger.isPlain:active{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4));border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button.isLoading aui-icon{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button+.aui-button{margin-left:var(--aui-spacing-m)}.aui-button--text:not(:last-child){margin:0 var(--aui-spacing-s) 0 0}"]
+                    styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare),.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-n-1))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text.isActive,.aui-button--text:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}.aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare),.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-n-1))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline.isActive,.aui-button--inline:active{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}.aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--default{color:rgb(var(--aui-color-n-1));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-9))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default.isActive,.aui-button--default:active{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--primary{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary.isActive,.aui-button--primary:active{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain.isActive,.aui-button--primary.isPlain:active{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--success{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success.isActive,.aui-button--success:active{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}.aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain.isActive,.aui-button--success.isPlain:active{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4));border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--warning{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning.isActive,.aui-button--warning:active{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}.aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain.isActive,.aui-button--warning.isPlain:active{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4));border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--danger{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger.isActive,.aui-button--danger:active{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}.aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain.isActive,.aui-button--danger.isPlain:active{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4));border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button.isLoading aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button+.aui-button,.aui-button+aui-dropdown-button>.aui-dropdown-button,aui-dropdown-button+.aui-button,aui-dropdown-button+aui-dropdown-button>.aui-dropdown-button{margin-left:var(--aui-spacing-m)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}"]
                 },] }
     ];
     ButtonComponent.ctorParameters = function () { return [
@@ -867,7 +963,7 @@
                     animations: [
                         animations.trigger('expand', [
                             animations.state('*', animations.style({ height: 0 })),
-                            animations.state('expanded', animations.style({ height: '*', 'margin-bottom': '0' })),
+                            animations.state('expanded', animations.style({ height: '*' })),
                             animations.transition('* => expanded', [animations.animate(250)]),
                             animations.transition('expanded => *', [animations.animate(250)]),
                         ]),
@@ -1199,7 +1295,7 @@
                             useClass: table._CoalescedStyleScheduler,
                         },
                     ],
-                    styles: [".aui-table{display:block;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m);background-color:rgb(var(--aui-color-n-9));padding:0 var(--aui-table-margin) var(--aui-table-margin);border-radius:var(--aui-border-radius-m)}.aui-table__header-row.aui-table-sticky{flex-wrap:wrap;margin:0 calc(var(--aui-table-margin) * -1);padding:0}.aui-table__header-row.aui-table-sticky .aui-table__header-cell{z-index:1}.aui-table__header-row.aui-table-sticky .aui-table__header-cell:first-of-type{padding-left:calc(var(--aui-table-margin) + var(--aui-table-cell-padding-lr))}.aui-table__header-row.aui-table-sticky .aui-table__header-cell:last-of-type{padding-right:calc(var(--aui-table-margin) + var(--aui-table-cell-padding-lr))}.aui-table__header-row.aui-table-sticky:after{box-shadow:0 4px 16px -4px rgba(var(--aui-color-n-1),.16);position:-webkit-sticky;position:sticky;width:100%;height:30px;top:calc(var(--aui-table-header-height) - 30px);margin-top:calc(var(--aui-table-header-height) * -1)}.aui-table__scroll-wrapper{overflow:auto}.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-bottom:0}.aui-table__scroll-wrapper .aui-table__row{border:none;padding:0;align-items:stretch}.aui-table__scroll-wrapper .aui-table__row .aui-table__cell{border-left:0 solid #eee;border-bottom:var(--aui-table-border-width) solid #eee;border-right:0 solid #eee;border-top:var(--aui-table-border-width) solid #eee}.aui-table__scroll-wrapper .aui-table__row .aui-table__cell:first-of-type{border-left-width:var(--aui-table-border-width);padding-left:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__row .aui-table__cell:last-of-type{border-right-width:var(--aui-table-border-width);padding-right:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__row:first-of-type .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:first-of-type .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:last-of-type .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:last-of-type .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:not(.aui-table__scroll-wrapper .aui-table__row:last-child) .aui-table__cell{border-bottom:0}.aui-table__scroll-wrapper .aui-table__header-row{padding:0;align-items:stretch}.aui-table__scroll-wrapper .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__cell{padding:var(--aui-table-cell-padding-tb-m) calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-wrapper--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-wrapper--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-wrapper--has-scroll .aui-table-sticky-border-elem-left{padding-right:calc(var(--aui-table-cell-padding-lr) / 2 * 3)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-left:after{right:calc((var(--aui-table-cell-padding-lr) / 2) * -1)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-left:before{right:calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-right{padding-left:calc(var(--aui-table-cell-padding-lr) / 2 * 3)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-right:after{left:calc((var(--aui-table-cell-padding-lr) / 2) * -1)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-right:before{left:calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-wrapper--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-wrapper--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-wrapper--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-wrapper--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%}.aui-table__header-row,.aui-table__row{display:flex;align-items:center}.aui-table__header-row:after,.aui-table__row:after{display:inline-block;min-height:inherit;content:\"\"}.aui-table__row{position:relative;border:var(--aui-table-border-width) solid #eee;border-bottom:0;background-color:rgb(var(--aui-color-n-10));padding:var(--aui-table-cell-padding-tb-m) calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__row:first-of-type{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-of-type{border-bottom-width:var(--aui-table-border-width);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:#fff;opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__cell,.aui-table__header-cell{flex:1}.aui-table__cell{padding:0 calc(var(--aui-table-cell-padding-lr) / 2);background-color:rgb(var(--aui-color-n-10))}.aui-table__header-cell{padding:var(--aui-table-header-cell-padding-tb) calc(var(--aui-table-cell-padding-lr) / 2);font-weight:500;height:var(--aui-table__header-height);line-height:var(--aui-line-height-m);background-color:rgb(var(--aui-color-n-9))}"]
+                    styles: [".aui-table{display:block;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m);background-color:rgb(var(--aui-color-n-9));padding:0 var(--aui-table-margin) var(--aui-table-margin);border-radius:var(--aui-border-radius-m)}.aui-table__header-row.aui-table-sticky{flex-wrap:wrap;margin:0 calc(var(--aui-table-margin) * -1);padding:0}.aui-table__header-row.aui-table-sticky .aui-table__header-cell{z-index:1}.aui-table__header-row.aui-table-sticky .aui-table__header-cell:first-of-type{padding-left:calc(var(--aui-table-margin) + var(--aui-table-cell-padding-lr))}.aui-table__header-row.aui-table-sticky .aui-table__header-cell:last-of-type{padding-right:calc(var(--aui-table-margin) + var(--aui-table-cell-padding-lr))}.aui-table__header-row.aui-table-sticky:after{box-shadow:0 4px 16px -4px rgba(var(--aui-color-n-1),.16);position:-webkit-sticky;position:sticky;width:100%;height:30px;top:calc(var(--aui-table-header-height) - 30px);margin-top:calc(var(--aui-table-header-height) * -1);content:\"\"}.aui-table__scroll-wrapper{overflow:auto}.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-bottom:0}.aui-table__scroll-wrapper .aui-table__row{border:none;padding:0;align-items:stretch}.aui-table__scroll-wrapper .aui-table__row .aui-table__cell{border-left:0 solid #eee;border-bottom:var(--aui-table-border-width) solid #eee;border-right:0 solid #eee;border-top:var(--aui-table-border-width) solid #eee}.aui-table__scroll-wrapper .aui-table__row .aui-table__cell:first-of-type{border-left-width:var(--aui-table-border-width);padding-left:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__row .aui-table__cell:last-of-type{border-right-width:var(--aui-table-border-width);padding-right:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__row:first-of-type .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:first-of-type .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:last-of-type .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:last-of-type .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:not(.aui-table__scroll-wrapper .aui-table__row:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-wrapper .aui-table__header-row{padding:0;align-items:stretch}.aui-table__scroll-wrapper .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__cell{padding:var(--aui-table-cell-padding-tb-m) calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-wrapper--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-wrapper--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-wrapper--has-scroll .aui-table-sticky-border-elem-left{padding-right:calc(var(--aui-table-cell-padding-lr) / 2 * 3)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-left:after{right:calc((var(--aui-table-cell-padding-lr) / 2) * -1)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-left:before{right:calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-right{padding-left:calc(var(--aui-table-cell-padding-lr) / 2 * 3)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-right:after{left:calc((var(--aui-table-cell-padding-lr) / 2) * -1)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-right:before{left:calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-wrapper--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-wrapper--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-wrapper--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-wrapper--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%}.aui-table__header-row,.aui-table__row{display:flex;align-items:center}.aui-table__row{position:relative;border:var(--aui-table-border-width) solid #eee;border-bottom:0 solid #eee;background-color:rgb(var(--aui-color-n-10));padding:var(--aui-table-cell-padding-tb-m) calc(var(--aui-table-cell-padding-lr) / 2);min-height:calc(var(--aui-table-border-width) + var(--aui-table-row-min-height-m))}.aui-table__row:first-of-type{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-of-type{border-bottom-width:var(--aui-table-border-width);min-height:calc(var(--aui-table-border-width) + var(--aui-table-row-min-height-m));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:#fff;opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__cell,.aui-table__header-cell{flex:1}.aui-table__cell{padding:0 calc(var(--aui-table-cell-padding-lr) / 2);background-color:rgb(var(--aui-color-n-10));overflow:hidden;word-wrap:break-word}.aui-table__header-cell{padding:var(--aui-table-header-cell-padding-tb) calc(var(--aui-table-cell-padding-lr) / 2);font-weight:500;height:var(--aui-table-header-height);line-height:var(--aui-line-height-m);background-color:rgb(var(--aui-color-n-9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]
                 },] }
     ];
     TableComponent.propDecorators = {
@@ -3857,7 +3953,7 @@
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None,
                     preserveWhitespaces: false,
-                    styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-n-1))}.aui-input-group.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l))}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l))}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s))}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s))}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{left:var(--aui-inline-padding-xs)}.aui-input-group__prefix,.aui-input-group__suffix{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-n-6))}.aui-input-group__suffix{right:var(--aui-inline-padding-xs)}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}"]
+                    styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-n-1))}.aui-input-group.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l))}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l))}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s))}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s))}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:focus-within{z-index:2}.aui-input-group__input-wrapper:hover{z-index:2}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));z-index:1}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{left:var(--aui-inline-padding-xs)}.aui-input-group__prefix,.aui-input-group__suffix{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-n-6))}.aui-input-group__suffix{right:var(--aui-inline-padding-xs)}.aui-input-group.hasAddonBefore .aui-input-group__input-wrapper{margin-left:-1px}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0}.aui-input-group.hasAddonAfter .aui-input-group__input-wrapper{margin-right:-1px}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0}"]
                 },] }
     ];
     InputGroupComponent.propDecorators = {
@@ -3934,7 +4030,7 @@
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None,
                     preserveWhitespaces: false,
-                    styles: [".aui-search{display:inline-block;width:100%;position:relative;color:rgb(var(--aui-color-n-1))}.aui-search:hover:not(.isDisabled) .aui-input{border-color:#007af5}.aui-search.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-search--large{font-size:16px}.aui-search--large .aui-search__clear,.aui-search--large .aui-search__spinner{right:12px}.aui-search--large .aui-search__icon{left:12px}.aui-search--large .aui-search__button-icon{padding:0 11px}.aui-search--large.isClearable .aui-search__input,.aui-search--large.isSearching .aui-search__input{padding-right:39px}.aui-search--large.hasIcon .aui-search__input{padding-left:39px}.aui-search--large.hasButton .aui-search__input{padding-right:51px}.aui-search--large.hasButton .aui-search__clear{right:51px}.aui-search--large.hasButton.isClearable .aui-search__input{padding-right:79px}.aui-search--medium{font-size:14px}.aui-search--medium .aui-search__clear,.aui-search--medium .aui-search__spinner{right:8px}.aui-search--medium .aui-search__icon{left:8px}.aui-search--medium .aui-search__button-icon{padding:0 7px}.aui-search--medium.isClearable .aui-search__input,.aui-search--medium.isSearching .aui-search__input{padding-right:29px}.aui-search--medium.hasIcon .aui-search__input{padding-left:29px}.aui-search--medium.hasButton .aui-search__input{padding-right:37px}.aui-search--medium.hasButton .aui-search__clear{right:37px}.aui-search--medium.hasButton.isClearable .aui-search__input{padding-right:59px}.aui-search--small{font-size:14px}.aui-search--small .aui-search__clear,.aui-search--small .aui-search__spinner{right:8px}.aui-search--small .aui-search__icon{left:8px}.aui-search--small .aui-search__button-icon{padding:0 7px}.aui-search--small.isClearable .aui-search__input,.aui-search--small.isSearching .aui-search__input{padding-right:29px}.aui-search--small.hasIcon .aui-search__input{padding-left:29px}.aui-search--small.hasButton .aui-search__input{padding-right:37px}.aui-search--small.hasButton .aui-search__clear{right:37px}.aui-search--small.hasButton.isClearable .aui-search__input{padding-right:59px}.aui-search--mini{font-size:12px}.aui-search--mini .aui-search__clear,.aui-search--mini .aui-search__spinner{right:6px}.aui-search--mini .aui-search__icon{left:6px}.aui-search--mini .aui-search__button-icon{padding:0 5px}.aui-search--mini.isClearable .aui-search__input,.aui-search--mini.isSearching .aui-search__input{padding-right:23px}.aui-search--mini.hasIcon .aui-search__input{padding-left:23px}.aui-search--mini.hasButton .aui-search__input{padding-right:29px}.aui-search--mini.hasButton .aui-search__clear{right:29px}.aui-search--mini.hasButton.isClearable .aui-search__input{padding-right:47px}.aui-search__icon{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-n-6))}.aui-search__button{position:absolute;top:0;right:1px;height:100%;display:flex;align-items:center;color:rgb(var(--aui-color-n-4))}.aui-search:not(.isDisabled):not(.isSearching) .aui-search__button:hover{color:#007af5;cursor:pointer}.aui-search__button-icon{border-left:1px solid #c8cacd}.aui-search__clear,.aui-search__spinner{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-n-4))}.aui-search__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-search__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}"]
+                    styles: [".aui-search{display:inline-block;width:100%;position:relative;color:rgb(var(--aui-color-n-4))}.aui-search.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-search--medium{line-height:var(--aui-line-height-m)}.aui-search--medium aui-icon{font-size:var(--aui-icon-size-m)}.aui-search--medium .aui-search__clear,.aui-search--medium .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + var(--aui-border-m))}.aui-search--medium .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + var(--aui-border-m))}.aui-search--medium .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs)}.aui-search--medium.isClearable .aui-search__input,.aui-search--medium.isSearching .aui-search__input{padding-right:var(--aui-inline-padding-xs)}.aui-search--medium.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + var(--aui-border-m))}.aui-search--medium.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs))}.aui-search--medium.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + var(--aui-border-m) * 2)}.aui-search--medium.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) * 2)}.aui-search__icon{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-n-6))}.aui-search__button{position:absolute;top:0;right:var(--aui-border-m);height:100%;display:flex;align-items:center}.aui-search:not(.isDisabled):not(.isSearching) .aui-search__button{cursor:pointer}.aui-search:not(.isDisabled):not(.isSearching) .aui-search__button:hover{color:rgb(var(--aui-color-primary))}.aui-search__button-icon{border-left:var(--aui-border-m) solid rgb(var(--aui-color-n-7))}.aui-search__clear,.aui-search__spinner{position:absolute;top:50%;transform:translateY(-50%)}.aui-search__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-search__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}"]
                 },] }
     ];
     SearchComponent.propDecorators = {
@@ -10393,24 +10489,6 @@
                 },] }
     ];
 
-    var ThemeService = /** @class */ (function () {
-        function ThemeService() {
-        }
-        ThemeService.prototype.getCurrentColorMode = function () {
-            return (document
-                .querySelector('html')
-                .getAttribute('aui-color-mode') || 'light');
-        };
-        ThemeService.prototype.setColorMode = function (mode) {
-            document.querySelector('html').setAttribute('aui-color-mode', mode);
-        };
-        return ThemeService;
-    }());
-    ThemeService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ThemeService_Factory() { return new ThemeService(); }, token: ThemeService, providedIn: "root" });
-    ThemeService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-
     var uid = 0;
     // tslint:disable-next-line: directive-class-suffix
     var AnchorDirectiveChild = /** @class */ (function () {
@@ -12954,6 +13032,8 @@
     exports.TagModule = TagModule;
     exports.TagType = TagType;
     exports.TagsInputComponent = TagsInputComponent;
+    exports.ThemeModule = ThemeModule;
+    exports.ThemePipe = ThemePipe;
     exports.ThemeService = ThemeService;
     exports.TimePickerComponent = TimePickerComponent;
     exports.TimePickerModule = TimePickerModule;