@skyux/tiles 11.5.0 → 11.7.0

package/esm2022/lib/modules/tiles/tile-dashboard/tile-dashboard.component.mjs

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, HostBinding, Input, Optional, Output, ViewChild, ViewChildren, } from '@angular/core';
+import { Component, EventEmitter, Input, Optional, Output, ViewChild, ViewChildren, signal, } from '@angular/core';
 import { SkyMediaBreakpoints } from '@skyux/core';
 import { Subject, Subscription } from 'rxjs';
 import { take, takeUntil } from 'rxjs/operators';
@@ -38,7 +38,7 @@ export class SkyTileDashboardComponent {
     #viewReady;
     #_config;
     constructor(dashboardService, mediaQueryService, resourcesService) {
-        this.layoutClassName = 'sky-tile-dashboard-multi-column sky-tile-dashboard-gt-xs';
+        this.layoutClassName = signal('sky-tile-dashboard-multi-column sky-tile-dashboard-gt-xs');
         /**
          * The observable to send commands to the tile dashboard. The commands must respect the
          * `SkyTileDashboardMessage` type.
@@ -61,18 +61,22 @@ export class SkyTileDashboardComponent {
         this.moveInstructionsId =
             this.#dashboardService.bagId + '-move-instructions';
         this.#subscriptions.add(this.#mediaQueryService.subscribe((args) => {
+            let layoutClassName = this.layoutClassName();
             if (args === SkyMediaBreakpoints.xs ||
                 args === SkyMediaBreakpoints.sm) {
-                this.layoutClassName = 'sky-tile-dashboard-single-column';
+                layoutClassName = 'sky-tile-dashboard-single-column';
             }
             else {
-                this.layoutClassName = 'sky-tile-dashboard-multi-column';
+                layoutClassName = 'sky-tile-dashboard-multi-column';
             }
             if (args === SkyMediaBreakpoints.xs) {
-                this.layoutClassName += ' sky-tile-dashboard-xs';
+                layoutClassName += ' sky-tile-dashboard-xs';
             }
             else {
-                this.layoutClassName += ' sky-tile-dashboard-gt-xs';
+                layoutClassName += ' sky-tile-dashboard-gt-xs';
+            }
+            if (layoutClassName !== this.layoutClassName()) {
+                this.layoutClassName.set(layoutClassName);
             }
         }));
         this.#dashboardService.configChange.subscribe((config) => {
@@ -128,17 +132,16 @@ export class SkyTileDashboardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyTileDashboardComponent, deps: [{ token: i1.SkyTileDashboardService }, { token: i2.SkyMediaQueryService }, { token: i3.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: SkyTileDashboardComponent, selector: "sky-tile-dashboard", inputs: { config: "config", messageStream: "messageStream", settingsKey: "settingsKey" }, outputs: { configChange: "configChange" }, host: { properties: { "class": "this.layoutClassName" } }, providers: [SkyTileDashboardService], viewQueries: [{ propertyName: "singleColumn", first: true, predicate: ["singleColumn"], descendants: true, read: SkyTileDashboardColumnComponent }, { propertyName: "columns", predicate: SkyTileDashboardColumnComponent, descendants: true }], ngImport: i0, template: "@if (config) {\n  <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n    {{ tileMovedReport }}\n  </span>\n  @for (column of config.layout.multiColumn; track column) {\n    <sky-tile-dashboard-column\n      class=\"sky-tile-dashboard-layout-multi\"\n      [ngStyle]=\"{\n        'flex-basis': 100 / config.layout.multiColumn.length + '%'\n      }\"\n    />\n  }\n  <sky-tile-dashboard-column\n    #singleColumn\n    class=\"sky-tile-dashboard-layout-single\"\n  />\n  <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n    'skyux_tile_move_instructions' | skyLibResources\n  }}</span>\n  <ng-content />\n}\n", styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:0 10px}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-default){background-color:#eeeeef}\n"], dependencies: [{ kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.SkyTileDashboardColumnComponent, selector: "sky-tile-dashboard-column" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: SkyTileDashboardComponent, selector: "sky-tile-dashboard", inputs: { config: "config", messageStream: "messageStream", settingsKey: "settingsKey" }, outputs: { configChange: "configChange" }, host: { properties: { "class": "layoutClassName()" } }, providers: [SkyTileDashboardService], viewQueries: [{ propertyName: "singleColumn", first: true, predicate: ["singleColumn"], descendants: true, read: SkyTileDashboardColumnComponent }, { propertyName: "columns", predicate: SkyTileDashboardColumnComponent, descendants: true }], ngImport: i0, template: "@if (config) {\n  <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n    {{ tileMovedReport }}\n  </span>\n  @for (\n    column of config.layout.multiColumn;\n    track column;\n    let first = $first, last = $last\n  ) {\n    <sky-tile-dashboard-column\n      class=\"sky-tile-dashboard-layout-multi\"\n      [ngClass]=\"{\n        'sky-tile-dashboard-layout-multi-first': first,\n        'sky-tile-dashboard-layout-multi-last': last\n      }\"\n      [ngStyle]=\"{\n        'flex-basis': 100 / config.layout.multiColumn.length + '%'\n      }\"\n    />\n  }\n  <sky-tile-dashboard-column\n    #singleColumn\n    class=\"sky-tile-dashboard-layout-single\"\n  />\n  <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n    'skyux_tile_move_instructions' | skyLibResources\n  }}</span>\n  <ng-content />\n}\n", styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:0 10px}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-default){background-color:#eeeeef}:host-context(.sky-theme-modern .sky-layout-host-blocks){padding:0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.SkyTileDashboardColumnComponent, selector: "sky-tile-dashboard-column" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyTileDashboardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-tile-dashboard', providers: [SkyTileDashboardService], template: "@if (config) {\n  <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n    {{ tileMovedReport }}\n  </span>\n  @for (column of config.layout.multiColumn; track column) {\n    <sky-tile-dashboard-column\n      class=\"sky-tile-dashboard-layout-multi\"\n      [ngStyle]=\"{\n        'flex-basis': 100 / config.layout.multiColumn.length + '%'\n      }\"\n    />\n  }\n  <sky-tile-dashboard-column\n    #singleColumn\n    class=\"sky-tile-dashboard-layout-single\"\n  />\n  <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n    'skyux_tile_move_instructions' | skyLibResources\n  }}</span>\n  <ng-content />\n}\n", styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:0 10px}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-default){background-color:#eeeeef}\n"] }]
+            args: [{ selector: 'sky-tile-dashboard', providers: [SkyTileDashboardService], host: {
+                        '[class]': 'layoutClassName()',
+                    }, template: "@if (config) {\n  <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n    {{ tileMovedReport }}\n  </span>\n  @for (\n    column of config.layout.multiColumn;\n    track column;\n    let first = $first, last = $last\n  ) {\n    <sky-tile-dashboard-column\n      class=\"sky-tile-dashboard-layout-multi\"\n      [ngClass]=\"{\n        'sky-tile-dashboard-layout-multi-first': first,\n        'sky-tile-dashboard-layout-multi-last': last\n      }\"\n      [ngStyle]=\"{\n        'flex-basis': 100 / config.layout.multiColumn.length + '%'\n      }\"\n    />\n  }\n  <sky-tile-dashboard-column\n    #singleColumn\n    class=\"sky-tile-dashboard-layout-single\"\n  />\n  <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n    'skyux_tile_move_instructions' | skyLibResources\n  }}</span>\n  <ng-content />\n}\n", styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:0 10px}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-default){background-color:#eeeeef}:host-context(.sky-theme-modern .sky-layout-host-blocks){padding:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.SkyTileDashboardService }, { type: i2.SkyMediaQueryService }, { type: i3.SkyLibResourcesService, decorators: [{
                     type: Optional
-                }] }], propDecorators: { layoutClassName: [{
-                type: HostBinding,
-                args: ['class']
-            }], config: [{
+                }] }], propDecorators: { config: [{
                 type: Input
             }], messageStream: [{
                 type: Input
@@ -156,4 +159,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                         static: false,
                     }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZS1kYXNoYm9hcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3RpbGVzL3NyYy9saWIvbW9kdWxlcy90aWxlcy90aWxlLWRhc2hib2FyZC90aWxlLWRhc2hib2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdGlsZXMvc3JjL2xpYi9tb2R1bGVzL3RpbGVzL3RpbGUtZGFzaGJvYXJkL3RpbGUtZGFzaGJvYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBRUwsUUFBUSxFQUNSLE1BQU0sRUFFTixTQUFTLEVBQ1QsWUFBWSxHQUNiLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBd0IsTUFBTSxhQUFhLENBQUM7QUFHeEUsT0FBTyxFQUFjLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUkzRyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQUVuRTs7R0FFRztBQU9ILE1BQU0sT0FBTyx5QkFBeUI7SUFLcEM7OztPQUdHO0lBQ0gsSUFDVyxNQUFNLENBQUMsS0FBeUM7UUFDekQsSUFBSSxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDOUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIs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eUI7a0JBTnJDLFNBQVM7K0JBQ0Usb0JBQW9CLGFBR25CLENBQUMsdUJBQXVCLENBQUM7OzBCQTBFakMsUUFBUTt5Q0F0RUQsZUFBZTtzQkFEeEIsV0FBVzt1QkFBQyxPQUFPO2dCQVNULE1BQU07c0JBRGhCLEtBQUs7Z0JBa0JDLGFBQWE7c0JBRG5CLEtBQUs7Z0JBV0MsV0FBVztzQkFEakIsS0FBSztnQkFTQyxZQUFZO3NCQURsQixNQUFNO2dCQUlBLE9BQU87c0JBRGIsWUFBWTt1QkFBQywrQkFBK0I7Z0JBT3RDLFlBQVk7c0JBSmxCLFNBQVM7dUJBQUMsY0FBYyxFQUFFO3dCQUN6QixJQUFJLEVBQUUsK0JBQStCO3dCQUNyQyxNQUFNLEVBQUUsS0FBSztxQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lNZWRpYUJyZWFrcG9pbnRzLCBTa3lNZWRpYVF1ZXJ5U2VydmljZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcbmltcG9ydCB7IFNreUxpYlJlc291cmNlc1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvaTE4bic7XG5cbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZSwgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lUaWxlRGFzaGJvYXJkQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnLi4vdGlsZS1kYXNoYm9hcmQtY29sdW1uL3RpbGUtZGFzaGJvYXJkLWNvbHVtbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5VGlsZURhc2hib2FyZENvbmZpZyB9IGZyb20gJy4uL3RpbGUtZGFzaGJvYXJkLWNvbmZpZy90aWxlLWRhc2hib2FyZC1jb25maWcnO1xuXG5pbXBvcnQgeyBTa3lUaWxlRGFzaGJvYXJkTWVzc2FnZSB9IGZyb20gJy4vdGlsZS1kYXNoYm9hcmQtbWVzc2FnZSc7XG5pbXBvcnQgeyBTa3lUaWxlRGFzaGJvYXJkTWVzc2FnZVR5cGUgfSBmcm9tICcuL3RpbGUtZGFzaGJvYXJkLW1lc3NhZ2UtdHlwZSc7XG5pbXBvcnQgeyBTa3lUaWxlRGFzaGJvYXJkU2VydmljZSB9IGZyb20gJy4vdGlsZS1kYXNoYm9hcmQuc2VydmljZSc7XG5cbi8qKlxuICogU3BlY2lmaWVzIGEgY29udGFpbmVyIHRvIGdyb3VwIG11bHRpcGxlIHRpbGVzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktdGlsZS1kYXNoYm9hcmQnLFxuICBzdHlsZVVybHM6IFsnLi90aWxlLWRhc2hib2FyZC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vdGlsZS1kYXNoYm9hcmQuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFtTa3lUaWxlRGFzaGJvYXJkU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNreVRpbGVEYXNoYm9hcmRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJvdGVjdGVkIGxheW91dENsYXNzTmFtZSA9XG4gICAgJ3NreS10aWxlLWRhc2hib2FyZC1tdWx0aS1jb2x1bW4gc2t5LXRpbGUtZGFzaGJvYXJkLWd0LXhzJztcblxuICAvKipcbiAgICogUG9wdWxhdGVzIHRoZSB0aWxlIGRhc2hib2FyZCBiYXNlZCBvbiB0aGUgYFNreVRpbGVEYXNoYm9hcmRDb25maWdgIG9iamVjdC5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGNvbmZpZyh2YWx1ZTogU2t5VGlsZURhc2hib2FyZENvbmZpZyB8IHVuZGVmaW5lZCkge1xuICAgIGlmICh2YWx1ZSAmJiAhdGhpcy4jY29uZmlnU2V0KSB7XG4gICAgICB0aGlzLiNfY29uZmlnID0gdmFsdWU7XG4gICAgICB0aGlzLiNjb25maWdTZXQgPSB0cnVlO1xuICAgICAgdGhpcy4jY2hlY2tSZWFkeSgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXQgY29uZmlnKCk6IFNreVRpbGVEYXNoYm9hcmRDb25maWcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLiNfY29uZmlnO1xuICB9XG5cbiAgLyoqXG4gICAqIFRoZSBvYnNlcnZhYmxlIHRvIHNlbmQgY29tbWFuZHMgdG8gdGhlIHRpbGUgZGFzaGJvYXJkLiBUaGUgY29tbWFuZHMgbXVzdCByZXNwZWN0IHRoZVxuICAgKiBgU2t5VGlsZURhc2hib2FyZE1lc3NhZ2VgIHR5cGUuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgbWVzc2FnZVN0cmVhbSA9IG5ldyBTdWJqZWN0PFNreVRpbGVEYXNoYm9hcmRNZXNzYWdlPigpO1xuXG4gIC8qKlxuICAgKiBUaGUgdW5pcXVlIGtleSBmb3IgdGhlIFVJIENvbmZpZyBTZXJ2aWNlIHRvIHJldHJpZXZlIHN0b3JlZCBzZXR0aW5nc1xuICAgKiBmcm9tIGEgZGF0YWJhc2UuIFRoZSBVSSBDb25maWcgU2VydmljZSBzYXZlcyBjb25maWd1cmF0aW9uIHNldHRpbmdzIGZvciB1c2Vyc1xuICAgKiB0byBwcmVzZXJ2ZSB0aGUgbGF5b3V0IGFuZCBjb2xsYXBzZWQgc3RhdGUgb2YgdGlsZSBkYXNoYm9hcmRzLiBUaGUgVUkgQ29uZmlnIFNlcnZpY2UgcmVsaWVzIG9uIGBpZGAgdmFsdWVzIGZyb20gdGhlIGBjb25maWdgIHByb3BlcnR5IHRvIG1haW50YWluIHVzZXIgc2V0dGluZ3MuIEZvciBtb3JlIGluZm9ybWF0aW9uXG4gICAqIGFib3V0IHRoZSBVSSBDb25maWcgU2VydmljZSwgc2VlIHRoZVxuICAgKiBbc3RpY2t5IHNldHRpbmdzIGRvY3VtZW50YXRpb25dKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvbGVhcm4vZGV2ZWxvcC9zdGlja3ktc2V0dGluZ3MpLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldHRpbmdzS2V5OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIEZpcmVzIHdoZW4gdGhlIHRpbGUgZGFzaGJvYXJkIGNoYW5nZXMgc3RhdGUgYW5kIGVtaXRzIGEgU2t5VGlsZURhc2hib2FyZENvbmZpZ1xuICAgKiBvYmplY3QuIFRoaXMgb2NjdXJzIHdoZW4gdGlsZXMgY29sbGFwc2Ugb3IgZXhwYW5kIGFuZCB3aGVuIHVzZXJzIGRyYWcgYW5kIGRyb3BcbiAgICogdGlsZXMgdG8gcmVhcnJhbmdlIHRoZW0uXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGNvbmZpZ0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8U2t5VGlsZURhc2hib2FyZENvbmZpZz4oKTtcblxuICBAVmlld0NoaWxkcmVuKFNreVRpbGVEYXNoYm9hcmRDb2x1bW5Db21wb25lbnQpXG4gIHB1YmxpYyBjb2x1bW5zOiBRdWVyeUxpc3Q8U2t5VGlsZURhc2hib2FyZENvbHVtbkNvbXBvbmVudD4gfCB1bmRlZmluZWQ7XG5cbiAgQFZpZXdDaGlsZCgnc2luZ2xlQ29sdW1uJywge1xuICAgIHJlYWQ6IFNreVRpbGVEYXNoYm9hcmRDb2x1bW5Db21wb25lbnQsXG4gICAgc3RhdGljOiBmYWxzZSxcbiAgfSlcbiAgcHVibGljIHNpbmdsZUNvbHVtbjogU2t5VGlsZURhc2hib2FyZENvbHVtbkNvbXBvbmVudCB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgdGlsZU1vdmVkUmVwb3J0ID0gJyc7XG5cbiAgcHVibGljIG1vdmVJbnN0cnVjdGlvbnNJZDogc3RyaW5nO1xuXG4gICNjb25maWdTZXQgPSBmYWxzZTtcbiAgI2Rhc2hib2FyZFNlcnZpY2U6IFNreVRpbGVEYXNoYm9hcmRTZXJ2aWNlO1xuICAjbWVkaWFRdWVyeVNlcnZpY2U6IFNreU1lZGlhUXVlcnlTZXJ2aWNlO1xuICAjbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gICNzdWJzY3JpcHRpb25zID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuICAjcmVzb3VyY2VzU2VydmljZTogU2t5TGliUmVzb3VyY2VzU2VydmljZSB8IHVuZGVmaW5lZDtcbiAgI3ZpZXdSZWFkeSA9IGZhbHNlO1xuICAjX2NvbmZpZzogU2t5VGlsZURhc2hib2FyZENvbmZpZyB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBkYXNoYm9hcmRTZXJ2aWNlOiBTa3lUaWxlRGFzaGJvYXJkU2VydmljZSxcbiAgICBtZWRpYVF1ZXJ5U2VydmljZTogU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gICAgQE9wdGlvbmFsKCkgcmVzb3VyY2VzU2VydmljZT86IFNreUxpYlJlc291cmNlc1NlcnZpY2UsXG4gICkge1xuICAgIHRoaXMuI2Rhc2hib2FyZFNlcnZpY2UgPSBkYXNoYm9hcmRTZXJ2aWNlO1xuICAgIHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlID0gbWVkaWFRdWVyeVNlcnZpY2U7XG4gICAgdGhpcy4jcmVzb3VyY2VzU2VydmljZSA9IHJlc291cmNlc1NlcnZpY2U7XG4gICAgdGhpcy5tb3ZlSW5zdHJ1Y3Rpb25zSWQgPVxuICAgICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZS5iYWdJZCArICctbW92ZS1pbnN0cnVjdGlvbnMnO1xuXG4gICAgdGhpcy4jc3Vic2NyaXB0aW9ucy5hZGQoXG4gICAgICB0aGlzLiNtZWRpYVF1ZXJ5U2VydmljZS5zdWJzY3JpYmUoKGFyZ3M6IFNreU1lZGlhQnJlYWtwb2ludHMpID0+IHtcbiAgICAgICAgaWYgKFxuICAgICAgICAgIGFyZ3MgPT09IFNreU1lZGlhQnJlYWtwb2ludHMueHMgfHxcbiAgICAgICAgICBhcmdzID09PSBTa3lNZWRpYUJyZWFrcG9pbnRzLnNtXG4gICAgICAgICkge1xuICAgICAgICAgIHRoaXMubGF5b3V0Q2xhc3NOYW1lID0gJ3NreS10aWxlLWRhc2hib2FyZC1zaW5nbGUtY29sdW1uJztcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLmxheW91dENsYXNzTmFtZSA9ICdza3ktdGlsZS1kYXNoYm9hcmQtbXVsdGktY29sdW1uJztcbiAgICAgICAgfVxuICAgICAgICBpZiAoYXJncyA9PT0gU2t5TWVkaWFCcmVha3BvaW50cy54cykge1xuICAgICAgICAgIHRoaXMubGF5b3V0Q2xhc3NOYW1lICs9ICcgc2t5LXRpbGUtZGFzaGJvYXJkLXhzJztcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLmxheW91dENsYXNzTmFtZSArPSAnIHNreS10aWxlLWRhc2hib2FyZC1ndC14cyc7XG4gICAgICAgIH1cbiAgICAgIH0pLFxuICAgICk7XG5cbiAgICB0aGlzLiNkYXNoYm9hcmRTZXJ2aWNlLmNvbmZpZ0NoYW5nZS5zdWJzY3JpYmUoXG4gICAgICAoY29uZmlnOiBTa3lUaWxlRGFzaGJvYXJkQ29uZmlnKSA9PiB7XG4gICAgICAgIHRoaXMuY29uZmlnQ2hhbmdlLmVtaXQoY29uZmlnKTtcblxuICAgICAgICAvLyBVcGRhdGUgYXJpYSBsaXZlIHJlZ2lvbiB3aXRoIHRpbGUgZHJhZyBpbmZvXG4gICAgICAgIGlmIChjb25maWcubW92ZWRUaWxlICYmIHRoaXMuI3Jlc291cmNlc1NlcnZpY2UpIHtcbiAgICAgICAgICBsZXQgbWVzc2FnZU9ic2VydmFibGU6IE9ic2VydmFibGU8c3RyaW5nPjtcbiAgICAgICAgICBpZiAoXG4gICAgICAgICAgICB0aGlzLiNtZWRpYVF1ZXJ5U2VydmljZS5jdXJyZW50ID09PSBTa3lNZWRpYUJyZWFrcG9pbnRzLnhzIHx8XG4gICAgICAgICAgICB0aGlzLiNtZWRpYVF1ZXJ5U2VydmljZS5jdXJyZW50ID09PSBTa3lNZWRpYUJyZWFrcG9pbnRzLnNtXG4gICAgICAgICAgKSB7XG4gICAgICAgICAgICBtZXNzYWdlT2JzZXJ2YWJsZSA9IHRoaXMuI3Jlc291cmNlc1NlcnZpY2UuZ2V0U3RyaW5nKFxuICAgICAgICAgICAgICAnc2t5dXhfdGlsZV9tb3ZlZF9hc3Npc3RpdmVfdGV4dCcsXG4gICAgICAgICAgICAgIGNvbmZpZy5tb3ZlZFRpbGUudGlsZURlc2NyaXB0aW9uLFxuICAgICAgICAgICAgICAnMScsXG4gICAgICAgICAgICAgICcxJyxcbiAgICAgICAgICAgICAgY29uZmlnLm1vdmVkVGlsZS5wb3NpdGlvbi50b1N0cmluZygpLFxuICAgICAgICAgICAgICBjb25maWcubGF5b3V0LnNpbmdsZUNvbHVtbi50aWxlcy5sZW5ndGgudG9TdHJpbmcoKSxcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIG1lc3NhZ2VPYnNlcnZhYmxlID0gdGhpcy4jcmVzb3VyY2VzU2VydmljZS5nZXRTdHJpbmcoXG4gICAgICAgICAgICAgICdza3l1eF90aWxlX21vdmVkX2Fzc2lzdGl2ZV90ZXh0JyxcbiAgICAgICAgICAgICAgY29uZmlnLm1vdmVkVGlsZS50aWxlRGVzY3JpcHRpb24sXG4gICAgICAgICAgICAgIGNvbmZpZy5tb3ZlZFRpbGUuY29sdW1uLnRvU3RyaW5nKCksXG4gICAgICAgICAgICAgIGNvbmZpZy5sYXlvdXQubXVsdGlDb2x1bW4ubGVuZ3RoLnRvU3RyaW5nKCksXG4gICAgICAgICAgICAgIGNvbmZpZy5tb3ZlZFRpbGUucG9zaXRpb24udG9TdHJpbmcoKSxcbiAgICAgICAgICAgICAgY29uZmlnLmxheW91dC5tdWx0aUNvbHVtbltcbiAgICAgICAgICAgICAgICBjb25maWcubW92ZWRUaWxlLmNvbHVtbiAtIDFcbiAgICAgICAgICAgICAgXS50aWxlcy5sZW5ndGgudG9TdHJpbmcoKSxcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICAgIG1lc3NhZ2VPYnNlcnZhYmxlLnBpcGUodGFrZSgxKSkuc3Vic2NyaWJlKChtZXNzYWdlOiBzdHJpbmcpID0+IHtcbiAgICAgICAgICAgIHRoaXMudGlsZU1vdmVkUmVwb3J0ID0gbWVzc2FnZTtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm1lc3NhZ2VTdHJlYW1cbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKG1lc3NhZ2U6IFNreVRpbGVEYXNoYm9hcmRNZXNzYWdlKSA9PiB7XG4gICAgICAgIHRoaXMuI2hhbmRsZUluY29taW5nTWVzc2FnZXMobWVzc2FnZSk7XG4gICAgICB9KTtcblxuICAgIHRoaXMuI3ZpZXdSZWFkeSA9IHRydWU7XG4gICAgdGhpcy4jY2hlY2tSZWFkeSgpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI25nVW5zdWJzY3JpYmUubmV4dCgpO1xuICAgIHRoaXMuI25nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgICB0aGlzLiNzdWJzY3JpcHRpb25zLnVuc3Vic2NyaWJlKCk7XG4gICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZS5kZXN0cm95KCk7XG4gIH1cblxuICAjY2hlY2tSZWFkeSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy4jdmlld1JlYWR5ICYmIHRoaXMuY29uZmlnKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMuY29uZmlnICYmIHRoaXMuY29sdW1ucyAmJiB0aGlzLnNpbmdsZUNvbHVtbikge1xuICAgICAgICAgIHRoaXMuI2Rhc2hib2FyZFNlcnZpY2UuaW5pdChcbiAgICAgICAgICAgIHRoaXMuY29uZmlnLFxuICAgICAgICAgICAgdGhpcy5jb2x1bW5zLFxuICAgICAgICAgICAgdGhpcy5zaW5nbGVDb2x1bW4sXG4gICAgICAgICAgICB0aGlzLnNldHRpbmdzS2V5LFxuICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgIH0sIDApO1xuICAgIH1cbiAgfVxuXG4gICNoYW5kbGVJbmNvbWluZ01lc3NhZ2VzKG1lc3NhZ2U6IFNreVRpbGVEYXNoYm9hcmRNZXNzYWdlKTogdm9pZCB7XG4gICAgc3dpdGNoIChtZXNzYWdlLnR5cGUpIHtcbiAgICAgIGNhc2UgU2t5VGlsZURhc2hib2FyZE1lc3NhZ2VUeXBlLkV4cGFuZEFsbDpcbiAgICAgICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZS5zZXRBbGxUaWxlc0NvbGxhcHNlZChmYWxzZSk7XG4gICAgICAgIGJyZWFrO1xuXG4gICAgICBjYXNlIFNreVRpbGVEYXNoYm9hcmRNZXNzYWdlVHlwZS5Db2xsYXBzZUFsbDpcbiAgICAgICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZS5zZXRBbGxUaWxlc0NvbGxhcHNlZCh0cnVlKTtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG59XG4iLCJAaWYgKGNvbmZpZykge1xuICA8c3BhbiBhcmlhLWxpdmU9XCJhc3NlcnRpdmVcIiBjbGFzcz1cInNreS1hc3Npc3RpdmUtdGV4dFwiPlxuICAgIHt7IHRpbGVNb3ZlZFJlcG9ydCB9fVxuICA8L3NwYW4+XG4gIEBmb3IgKGNvbHVtbiBvZiBjb25maWcubGF5b3V0Lm11bHRpQ29sdW1uOyB0cmFjayBjb2x1bW4pIHtcbiAgICA8c2t5LXRpbGUtZGFzaGJvYXJkLWNvbHVtblxuICAgICAgY2xhc3M9XCJza3ktdGlsZS1kYXNoYm9hcmQtbGF5b3V0LW11bHRpXCJcbiAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgJ2ZsZXgtYmFzaXMnOiAxMDAgLyBjb25maWcubGF5b3V0Lm11bHRpQ29sdW1uLmxlbmd0aCArICclJ1xuICAgICAgfVwiXG4gICAgLz5cbiAgfVxuICA8c2t5LXRpbGUtZGFzaGJvYXJkLWNvbHVtblxuICAgICNzaW5nbGVDb2x1bW5cbiAgICBjbGFzcz1cInNreS10aWxlLWRhc2hib2FyZC1sYXlvdXQtc2luZ2xlXCJcbiAgLz5cbiAgPHNwYW4gY2xhc3M9XCJza3ktc2NyZWVuLXJlYWRlci1vbmx5XCIgW2lkXT1cIm1vdmVJbnN0cnVjdGlvbnNJZFwiPnt7XG4gICAgJ3NreXV4X3RpbGVfbW92ZV9pbnN0cnVjdGlvbnMnIHwgc2t5TGliUmVzb3VyY2VzXG4gIH19PC9zcGFuPlxuICA8bmctY29udGVudCAvPlxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZS1kYXNoYm9hcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3RpbGVzL3NyYy9saWIvbW9kdWxlcy90aWxlcy90aWxlLWRhc2hib2FyZC90aWxlLWRhc2hib2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdGlsZXMvc3JjL2xpYi9tb2R1bGVzL3RpbGVzL3RpbGUtZGFzaGJvYXJkL3RpbGUtZGFzaGJvYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxRQUFRLEVBQ1IsTUFBTSxFQUVOLFNBQVMsRUFDVCxZQUFZLEVBQ1osTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBd0IsTUFBTSxhQUFhLENBQUM7QUFHeEUsT0FBTyxFQUFjLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDekQsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVqRCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUkzRyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQUVuRTs7R0FFRztBQVVILE1BQU0sT0FBTyx5QkFBeUI7SUFLcEM7OztPQUdHO0lBQ0gsSUFDVyxNQUFNLENBQUMsS0FBeUM7UUFDekQsSUFBSSxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDOUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIs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LE1BQU07UUFDVixDQUFDO0lBQ0gsQ0FBQzs4R0ExTFUseUJBQXlCO2tHQUF6Qix5QkFBeUIsME9BTHpCLENBQUMsdUJBQXVCLENBQUMsbUhBd0Q1QiwrQkFBK0IsMENBSnpCLCtCQUErQixnRENyRi9DLG8wQkE2QkE7OzJGRFNhLHlCQUF5QjtrQkFUckMsU0FBUzsrQkFDRSxvQkFBb0IsYUFHbkIsQ0FBQyx1QkFBdUIsQ0FBQyxRQUM5Qjt3QkFDSixTQUFTLEVBQUUsbUJBQW1CO3FCQUMvQjs7MEJBMEVFLFFBQVE7eUNBOURBLE1BQU07c0JBRGhCLEtBQUs7Z0JBa0JDLGFBQWE7c0JBRG5CLEtBQUs7Z0JBV0MsV0FBVztzQkFEakIsS0FBSztnQkFTQyxZQUFZO3NCQURsQixNQUFNO2dCQUlBLE9BQU87c0JBRGIsWUFBWTt1QkFBQywrQkFBK0I7Z0JBT3RDLFlBQVk7c0JBSmxCLFNBQVM7dUJBQUMsY0FBYyxFQUFFO3dCQUN6QixJQUFJLEVBQUUsK0JBQStCO3dCQUNyQyxNQUFNLEVBQUUsS0FBSztxQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPcHRpb25hbCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0NoaWxkcmVuLFxuICBzaWduYWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5TWVkaWFCcmVha3BvaW50cywgU2t5TWVkaWFRdWVyeVNlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5pbXBvcnQgeyBTa3lMaWJSZXNvdXJjZXNTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0LCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2UsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgU2t5VGlsZURhc2hib2FyZENvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4uL3RpbGUtZGFzaGJvYXJkLWNvbHVtbi90aWxlLWRhc2hib2FyZC1jb2x1bW4uY29tcG9uZW50JztcbmltcG9ydCB7IFNreVRpbGVEYXNoYm9hcmRDb25maWcgfSBmcm9tICcuLi90aWxlLWRhc2hib2FyZC1jb25maWcvdGlsZS1kYXNoYm9hcmQtY29uZmlnJztcblxuaW1wb3J0IHsgU2t5VGlsZURhc2hib2FyZE1lc3NhZ2UgfSBmcm9tICcuL3RpbGUtZGFzaGJvYXJkLW1lc3NhZ2UnO1xuaW1wb3J0IHsgU2t5VGlsZURhc2hib2FyZE1lc3NhZ2VUeXBlIH0gZnJvbSAnLi90aWxlLWRhc2hib2FyZC1tZXNzYWdlLXR5cGUnO1xuaW1wb3J0IHsgU2t5VGlsZURhc2hib2FyZFNlcnZpY2UgfSBmcm9tICcuL3RpbGUtZGFzaGJvYXJkLnNlcnZpY2UnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBhIGNvbnRhaW5lciB0byBncm91cCBtdWx0aXBsZSB0aWxlcy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXRpbGUtZGFzaGJvYXJkJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGlsZS1kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RpbGUtZGFzaGJvYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbU2t5VGlsZURhc2hib2FyZFNlcnZpY2VdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnbGF5b3V0Q2xhc3NOYW1lKCknLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBTa3lUaWxlRGFzaGJvYXJkQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgcHJvdGVjdGVkIGxheW91dENsYXNzTmFtZSA9IHNpZ25hbChcbiAgICAnc2t5LXRpbGUtZGFzaGJvYXJkLW11bHRpLWNvbHVtbiBza3ktdGlsZS1kYXNoYm9hcmQtZ3QteHMnLFxuICApO1xuXG4gIC8qKlxuICAgKiBQb3B1bGF0ZXMgdGhlIHRpbGUgZGFzaGJvYXJkIGJhc2VkIG9uIHRoZSBgU2t5VGlsZURhc2hib2FyZENvbmZpZ2Agb2JqZWN0LlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgY29uZmlnKHZhbHVlOiBTa3lUaWxlRGFzaGJvYXJkQ29uZmlnIHwgdW5kZWZpbmVkKSB7XG4gICAgaWYgKHZhbHVlICYmICF0aGlzLiNjb25maWdTZXQpIHtcbiAgICAgIHRoaXMuI19jb25maWcgPSB2YWx1ZTtcbiAgICAgIHRoaXMuI2NvbmZpZ1NldCA9IHRydWU7XG4gICAgICB0aGlzLiNjaGVja1JlYWR5KCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldCBjb25maWcoKTogU2t5VGlsZURhc2hib2FyZENvbmZpZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI19jb25maWc7XG4gIH1cblxuICAvKipcbiAgICogVGhlIG9ic2VydmFibGUgdG8gc2VuZCBjb21tYW5kcyB0byB0aGUgdGlsZSBkYXNoYm9hcmQuIFRoZSBjb21tYW5kcyBtdXN0IHJlc3BlY3QgdGhlXG4gICAqIGBTa3lUaWxlRGFzaGJvYXJkTWVzc2FnZWAgdHlwZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBtZXNzYWdlU3RyZWFtID0gbmV3IFN1YmplY3Q8U2t5VGlsZURhc2hib2FyZE1lc3NhZ2U+KCk7XG5cbiAgLyoqXG4gICAqIFRoZSB1bmlxdWUga2V5IGZvciB0aGUgVUkgQ29uZmlnIFNlcnZpY2UgdG8gcmV0cmlldmUgc3RvcmVkIHNldHRpbmdzXG4gICAqIGZyb20gYSBkYXRhYmFzZS4gVGhlIFVJIENvbmZpZyBTZXJ2aWNlIHNhdmVzIGNvbmZpZ3VyYXRpb24gc2V0dGluZ3MgZm9yIHVzZXJzXG4gICAqIHRvIHByZXNlcnZlIHRoZSBsYXlvdXQgYW5kIGNvbGxhcHNlZCBzdGF0ZSBvZiB0aWxlIGRhc2hib2FyZHMuIFRoZSBVSSBDb25maWcgU2VydmljZSByZWxpZXMgb24gYGlkYCB2YWx1ZXMgZnJvbSB0aGUgYGNvbmZpZ2AgcHJvcGVydHkgdG8gbWFpbnRhaW4gdXNlciBzZXR0aW5ncy4gRm9yIG1vcmUgaW5mb3JtYXRpb25cbiAgICogYWJvdXQgdGhlIFVJIENvbmZpZyBTZXJ2aWNlLCBzZWUgdGhlXG4gICAqIFtzdGlja3kgc2V0dGluZ3MgZG9jdW1lbnRhdGlvbl0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9kZXZlbG9wL3N0aWNreS1zZXR0aW5ncykuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0dGluZ3NLZXk6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogRmlyZXMgd2hlbiB0aGUgdGlsZSBkYXNoYm9hcmQgY2hhbmdlcyBzdGF0ZSBhbmQgZW1pdHMgYSBTa3lUaWxlRGFzaGJvYXJkQ29uZmlnXG4gICAqIG9iamVjdC4gVGhpcyBvY2N1cnMgd2hlbiB0aWxlcyBjb2xsYXBzZSBvciBleHBhbmQgYW5kIHdoZW4gdXNlcnMgZHJhZyBhbmQgZHJvcFxuICAgKiB0aWxlcyB0byByZWFycmFuZ2UgdGhlbS5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgY29uZmlnQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxTa3lUaWxlRGFzaGJvYXJkQ29uZmlnPigpO1xuXG4gIEBWaWV3Q2hpbGRyZW4oU2t5VGlsZURhc2hib2FyZENvbHVtbkNvbXBvbmVudClcbiAgcHVibGljIGNvbHVtbnM6IFF1ZXJ5TGlzdDxTa3lUaWxlRGFzaGJvYXJkQ29sdW1uQ29tcG9uZW50PiB8IHVuZGVmaW5lZDtcblxuICBAVmlld0NoaWxkKCdzaW5nbGVDb2x1bW4nLCB7XG4gICAgcmVhZDogU2t5VGlsZURhc2hib2FyZENvbHVtbkNvbXBvbmVudCxcbiAgICBzdGF0aWM6IGZhbHNlLFxuICB9KVxuICBwdWJsaWMgc2luZ2xlQ29sdW1uOiBTa3lUaWxlRGFzaGJvYXJkQ29sdW1uQ29tcG9uZW50IHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyB0aWxlTW92ZWRSZXBvcnQgPSAnJztcblxuICBwdWJsaWMgbW92ZUluc3RydWN0aW9uc0lkOiBzdHJpbmc7XG5cbiAgI2NvbmZpZ1NldCA9IGZhbHNlO1xuICAjZGFzaGJvYXJkU2VydmljZTogU2t5VGlsZURhc2hib2FyZFNlcnZpY2U7XG4gICNtZWRpYVF1ZXJ5U2VydmljZTogU2t5TWVkaWFRdWVyeVNlcnZpY2U7XG4gICNuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgI3N1YnNjcmlwdGlvbnMgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG4gICNyZXNvdXJjZXNTZXJ2aWNlOiBTa3lMaWJSZXNvdXJjZXNTZXJ2aWNlIHwgdW5kZWZpbmVkO1xuICAjdmlld1JlYWR5ID0gZmFsc2U7XG4gICNfY29uZmlnOiBTa3lUaWxlRGFzaGJvYXJkQ29uZmlnIHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGRhc2hib2FyZFNlcnZpY2U6IFNreVRpbGVEYXNoYm9hcmRTZXJ2aWNlLFxuICAgIG1lZGlhUXVlcnlTZXJ2aWNlOiBTa3lNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICBAT3B0aW9uYWwoKSByZXNvdXJjZXNTZXJ2aWNlPzogU2t5TGliUmVzb3VyY2VzU2VydmljZSxcbiAgKSB7XG4gICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZSA9IGRhc2hib2FyZFNlcnZpY2U7XG4gICAgdGhpcy4jbWVkaWFRdWVyeVNlcnZpY2UgPSBtZWRpYVF1ZXJ5U2VydmljZTtcbiAgICB0aGlzLiNyZXNvdXJjZXNTZXJ2aWNlID0gcmVzb3VyY2VzU2VydmljZTtcbiAgICB0aGlzLm1vdmVJbnN0cnVjdGlvbnNJZCA9XG4gICAgICB0aGlzLiNkYXNoYm9hcmRTZXJ2aWNlLmJhZ0lkICsgJy1tb3ZlLWluc3RydWN0aW9ucyc7XG5cbiAgICB0aGlzLiNzdWJzY3JpcHRpb25zLmFkZChcbiAgICAgIHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlLnN1YnNjcmliZSgoYXJnczogU2t5TWVkaWFCcmVha3BvaW50cykgPT4ge1xuICAgICAgICBsZXQgbGF5b3V0Q2xhc3NOYW1lID0gdGhpcy5sYXlvdXRDbGFzc05hbWUoKTtcblxuICAgICAgICBpZiAoXG4gICAgICAgICAgYXJncyA9PT0gU2t5TWVkaWFCcmVha3BvaW50cy54cyB8fFxuICAgICAgICAgIGFyZ3MgPT09IFNreU1lZGlhQnJlYWtwb2ludHMuc21cbiAgICAgICAgKSB7XG4gICAgICAgICAgbGF5b3V0Q2xhc3NOYW1lID0gJ3NreS10aWxlLWRhc2hib2FyZC1zaW5nbGUtY29sdW1uJztcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBsYXlvdXRDbGFzc05hbWUgPSAnc2t5LXRpbGUtZGFzaGJvYXJkLW11bHRpLWNvbHVtbic7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGFyZ3MgPT09IFNreU1lZGlhQnJlYWtwb2ludHMueHMpIHtcbiAgICAgICAgICBsYXlvdXRDbGFzc05hbWUgKz0gJyBza3ktdGlsZS1kYXNoYm9hcmQteHMnO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGxheW91dENsYXNzTmFtZSArPSAnIHNreS10aWxlLWRhc2hib2FyZC1ndC14cyc7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAobGF5b3V0Q2xhc3NOYW1lICE9PSB0aGlzLmxheW91dENsYXNzTmFtZSgpKSB7XG4gICAgICAgICAgdGhpcy5sYXlvdXRDbGFzc05hbWUuc2V0KGxheW91dENsYXNzTmFtZSk7XG4gICAgICAgIH1cbiAgICAgIH0pLFxuICAgICk7XG5cbiAgICB0aGlzLiNkYXNoYm9hcmRTZXJ2aWNlLmNvbmZpZ0NoYW5nZS5zdWJzY3JpYmUoXG4gICAgICAoY29uZmlnOiBTa3lUaWxlRGFzaGJvYXJkQ29uZmlnKSA9PiB7XG4gICAgICAgIHRoaXMuY29uZmlnQ2hhbmdlLmVtaXQoY29uZmlnKTtcblxuICAgICAgICAvLyBVcGRhdGUgYXJpYSBsaXZlIHJlZ2lvbiB3aXRoIHRpbGUgZHJhZyBpbmZvXG4gICAgICAgIGlmIChjb25maWcubW92ZWRUaWxlICYmIHRoaXMuI3Jlc291cmNlc1NlcnZpY2UpIHtcbiAgICAgICAgICBsZXQgbWVzc2FnZU9ic2VydmFibGU6IE9ic2VydmFibGU8c3RyaW5nPjtcbiAgICAgICAgICBpZiAoXG4gICAgICAgICAgICB0aGlzLiNtZWRpYVF1ZXJ5U2VydmljZS5jdXJyZW50ID09PSBTa3lNZWRpYUJyZWFrcG9pbnRzLnhzIHx8XG4gICAgICAgICAgICB0aGlzLiNtZWRpYVF1ZXJ5U2VydmljZS5jdXJyZW50ID09PSBTa3lNZWRpYUJyZWFrcG9pbnRzLnNtXG4gICAgICAgICAgKSB7XG4gICAgICAgICAgICBtZXNzYWdlT2JzZXJ2YWJsZSA9IHRoaXMuI3Jlc291cmNlc1NlcnZpY2UuZ2V0U3RyaW5nKFxuICAgICAgICAgICAgICAnc2t5dXhfdGlsZV9tb3ZlZF9hc3Npc3RpdmVfdGV4dCcsXG4gICAgICAgICAgICAgIGNvbmZpZy5tb3ZlZFRpbGUudGlsZURlc2NyaXB0aW9uLFxuICAgICAgICAgICAgICAnMScsXG4gICAgICAgICAgICAgICcxJyxcbiAgICAgICAgICAgICAgY29uZmlnLm1vdmVkVGlsZS5wb3NpdGlvbi50b1N0cmluZygpLFxuICAgICAgICAgICAgICBjb25maWcubGF5b3V0LnNpbmdsZUNvbHVtbi50aWxlcy5sZW5ndGgudG9TdHJpbmcoKSxcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIG1lc3NhZ2VPYnNlcnZhYmxlID0gdGhpcy4jcmVzb3VyY2VzU2VydmljZS5nZXRTdHJpbmcoXG4gICAgICAgICAgICAgICdza3l1eF90aWxlX21vdmVkX2Fzc2lzdGl2ZV90ZXh0JyxcbiAgICAgICAgICAgICAgY29uZmlnLm1vdmVkVGlsZS50aWxlRGVzY3JpcHRpb24sXG4gICAgICAgICAgICAgIGNvbmZpZy5tb3ZlZFRpbGUuY29sdW1uLnRvU3RyaW5nKCksXG4gICAgICAgICAgICAgIGNvbmZpZy5sYXlvdXQubXVsdGlDb2x1bW4ubGVuZ3RoLnRvU3RyaW5nKCksXG4gICAgICAgICAgICAgIGNvbmZpZy5tb3ZlZFRpbGUucG9zaXRpb24udG9TdHJpbmcoKSxcbiAgICAgICAgICAgICAgY29uZmlnLmxheW91dC5tdWx0aUNvbHVtbltcbiAgICAgICAgICAgICAgICBjb25maWcubW92ZWRUaWxlLmNvbHVtbiAtIDFcbiAgICAgICAgICAgICAgXS50aWxlcy5sZW5ndGgudG9TdHJpbmcoKSxcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfVxuICAgICAgICAgIG1lc3NhZ2VPYnNlcnZhYmxlLnBpcGUodGFrZSgxKSkuc3Vic2NyaWJlKChtZXNzYWdlOiBzdHJpbmcpID0+IHtcbiAgICAgICAgICAgIHRoaXMudGlsZU1vdmVkUmVwb3J0ID0gbWVzc2FnZTtcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm1lc3NhZ2VTdHJlYW1cbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKG1lc3NhZ2U6IFNreVRpbGVEYXNoYm9hcmRNZXNzYWdlKSA9PiB7XG4gICAgICAgIHRoaXMuI2hhbmRsZUluY29taW5nTWVzc2FnZXMobWVzc2FnZSk7XG4gICAgICB9KTtcblxuICAgIHRoaXMuI3ZpZXdSZWFkeSA9IHRydWU7XG4gICAgdGhpcy4jY2hlY2tSZWFkeSgpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI25nVW5zdWJzY3JpYmUubmV4dCgpO1xuICAgIHRoaXMuI25nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgICB0aGlzLiNzdWJzY3JpcHRpb25zLnVuc3Vic2NyaWJlKCk7XG4gICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZS5kZXN0cm95KCk7XG4gIH1cblxuICAjY2hlY2tSZWFkeSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy4jdmlld1JlYWR5ICYmIHRoaXMuY29uZmlnKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMuY29uZmlnICYmIHRoaXMuY29sdW1ucyAmJiB0aGlzLnNpbmdsZUNvbHVtbikge1xuICAgICAgICAgIHRoaXMuI2Rhc2hib2FyZFNlcnZpY2UuaW5pdChcbiAgICAgICAgICAgIHRoaXMuY29uZmlnLFxuICAgICAgICAgICAgdGhpcy5jb2x1bW5zLFxuICAgICAgICAgICAgdGhpcy5zaW5nbGVDb2x1bW4sXG4gICAgICAgICAgICB0aGlzLnNldHRpbmdzS2V5LFxuICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgIH0sIDApO1xuICAgIH1cbiAgfVxuXG4gICNoYW5kbGVJbmNvbWluZ01lc3NhZ2VzKG1lc3NhZ2U6IFNreVRpbGVEYXNoYm9hcmRNZXNzYWdlKTogdm9pZCB7XG4gICAgc3dpdGNoIChtZXNzYWdlLnR5cGUpIHtcbiAgICAgIGNhc2UgU2t5VGlsZURhc2hib2FyZE1lc3NhZ2VUeXBlLkV4cGFuZEFsbDpcbiAgICAgICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZS5zZXRBbGxUaWxlc0NvbGxhcHNlZChmYWxzZSk7XG4gICAgICAgIGJyZWFrO1xuXG4gICAgICBjYXNlIFNreVRpbGVEYXNoYm9hcmRNZXNzYWdlVHlwZS5Db2xsYXBzZUFsbDpcbiAgICAgICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZS5zZXRBbGxUaWxlc0NvbGxhcHNlZCh0cnVlKTtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG59XG4iLCJAaWYgKGNvbmZpZykge1xuICA8c3BhbiBhcmlhLWxpdmU9XCJhc3NlcnRpdmVcIiBjbGFzcz1cInNreS1hc3Npc3RpdmUtdGV4dFwiPlxuICAgIHt7IHRpbGVNb3ZlZFJlcG9ydCB9fVxuICA8L3NwYW4+XG4gIEBmb3IgKFxuICAgIGNvbHVtbiBvZiBjb25maWcubGF5b3V0Lm11bHRpQ29sdW1uO1xuICAgIHRyYWNrIGNvbHVtbjtcbiAgICBsZXQgZmlyc3QgPSAkZmlyc3QsIGxhc3QgPSAkbGFzdFxuICApIHtcbiAgICA8c2t5LXRpbGUtZGFzaGJvYXJkLWNvbHVtblxuICAgICAgY2xhc3M9XCJza3ktdGlsZS1kYXNoYm9hcmQtbGF5b3V0LW11bHRpXCJcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgJ3NreS10aWxlLWRhc2hib2FyZC1sYXlvdXQtbXVsdGktZmlyc3QnOiBmaXJzdCxcbiAgICAgICAgJ3NreS10aWxlLWRhc2hib2FyZC1sYXlvdXQtbXVsdGktbGFzdCc6IGxhc3RcbiAgICAgIH1cIlxuICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAnZmxleC1iYXNpcyc6IDEwMCAvIGNvbmZpZy5sYXlvdXQubXVsdGlDb2x1bW4ubGVuZ3RoICsgJyUnXG4gICAgICB9XCJcbiAgICAvPlxuICB9XG4gIDxza3ktdGlsZS1kYXNoYm9hcmQtY29sdW1uXG4gICAgI3NpbmdsZUNvbHVtblxuICAgIGNsYXNzPVwic2t5LXRpbGUtZGFzaGJvYXJkLWxheW91dC1zaW5nbGVcIlxuICAvPlxuICA8c3BhbiBjbGFzcz1cInNreS1zY3JlZW4tcmVhZGVyLW9ubHlcIiBbaWRdPVwibW92ZUluc3RydWN0aW9uc0lkXCI+e3tcbiAgICAnc2t5dXhfdGlsZV9tb3ZlX2luc3RydWN0aW9ucycgfCBza3lMaWJSZXNvdXJjZXNcbiAgfX08L3NwYW4+XG4gIDxuZy1jb250ZW50IC8+XG59XG4iXX0=

package/esm2022/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.mjs

@@ -16,11 +16,11 @@ export class SkyTileDashboardColumnComponent {
         this.bagId = this.#dashboardService.bagId;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyTileDashboardColumnComponent, deps: [{ token: i0.EnvironmentInjector }, { token: i1.SkyTileDashboardService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: SkyTileDashboardColumnComponent, isStandalone: true, selector: "sky-tile-dashboard-column", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}\n"], dependencies: [{ kind: "ngmodule", type: DragulaModule }, { kind: "directive", type: i2.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: SkyTileDashboardColumnComponent, isStandalone: true, selector: "sky-tile-dashboard-column", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}\n"], dependencies: [{ kind: "ngmodule", type: DragulaModule }, { kind: "directive", type: i2.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyTileDashboardColumnComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sky-tile-dashboard-column', imports: [DragulaModule], template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}\n"] }]
+            args: [{ standalone: true, selector: 'sky-tile-dashboard-column', imports: [DragulaModule], template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.EnvironmentInjector }, { type: i1.SkyTileDashboardService }], propDecorators: { content: [{
                 type: ViewChild,
                 args: ['content', {
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                         static: false,
                     }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZS1kYXNoYm9hcmQtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90aWxlcy9zcmMvbGliL21vZHVsZXMvdGlsZXMvdGlsZS1kYXNoYm9hcmQtY29sdW1uL3RpbGUtZGFzaGJvYXJkLWNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdGlsZXMvc3JjL2xpYi9tb2R1bGVzL3RpbGVzL3RpbGUtZGFzaGJvYXJkLWNvbHVtbi90aWxlLWRhc2hib2FyZC1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxTQUFTLEVBQ1QsZ0JBQWdCLEdBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7QUFJNUMsSUFBSSxhQUFhLEdBQUcsQ0FBQyxDQUFDO0FBRXRCOztHQUVHO0FBUUgsTUFBTSxPQUFPLCtCQUErQjtJQVcxQyxpQkFBaUIsQ0FBMEI7SUFFM0MsWUFDUyxRQUE2QixFQUNwQyxnQkFBeUM7UUFEbEMsYUFBUSxHQUFSLFFBQVEsQ0FBcUI7UUFHcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLGdCQUFnQixDQUFDO1FBRTFDLElBQUksQ0FBQyxRQUFRLEdBQUcseUJBQXlCLEVBQUUsYUFBYSxFQUFFLENBQUM7UUFFM0QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDO0lBQzVDLENBQUM7OEdBdEJVLCtCQUErQjtrR0FBL0IsK0JBQStCLG9LQU1sQyxnQkFBZ0IsNkJDN0IxQixpR0FHQSxnb0NEa0JZLGFBQWE7OzJGQUVaLCtCQUErQjtrQkFQM0MsU0FBUztpQ0FDSSxJQUFJLFlBQ04sMkJBQTJCLFdBRzVCLENBQUMsYUFBYSxDQUFDOzhIQVdqQixPQUFPO3NCQUpiLFNBQVM7dUJBQUMsU0FBUyxFQUFFO3dCQUNwQixJQUFJLEVBQUUsZ0JBQWdCO3dCQUN0QixNQUFNLEVBQUUsS0FBSztxQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRW52aXJvbm1lbnRJbmplY3RvcixcbiAgVmlld0NoaWxkLFxuICBWaWV3Q29udGFpbmVyUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRHJhZ3VsYU1vZHVsZSB9IGZyb20gJ25nMi1kcmFndWxhJztcblxuaW1wb3J0IHsgU2t5VGlsZURhc2hib2FyZFNlcnZpY2UgfSBmcm9tICcuLi90aWxlLWRhc2hib2FyZC90aWxlLWRhc2hib2FyZC5zZXJ2aWNlJztcblxubGV0IGNvbHVtbklkSW5kZXggPSAwO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdza3ktdGlsZS1kYXNoYm9hcmQtY29sdW1uJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGlsZS1kYXNoYm9hcmQtY29sdW1uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi90aWxlLWRhc2hib2FyZC1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICBpbXBvcnRzOiBbRHJhZ3VsYU1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNreVRpbGVEYXNoYm9hcmRDb2x1bW5Db21wb25lbnQge1xuICBwdWJsaWMgYmFnSWQ6IHN0cmluZztcblxuICBwdWJsaWMgY29sdW1uSWQ6IHN0cmluZztcblxuICBAVmlld0NoaWxkKCdjb250ZW50Jywge1xuICAgIHJlYWQ6IFZpZXdDb250YWluZXJSZWYsXG4gICAgc3RhdGljOiBmYWxzZSxcbiAgfSlcbiAgcHVibGljIGNvbnRlbnQ6IFZpZXdDb250YWluZXJSZWYgfCB1bmRlZmluZWQ7XG5cbiAgI2Rhc2hib2FyZFNlcnZpY2U6IFNreVRpbGVEYXNoYm9hcmRTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBpbmplY3RvcjogRW52aXJvbm1lbnRJbmplY3RvcixcbiAgICBkYXNoYm9hcmRTZXJ2aWNlOiBTa3lUaWxlRGFzaGJvYXJkU2VydmljZSxcbiAgKSB7XG4gICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZSA9IGRhc2hib2FyZFNlcnZpY2U7XG5cbiAgICB0aGlzLmNvbHVtbklkID0gYHRpbGUtZGFzaGJvYXJkLWNvbHVtbi0keysrY29sdW1uSWRJbmRleH1gO1xuXG4gICAgdGhpcy5iYWdJZCA9IHRoaXMuI2Rhc2hib2FyZFNlcnZpY2UuYmFnSWQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktdGlsZS1kYXNoYm9hcmQtY29sdW1uXCIgW2RyYWd1bGFdPVwiYmFnSWRcIj5cbiAgPGRpdiAjY29udGVudD48L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZS1kYXNoYm9hcmQtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90aWxlcy9zcmMvbGliL21vZHVsZXMvdGlsZXMvdGlsZS1kYXNoYm9hcmQtY29sdW1uL3RpbGUtZGFzaGJvYXJkLWNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdGlsZXMvc3JjL2xpYi9tb2R1bGVzL3RpbGVzL3RpbGUtZGFzaGJvYXJkLWNvbHVtbi90aWxlLWRhc2hib2FyZC1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxTQUFTLEVBQ1QsZ0JBQWdCLEdBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7QUFJNUMsSUFBSSxhQUFhLEdBQUcsQ0FBQyxDQUFDO0FBRXRCOztHQUVHO0FBUUgsTUFBTSxPQUFPLCtCQUErQjtJQVcxQyxpQkFBaUIsQ0FBMEI7SUFFM0MsWUFDUyxRQUE2QixFQUNwQyxnQkFBeUM7UUFEbEMsYUFBUSxHQUFSLFFBQVEsQ0FBcUI7UUFHcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLGdCQUFnQixDQUFDO1FBRTFDLElBQUksQ0FBQyxRQUFRLEdBQUcseUJBQXlCLEVBQUUsYUFBYSxFQUFFLENBQUM7UUFFM0QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDO0lBQzVDLENBQUM7OEdBdEJVLCtCQUErQjtrR0FBL0IsK0JBQStCLG9LQU1sQyxnQkFBZ0IsNkJDN0IxQixpR0FHQSxpeEZEa0JZLGFBQWE7OzJGQUVaLCtCQUErQjtrQkFQM0MsU0FBUztpQ0FDSSxJQUFJLFlBQ04sMkJBQTJCLFdBRzVCLENBQUMsYUFBYSxDQUFDOzhIQVdqQixPQUFPO3NCQUpiLFNBQVM7dUJBQUMsU0FBUyxFQUFFO3dCQUNwQixJQUFJLEVBQUUsZ0JBQWdCO3dCQUN0QixNQUFNLEVBQUUsS0FBSztxQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRW52aXJvbm1lbnRJbmplY3RvcixcbiAgVmlld0NoaWxkLFxuICBWaWV3Q29udGFpbmVyUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRHJhZ3VsYU1vZHVsZSB9IGZyb20gJ25nMi1kcmFndWxhJztcblxuaW1wb3J0IHsgU2t5VGlsZURhc2hib2FyZFNlcnZpY2UgfSBmcm9tICcuLi90aWxlLWRhc2hib2FyZC90aWxlLWRhc2hib2FyZC5zZXJ2aWNlJztcblxubGV0IGNvbHVtbklkSW5kZXggPSAwO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdza3ktdGlsZS1kYXNoYm9hcmQtY29sdW1uJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGlsZS1kYXNoYm9hcmQtY29sdW1uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi90aWxlLWRhc2hib2FyZC1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICBpbXBvcnRzOiBbRHJhZ3VsYU1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNreVRpbGVEYXNoYm9hcmRDb2x1bW5Db21wb25lbnQge1xuICBwdWJsaWMgYmFnSWQ6IHN0cmluZztcblxuICBwdWJsaWMgY29sdW1uSWQ6IHN0cmluZztcblxuICBAVmlld0NoaWxkKCdjb250ZW50Jywge1xuICAgIHJlYWQ6IFZpZXdDb250YWluZXJSZWYsXG4gICAgc3RhdGljOiBmYWxzZSxcbiAgfSlcbiAgcHVibGljIGNvbnRlbnQ6IFZpZXdDb250YWluZXJSZWYgfCB1bmRlZmluZWQ7XG5cbiAgI2Rhc2hib2FyZFNlcnZpY2U6IFNreVRpbGVEYXNoYm9hcmRTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBpbmplY3RvcjogRW52aXJvbm1lbnRJbmplY3RvcixcbiAgICBkYXNoYm9hcmRTZXJ2aWNlOiBTa3lUaWxlRGFzaGJvYXJkU2VydmljZSxcbiAgKSB7XG4gICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZSA9IGRhc2hib2FyZFNlcnZpY2U7XG5cbiAgICB0aGlzLmNvbHVtbklkID0gYHRpbGUtZGFzaGJvYXJkLWNvbHVtbi0keysrY29sdW1uSWRJbmRleH1gO1xuXG4gICAgdGhpcy5iYWdJZCA9IHRoaXMuI2Rhc2hib2FyZFNlcnZpY2UuYmFnSWQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktdGlsZS1kYXNoYm9hcmQtY29sdW1uXCIgW2RyYWd1bGFdPVwiYmFnSWRcIj5cbiAgPGRpdiAjY29udGVudD48L2Rpdj5cbjwvZGl2PlxuIl19

package/fesm2022/skyux-tiles.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Component, InjectionToken, inject, NgModule, EventEmitter, Injectable, Output, ElementRef, Optional, Input, ViewChild, ContentChild, ViewContainerRef, HostBinding, ViewChildren } from '@angular/core';
+import { Component, InjectionToken, inject, NgModule, EventEmitter, Injectable, Output, ElementRef, Optional, Input, ViewChild, ContentChild, ViewContainerRef, signal, ViewChildren } from '@angular/core';
 import * as i2 from '@skyux/core';
 import { SkyTrimModule, SkyDynamicComponentService, SkyMediaQueryService, SkyUIConfigService, SkyMediaBreakpoints, SkyDynamicComponentLocation, SkyLogService, SkyIdService, SkyIdModule } from '@skyux/core';
-import * as i2$1 from '@angular/common';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { skyAnimationSlide } from '@skyux/animations';
-import * as i4 from '@skyux/help-inline';
+import * as i4$1 from '@skyux/help-inline';
 import { SkyHelpInlineModule } from '@skyux/help-inline';
 import * as i5 from '@skyux/icon';
 import { SkyIconModule } from '@skyux/icon';
@@ -17,7 +17,7 @@ import { Subject, Subscription } from 'rxjs';
 import { take, takeUntil } from 'rxjs/operators';
 import * as i3$1 from '@skyux/i18n';
 import { SkyLibResourcesService, getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
-import * as i2$2 from 'ng2-dragula';
+import * as i2$1 from 'ng2-dragula';
 import { DragulaService, DragulaModule } from 'ng2-dragula';
 
 /**
@@ -812,7 +812,7 @@ class SkyTileComponent {
                     return idService.generateId();
                 },
             },
-        ], queries: [{ propertyName: "titleRef", first: true, predicate: SkyTileTitleComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: ElementRef }, { propertyName: "title", first: true, predicate: ["titleContainer"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<section\n  class=\"sky-tile\"\n  [ngClass]=\"{\n    'sky-tile-collapsed': isCollapsed\n  }\"\n  [skyThemeClass]=\"{\n    'sky-box sky-elevation-1-bordered sky-padding-even-xl': 'modern'\n  }\"\n>\n  <header class=\"sky-tile-header\">\n    <div class=\"sky-tile-header-content\" (click)=\"titleClick($event)\">\n      <div #titleContainer class=\"sky-tile-header-title\">\n        <ng-content select=\"sky-tile-title\" />\n        @if (tileName && (helpKey || helpPopoverContent)) {\n          <sky-help-inline\n            [helpKey]=\"helpKey\"\n            [labelText]=\"tileName\"\n            [popoverContent]=\"helpPopoverContent\"\n            [popoverTitle]=\"helpPopoverTitle\"\n          />\n        }\n      </div>\n      <div class=\"sky-tile-summary sky-font-display-3\">\n        <ng-content select=\"sky-tile-summary\" />\n      </div>\n    </div>\n    <div class=\"sky-tile-header-column-tools\">\n      <div class=\"sky-tile-tools\">\n        <ng-container *skyThemeIf=\"'default'\">\n          @if (hasHelp) {\n            <button\n              class=\"sky-btn sky-tile-tools-control sky-tile-help\"\n              type=\"button\"\n              [attr.aria-label]=\"\n                tileName\n                  ? ('skyux_tile_help' | skyLibResources: tileName)\n                  : ('skyux_tile_help_default' | skyLibResources)\n              \"\n              [skyThemeClass]=\"{\n                'sky-btn-icon-borderless': 'modern'\n              }\"\n              (click)=\"helpButtonClicked()\"\n            >\n              <sky-icon icon=\"question-circle\" />\n            </button>\n          }\n        </ng-container>\n        <sky-chevron\n          [ariaControls]=\"tileContent.id\"\n          [ariaLabel]=\"\n            tileName\n              ? ('skyux_tile_expand' | skyLibResources: tileName)\n              : ('skyux_tile_expand_default' | skyLibResources)\n          \"\n          [direction]=\"isCollapsed ? 'down' : 'up'\"\n          [skyThemeClass]=\"{\n            'sky-tile-tools-control': 'default',\n            'sky-margin-inline-default': 'modern'\n          }\"\n          (directionChange)=\"chevronDirectionChange($event)\"\n        />\n        @if (hasSettings) {\n          <button\n            class=\"sky-btn sky-tile-settings\"\n            type=\"button\"\n            [attr.aria-label]=\"\n              tileName\n                ? ('skyux_tile_settings' | skyLibResources: tileName)\n                : ('skyux_tile_settings_default' | skyLibResources)\n            \"\n            [skyThemeClass]=\"{\n              'sky-tile-tools-control': 'default',\n              'sky-btn-icon-borderless sky-margin-inline-default': 'modern'\n            }\"\n            (click)=\"settingsButtonClicked()\"\n          >\n            <sky-icon icon=\"cog\" />\n          </button>\n        }\n        @if (isInDashboardColumn) {\n          <button\n            #grabHandle\n            class=\"sky-btn sky-tile-grab-handle\"\n            type=\"button\"\n            [attr.aria-label]=\"\n              tileName\n                ? ('skyux_tile_move' | skyLibResources: tileName)\n                : ('skyux_tile_move_default' | skyLibResources)\n            \"\n            [attr.aria-describedby]=\"ariaDescribedBy\"\n            [skyThemeClass]=\"{\n              'sky-tile-tools-control': 'default',\n              'sky-btn-icon-borderless': 'modern'\n            }\"\n            (click)=\"$event.stopPropagation()\"\n            (keydown)=\"moveTile($event)\"\n          >\n            <sky-icon icon=\"tile-drag\" />\n          </button>\n        }\n      </div>\n    </div>\n  </header>\n  <div\n    #tileContent=\"skyId\"\n    class=\"sky-tile-content\"\n    role=\"region\"\n    skyId\n    [attr.aria-label]=\"tileName\"\n    [attr.aria-labelledby]=\"!tileName && titleRef ? tileTitleId : undefined\"\n    [@skyAnimationSlide]=\"isCollapsed ? 'up' : 'down'\"\n  >\n    <ng-content select=\"sky-tile-content\" />\n  </div>\n</section>\n", styles: [".sky-tile{background-color:#fff;margin-bottom:20px}:host-context(.sky-tile-dashboard-layout-single,.sky-tile-dashboard-layout-multi) .sky-tile{margin-bottom:0}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-single) .sky-tile,:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-multi) .sky-tile{margin-bottom:20px}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}.sky-tile-header{border-color:#cdcfd2;border-style:solid solid none;border-width:4px 0 0;display:flex}.sky-tile-header-content{display:flex;flex:1;align-items:baseline;cursor:pointer}.sky-tile-header-title{display:inline-flex;align-items:baseline;padding:10px 15px}.sky-tile-header-title>sky-help-inline{margin-left:var(--sky-margin-inline-xs)}.sky-tile-summary{color:#0974a1;display:none;padding-right:15px;max-height:30px;overflow:hidden}.sky-tile-collapsed .sky-tile-summary{display:block}.sky-tile-header-column-tools{display:flex;align-items:center;flex:0 0 auto}.sky-tile-tools{display:flex;padding-right:15px}.sky-tile-tools-control{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;padding:0;display:block;margin:0 0 0 9px}.sky-tile-tools-control:hover{color:#979ba2;transition:color .15s}.sky-tile-grab-handle{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;font-size:15px}.sky-tile-content{border-color:#e2e3e4;border-image:none;border-style:solid solid none;border-width:1px 0}:host-context(.sky-theme-modern) .sky-tile-header,:host-context(.sky-theme-modern) .sky-tile-content{border:none}:host-context(.sky-theme-modern) .sky-tile-header-title{padding:0;margin:0 30px 0 0}:host-context(.sky-theme-modern) .sky-tile-header-column-tools{align-items:flex-start}:host-context(.sky-theme-modern) .sky-tile-tools{padding:0}:host-context(.sky-theme-modern) .sky-tile-tools-control{font-size:18px;color:#686c73}:host-context(.sky-theme-modern) .sky-tile-grab-handle{font-size:16px}:host-context(.sky-theme-modern) :host .sky-tile{border-radius:0}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-xs) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:0}@media (min-width: 768px){:host-context(.sky-theme-modern) :host .sky-tile{border-radius:6px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:6px}.sky-theme-modern .sky-tile-header,.sky-theme-modern .sky-tile-content{border:none}.sky-theme-modern .sky-tile-header-title{padding:0;margin:0 30px 0 0}.sky-theme-modern .sky-tile-header-column-tools{align-items:flex-start}.sky-theme-modern .sky-tile-tools{padding:0}.sky-theme-modern .sky-tile-tools-control{font-size:18px;color:#686c73}.sky-theme-modern .sky-tile-grab-handle{font-size:16px}.sky-theme-modern :host .sky-tile{border-radius:0}.sky-theme-modern :host-context(.sky-responsive-container-xs) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:0}@media (min-width: 768px){.sky-theme-modern :host .sky-tile{border-radius:6px}}.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:6px}:host-context(.sky-theme-modern .sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-single) .sky-tile,:host-context(.sky-theme-modern .sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-multi) .sky-tile{margin-bottom:30px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SkyChevronModule }, { kind: "component", type: i3.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "ngmodule", type: SkyHelpInlineModule }, { kind: "component", type: i4.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i5.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i2.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "ngmodule", type: SkyTilesResourcesModule }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], animations: [skyAnimationSlide] }); }
+        ], queries: [{ propertyName: "titleRef", first: true, predicate: SkyTileTitleComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: ElementRef }, { propertyName: "title", first: true, predicate: ["titleContainer"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<section\n  class=\"sky-tile\"\n  [ngClass]=\"{\n    'sky-tile-collapsed': isCollapsed\n  }\"\n  [skyThemeClass]=\"{\n    'sky-box sky-elevation-1-bordered sky-padding-even-xl': 'modern'\n  }\"\n>\n  <header class=\"sky-tile-header\">\n    <div class=\"sky-tile-header-content\" (click)=\"titleClick($event)\">\n      <div #titleContainer class=\"sky-tile-header-title\">\n        <ng-content select=\"sky-tile-title\" />\n        @if (tileName && (helpKey || helpPopoverContent)) {\n          <sky-help-inline\n            [helpKey]=\"helpKey\"\n            [labelText]=\"tileName\"\n            [popoverContent]=\"helpPopoverContent\"\n            [popoverTitle]=\"helpPopoverTitle\"\n          />\n        }\n      </div>\n      <div class=\"sky-tile-summary sky-font-display-3\">\n        <ng-content select=\"sky-tile-summary\" />\n      </div>\n    </div>\n    <div class=\"sky-tile-header-column-tools\">\n      <div class=\"sky-tile-tools\">\n        <ng-container *skyThemeIf=\"'default'\">\n          @if (hasHelp) {\n            <button\n              class=\"sky-btn sky-tile-tools-control sky-tile-help\"\n              type=\"button\"\n              [attr.aria-label]=\"\n                tileName\n                  ? ('skyux_tile_help' | skyLibResources: tileName)\n                  : ('skyux_tile_help_default' | skyLibResources)\n              \"\n              [skyThemeClass]=\"{\n                'sky-btn-icon-borderless': 'modern'\n              }\"\n              (click)=\"helpButtonClicked()\"\n            >\n              <sky-icon icon=\"question-circle\" />\n            </button>\n          }\n        </ng-container>\n        <sky-chevron\n          [ariaControls]=\"tileContent.id\"\n          [ariaLabel]=\"\n            tileName\n              ? ('skyux_tile_expand' | skyLibResources: tileName)\n              : ('skyux_tile_expand_default' | skyLibResources)\n          \"\n          [direction]=\"isCollapsed ? 'down' : 'up'\"\n          [skyThemeClass]=\"{\n            'sky-tile-tools-control': 'default',\n            'sky-margin-inline-default': 'modern'\n          }\"\n          (directionChange)=\"chevronDirectionChange($event)\"\n        />\n        @if (hasSettings) {\n          <button\n            class=\"sky-btn sky-tile-settings\"\n            type=\"button\"\n            [attr.aria-label]=\"\n              tileName\n                ? ('skyux_tile_settings' | skyLibResources: tileName)\n                : ('skyux_tile_settings_default' | skyLibResources)\n            \"\n            [skyThemeClass]=\"{\n              'sky-tile-tools-control': 'default',\n              'sky-btn-icon-borderless sky-margin-inline-default': 'modern'\n            }\"\n            (click)=\"settingsButtonClicked()\"\n          >\n            <sky-icon icon=\"cog\" />\n          </button>\n        }\n        @if (isInDashboardColumn) {\n          <button\n            #grabHandle\n            class=\"sky-btn sky-tile-grab-handle\"\n            type=\"button\"\n            [attr.aria-label]=\"\n              tileName\n                ? ('skyux_tile_move' | skyLibResources: tileName)\n                : ('skyux_tile_move_default' | skyLibResources)\n            \"\n            [attr.aria-describedby]=\"ariaDescribedBy\"\n            [skyThemeClass]=\"{\n              'sky-tile-tools-control': 'default',\n              'sky-btn-icon-borderless': 'modern'\n            }\"\n            (click)=\"$event.stopPropagation()\"\n            (keydown)=\"moveTile($event)\"\n          >\n            <sky-icon icon=\"tile-drag\" />\n          </button>\n        }\n      </div>\n    </div>\n  </header>\n  <div\n    #tileContent=\"skyId\"\n    class=\"sky-tile-content\"\n    role=\"region\"\n    skyId\n    [attr.aria-label]=\"tileName\"\n    [attr.aria-labelledby]=\"!tileName && titleRef ? tileTitleId : undefined\"\n    [@skyAnimationSlide]=\"isCollapsed ? 'up' : 'down'\"\n  >\n    <ng-content select=\"sky-tile-content\" />\n  </div>\n</section>\n", styles: [".sky-tile{background-color:#fff;margin-bottom:20px}:host-context(.sky-tile-dashboard-layout-single,.sky-tile-dashboard-layout-multi) .sky-tile{margin-bottom:0}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-single) .sky-tile,:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-multi) .sky-tile{margin-bottom:20px}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}.sky-tile-header{border-color:#cdcfd2;border-style:solid solid none;border-width:4px 0 0;display:flex}.sky-tile-header-content{display:flex;flex:1;align-items:baseline;cursor:pointer}.sky-tile-header-title{display:inline-flex;align-items:baseline;padding:10px 15px}.sky-tile-header-title>sky-help-inline{margin-left:var(--sky-margin-inline-xs)}.sky-tile-summary{color:#0974a1;display:none;padding-right:15px;max-height:30px;overflow:hidden}.sky-tile-collapsed .sky-tile-summary{display:block}.sky-tile-header-column-tools{display:flex;align-items:center;flex:0 0 auto}.sky-tile-tools{display:flex;padding-right:15px}.sky-tile-tools-control{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;padding:0;display:block;margin:0 0 0 9px}.sky-tile-tools-control:hover{color:#979ba2;transition:color .15s}.sky-tile-grab-handle{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;font-size:15px}.sky-tile-content{border-color:#e2e3e4;border-image:none;border-style:solid solid none;border-width:1px 0}:host-context(.sky-theme-modern) .sky-tile-header,:host-context(.sky-theme-modern) .sky-tile-content{border:none}:host-context(.sky-theme-modern) .sky-tile-header-title{padding:0;margin:0 30px 0 0}:host-context(.sky-theme-modern) .sky-tile-header-column-tools{align-items:flex-start}:host-context(.sky-theme-modern) .sky-tile-tools{padding:0}:host-context(.sky-theme-modern) .sky-tile-tools-control{font-size:18px;color:#686c73}:host-context(.sky-theme-modern) .sky-tile-grab-handle{font-size:16px}:host-context(.sky-theme-modern) :host .sky-tile{border-radius:0}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-xs) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:0}@media (min-width: 768px){:host-context(.sky-theme-modern) :host .sky-tile{border-radius:6px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:6px}.sky-theme-modern .sky-tile-header,.sky-theme-modern .sky-tile-content{border:none}.sky-theme-modern .sky-tile-header-title{padding:0;margin:0 30px 0 0}.sky-theme-modern .sky-tile-header-column-tools{align-items:flex-start}.sky-theme-modern .sky-tile-tools{padding:0}.sky-theme-modern .sky-tile-tools-control{font-size:18px;color:#686c73}.sky-theme-modern .sky-tile-grab-handle{font-size:16px}.sky-theme-modern :host .sky-tile{border-radius:0}.sky-theme-modern :host-context(.sky-responsive-container-xs) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:0}@media (min-width: 768px){.sky-theme-modern :host .sky-tile{border-radius:6px}}.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:6px}:host-context(.sky-theme-modern .sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-single) .sky-tile,:host-context(.sky-theme-modern .sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-multi) .sky-tile{margin-bottom:30px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SkyChevronModule }, { kind: "component", type: i3.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "ngmodule", type: SkyHelpInlineModule }, { kind: "component", type: i4$1.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i5.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i2.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "ngmodule", type: SkyTilesResourcesModule }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], animations: [skyAnimationSlide] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyTileComponent, decorators: [{
             type: Component,
@@ -950,11 +950,11 @@ class SkyTileDashboardColumnComponent {
         this.bagId = this.#dashboardService.bagId;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyTileDashboardColumnComponent, deps: [{ token: i0.EnvironmentInjector }, { token: SkyTileDashboardService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: SkyTileDashboardColumnComponent, isStandalone: true, selector: "sky-tile-dashboard-column", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}\n"], dependencies: [{ kind: "ngmodule", type: DragulaModule }, { kind: "directive", type: i2$2.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: SkyTileDashboardColumnComponent, isStandalone: true, selector: "sky-tile-dashboard-column", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}\n"], dependencies: [{ kind: "ngmodule", type: DragulaModule }, { kind: "directive", type: i2$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyTileDashboardColumnComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'sky-tile-dashboard-column', imports: [DragulaModule], template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}\n"] }]
+            args: [{ standalone: true, selector: 'sky-tile-dashboard-column', imports: [DragulaModule], template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.EnvironmentInjector }, { type: SkyTileDashboardService }], propDecorators: { content: [{
                 type: ViewChild,
                 args: ['content', {
@@ -990,7 +990,7 @@ class SkyTileDashboardComponent {
     #viewReady;
     #_config;
     constructor(dashboardService, mediaQueryService, resourcesService) {
-        this.layoutClassName = 'sky-tile-dashboard-multi-column sky-tile-dashboard-gt-xs';
+        this.layoutClassName = signal('sky-tile-dashboard-multi-column sky-tile-dashboard-gt-xs');
         /**
          * The observable to send commands to the tile dashboard. The commands must respect the
          * `SkyTileDashboardMessage` type.
@@ -1013,18 +1013,22 @@ class SkyTileDashboardComponent {
         this.moveInstructionsId =
             this.#dashboardService.bagId + '-move-instructions';
         this.#subscriptions.add(this.#mediaQueryService.subscribe((args) => {
+            let layoutClassName = this.layoutClassName();
             if (args === SkyMediaBreakpoints.xs ||
                 args === SkyMediaBreakpoints.sm) {
-                this.layoutClassName = 'sky-tile-dashboard-single-column';
+                layoutClassName = 'sky-tile-dashboard-single-column';
             }
             else {
-                this.layoutClassName = 'sky-tile-dashboard-multi-column';
+                layoutClassName = 'sky-tile-dashboard-multi-column';
             }
             if (args === SkyMediaBreakpoints.xs) {
-                this.layoutClassName += ' sky-tile-dashboard-xs';
+                layoutClassName += ' sky-tile-dashboard-xs';
             }
             else {
-                this.layoutClassName += ' sky-tile-dashboard-gt-xs';
+                layoutClassName += ' sky-tile-dashboard-gt-xs';
+            }
+            if (layoutClassName !== this.layoutClassName()) {
+                this.layoutClassName.set(layoutClassName);
             }
         }));
         this.#dashboardService.configChange.subscribe((config) => {
@@ -1080,17 +1084,16 @@ class SkyTileDashboardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyTileDashboardComponent, deps: [{ token: SkyTileDashboardService }, { token: i2.SkyMediaQueryService }, { token: i3$1.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: SkyTileDashboardComponent, selector: "sky-tile-dashboard", inputs: { config: "config", messageStream: "messageStream", settingsKey: "settingsKey" }, outputs: { configChange: "configChange" }, host: { properties: { "class": "this.layoutClassName" } }, providers: [SkyTileDashboardService], viewQueries: [{ propertyName: "singleColumn", first: true, predicate: ["singleColumn"], descendants: true, read: SkyTileDashboardColumnComponent }, { propertyName: "columns", predicate: SkyTileDashboardColumnComponent, descendants: true }], ngImport: i0, template: "@if (config) {\n  <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n    {{ tileMovedReport }}\n  </span>\n  @for (column of config.layout.multiColumn; track column) {\n    <sky-tile-dashboard-column\n      class=\"sky-tile-dashboard-layout-multi\"\n      [ngStyle]=\"{\n        'flex-basis': 100 / config.layout.multiColumn.length + '%'\n      }\"\n    />\n  }\n  <sky-tile-dashboard-column\n    #singleColumn\n    class=\"sky-tile-dashboard-layout-single\"\n  />\n  <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n    'skyux_tile_move_instructions' | skyLibResources\n  }}</span>\n  <ng-content />\n}\n", styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:0 10px}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-default){background-color:#eeeeef}\n"], dependencies: [{ kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SkyTileDashboardColumnComponent, selector: "sky-tile-dashboard-column" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: SkyTileDashboardComponent, selector: "sky-tile-dashboard", inputs: { config: "config", messageStream: "messageStream", settingsKey: "settingsKey" }, outputs: { configChange: "configChange" }, host: { properties: { "class": "layoutClassName()" } }, providers: [SkyTileDashboardService], viewQueries: [{ propertyName: "singleColumn", first: true, predicate: ["singleColumn"], descendants: true, read: SkyTileDashboardColumnComponent }, { propertyName: "columns", predicate: SkyTileDashboardColumnComponent, descendants: true }], ngImport: i0, template: "@if (config) {\n  <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n    {{ tileMovedReport }}\n  </span>\n  @for (\n    column of config.layout.multiColumn;\n    track column;\n    let first = $first, last = $last\n  ) {\n    <sky-tile-dashboard-column\n      class=\"sky-tile-dashboard-layout-multi\"\n      [ngClass]=\"{\n        'sky-tile-dashboard-layout-multi-first': first,\n        'sky-tile-dashboard-layout-multi-last': last\n      }\"\n      [ngStyle]=\"{\n        'flex-basis': 100 / config.layout.multiColumn.length + '%'\n      }\"\n    />\n  }\n  <sky-tile-dashboard-column\n    #singleColumn\n    class=\"sky-tile-dashboard-layout-single\"\n  />\n  <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n    'skyux_tile_move_instructions' | skyLibResources\n  }}</span>\n  <ng-content />\n}\n", styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:0 10px}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-default){background-color:#eeeeef}:host-context(.sky-theme-modern .sky-layout-host-blocks){padding:0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SkyTileDashboardColumnComponent, selector: "sky-tile-dashboard-column" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyTileDashboardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-tile-dashboard', providers: [SkyTileDashboardService], template: "@if (config) {\n  <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n    {{ tileMovedReport }}\n  </span>\n  @for (column of config.layout.multiColumn; track column) {\n    <sky-tile-dashboard-column\n      class=\"sky-tile-dashboard-layout-multi\"\n      [ngStyle]=\"{\n        'flex-basis': 100 / config.layout.multiColumn.length + '%'\n      }\"\n    />\n  }\n  <sky-tile-dashboard-column\n    #singleColumn\n    class=\"sky-tile-dashboard-layout-single\"\n  />\n  <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n    'skyux_tile_move_instructions' | skyLibResources\n  }}</span>\n  <ng-content />\n}\n", styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:0 10px}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-default){background-color:#eeeeef}\n"] }]
+            args: [{ selector: 'sky-tile-dashboard', providers: [SkyTileDashboardService], host: {
+                        '[class]': 'layoutClassName()',
+                    }, template: "@if (config) {\n  <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n    {{ tileMovedReport }}\n  </span>\n  @for (\n    column of config.layout.multiColumn;\n    track column;\n    let first = $first, last = $last\n  ) {\n    <sky-tile-dashboard-column\n      class=\"sky-tile-dashboard-layout-multi\"\n      [ngClass]=\"{\n        'sky-tile-dashboard-layout-multi-first': first,\n        'sky-tile-dashboard-layout-multi-last': last\n      }\"\n      [ngStyle]=\"{\n        'flex-basis': 100 / config.layout.multiColumn.length + '%'\n      }\"\n    />\n  }\n  <sky-tile-dashboard-column\n    #singleColumn\n    class=\"sky-tile-dashboard-layout-single\"\n  />\n  <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n    'skyux_tile_move_instructions' | skyLibResources\n  }}</span>\n  <ng-content />\n}\n", styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-theme-default){padding-top:20px}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:0 10px}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-default){background-color:#eeeeef}:host-context(.sky-theme-modern .sky-layout-host-blocks){padding:0}\n"] }]
         }], ctorParameters: () => [{ type: SkyTileDashboardService }, { type: i2.SkyMediaQueryService }, { type: i3$1.SkyLibResourcesService, decorators: [{
                     type: Optional
-                }] }], propDecorators: { layoutClassName: [{
-                type: HostBinding,
-                args: ['class']
-            }], config: [{
+                }] }], propDecorators: { config: [{
                 type: Input
             }], messageStream: [{
                 type: Input