@skyux/tiles 5.6.2 → 6.0.0-beta.0

package/bundles/skyux-tiles.umd.js

@@ -1,1662 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/core'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/theme'), require('@skyux/animations'), require('rxjs'), require('rxjs/operators'), require('ng2-dragula')) :
-    typeof define === 'function' && define.amd ? define('@skyux/tiles', ['exports', '@angular/common', '@angular/core', '@skyux/core', '@skyux/i18n', '@skyux/indicators', '@skyux/theme', '@skyux/animations', 'rxjs', 'rxjs/operators', 'ng2-dragula'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.tiles = {}), global.ng.common, global.ng.core, global.i2, global.i3, global.i2$1, global.i4, global.animations, global.rxjs, global.rxjs.operators, global.i1));
-})(this, (function (exports, i3$1, i0, i2, i3, i2$1, i4, animations, rxjs, operators, i1) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3$1);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-
-    /**
-     * NOTICE: DO NOT MODIFY THIS FILE!
-     * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-tiles' schematic.
-     * To update this file, simply rerun the command.
-     */
-    var RESOURCES = {
-        'EN-US': {
-            skyux_tile_expand: { message: 'Expand or collapse {0}' },
-            skyux_tile_expand_default: { message: 'Expand or collapse' },
-            skyux_tile_help: { message: '{0} help' },
-            skyux_tile_help_default: { message: 'Help' },
-            skyux_tile_settings: { message: '{0} settings' },
-            skyux_tile_settings_default: { message: 'Settings' },
-            skyux_tile_move: { message: 'Move {0}' },
-            skyux_tile_move_default: { message: 'Move' },
-            skyux_tile_move_instructions: {
-                message: "When focus is placed on a tile's move button, use the arrow keys to move it. The up and down keys change its position within a column. The left and right keys move it between columns.",
-            },
-            skyux_tile_moved_assistive_text: {
-                message: '{0} moved. Current column: {1} of {2}. Current position in column: {3} of {4}',
-            },
-        },
-    };
-    var SkyTilesResourcesProvider = /** @class */ (function () {
-        function SkyTilesResourcesProvider() {
-        }
-        SkyTilesResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i3.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyTilesResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyTilesResourcesModule = /** @class */ (function () {
-        function SkyTilesResourcesModule() {
-        }
-        return SkyTilesResourcesModule;
-    }());
-    SkyTilesResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTilesResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTilesResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTilesResourcesModule, exports: [i3.SkyI18nModule] });
-    SkyTilesResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTilesResourcesModule, providers: [
-            {
-                provide: i3.SKY_LIB_RESOURCES_PROVIDERS,
-                useClass: SkyTilesResourcesProvider,
-                multi: true,
-            },
-        ], imports: [i3.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTilesResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i3.SkyI18nModule],
-                        providers: [
-                            {
-                                provide: i3.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: SkyTilesResourcesProvider,
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }] });
-
-    /**
-     * Specifies content to display in the tile's summary.
-     */
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyTileSummaryComponent = /** @class */ (function () {
-        function SkyTileSummaryComponent() {
-        }
-        return SkyTileSummaryComponent;
-    }());
-    SkyTileSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileSummaryComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTileSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileSummaryComponent, selector: "sky-tile-summary", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileSummaryComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-tile-summary',
-                        template: "<ng-content></ng-content>\n",
-                    }]
-            }] });
-
-    /**
-     * Specifies content to display in the tile's title.
-     */
-    var SkyTileTitleComponent = /** @class */ (function () {
-        function SkyTileTitleComponent() {
-        }
-        return SkyTileTitleComponent;
-    }());
-    SkyTileTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTileTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileTitleComponent, selector: "sky-tile-title", ngImport: i0__namespace, template: "<h2\n  class=\"sky-tile-title\"\n  [skyThemeClass]=\"{\n    'sky-font-heading-2': 'modern',\n    'sky-section-heading': 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</h2>\n", styles: [".sky-tile-title{margin:0;padding:10px 15px}:host-context(.sky-theme-modern) .sky-tile-title{margin:0 30px 0 0;padding:0}.sky-theme-modern .sky-tile-title{margin:0 30px 0 0;padding:0}\n"], directives: [{ type: i4__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileTitleComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-tile-title',
-                        template: "<h2\n  class=\"sky-tile-title\"\n  [skyThemeClass]=\"{\n    'sky-font-heading-2': 'modern',\n    'sky-section-heading': 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</h2>\n",
-                        styles: [".sky-tile-title{margin:0;padding:10px 15px}:host-context(.sky-theme-modern) .sky-tile-title{margin:0 30px 0 0;padding:0}.sky-theme-modern .sky-tile-title{margin:0 30px 0 0;padding:0}\n"],
-                    }]
-            }] });
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    var ATTR_TILE_ID = '_sky-tile-dashboard-tile-id';
-    var bagIdIndex = 0;
-    var SkyTileDashboardService = /** @class */ (function () {
-        function SkyTileDashboardService(dragulaService, mediaQuery, uiConfigService) {
-            this.dragulaService = dragulaService;
-            this.mediaQuery = mediaQuery;
-            this.uiConfigService = uiConfigService;
-            /**
-             * @internal
-             */
-            this.configChange = new i0.EventEmitter();
-            /**
-             * Fires when the tile dashboard's initialization is complete.
-             */
-            this.dashboardInitialized = new i0.EventEmitter();
-            this.bagId = 'sky-tile-dashboard-bag-' + ++bagIdIndex;
-            this.initDragula();
-        }
-        /**
-         * @internal
-         */
-        SkyTileDashboardService.prototype.init = function (config, columns, singleColumn, settingsKey) {
-            var _this = this;
-            if (settingsKey) {
-                // Clone this so changes to the config object outside of this class don't modify
-                // the config used inside and vice versa.
-                this.defaultConfig = this.config = Object.assign({}, config);
-                this.settingsKey = settingsKey;
-                this.uiConfigService
-                    .getConfig(settingsKey, config)
-                    .pipe(operators.take(1))
-                    .subscribe(function (value) {
-                    if (value.persisted) {
-                        _this.config.layout = value.layout;
-                        _this.checkForNewTiles(value.tileIds);
-                        _this.configChange.emit(_this.config);
-                        _this.columns = columns;
-                        _this.singleColumn = singleColumn;
-                        _this.checkReadyAndLoadTiles();
-                    }
-                    else {
-                        // Bad data, or config is the default config.
-                        _this.initToDefaults(config, columns, singleColumn);
-                    }
-                }, function (error) {
-                    // Config setting key doesn't exist or other config service error
-                    _this.initToDefaults(config, columns, singleColumn);
-                });
-            }
-            else {
-                this.initToDefaults(config, columns, singleColumn);
-            }
-        };
-        /**
-         * Adds a new tile to the tile dashboard.
-         * @param tile Specifies the tile configuration.
-         * @param component Specifies the tile component to add.
-         */
-        SkyTileDashboardService.prototype.addTileComponent = function (tile, component) {
-            this.tileComponents = this.tileComponents || [];
-            this.tileComponents.push(component);
-            component.location.nativeElement.setAttribute(ATTR_TILE_ID, tile.id);
-        };
-        /**
-         * Checks whether a specified tile is collapsed.
-         * @param tile Specifies the tile component to check.
-         */
-        SkyTileDashboardService.prototype.tileIsCollapsed = function (tile) {
-            var tileConfig = this.findTile(this.getTileId(tile));
-            if (tileConfig) {
-                return tileConfig.isCollapsed;
-            }
-            return undefined;
-        };
-        /**
-         * Sets the collapsed state of all tiles.
-         * @param isCollapsed Indicates whether tiles are collapsed.
-         */
-        SkyTileDashboardService.prototype.setAllTilesCollapsed = function (isCollapsed) {
-            var e_1, _a, e_2, _b, e_3, _c;
-            /*istanbul ignore else */
-            if (this.config && this.config.layout.multiColumn) {
-                try {
-                    for (var _d = __values(this.config.layout.multiColumn), _e = _d.next(); !_e.done; _e = _d.next()) {
-                        var column = _e.value;
-                        try {
-                            for (var _f = (e_2 = void 0, __values(column.tiles)), _g = _f.next(); !_g.done; _g = _f.next()) {
-                                var tile = _g.value;
-                                tile.isCollapsed = isCollapsed;
-                            }
-                        }
-                        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                        finally {
-                            try {
-                                if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
-                            }
-                            finally { if (e_2) throw e_2.error; }
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                try {
-                    for (var _h = __values(this.config.layout.singleColumn.tiles), _j = _h.next(); !_j.done; _j = _h.next()) {
-                        var tile = _j.value;
-                        tile.isCollapsed = isCollapsed;
-                    }
-                }
-                catch (e_3_1) { e_3 = { error: e_3_1 }; }
-                finally {
-                    try {
-                        if (_j && !_j.done && (_c = _h.return)) _c.call(_h);
-                    }
-                    finally { if (e_3) throw e_3.error; }
-                }
-            }
-            if (this.settingsKey) {
-                this.setUserConfig(this.config);
-            }
-            this.configChange.emit(this.config);
-        };
-        /**
-         * Sets the collapsed state of a specified tile.
-         * @param tile Specifies the tile component.
-         * @param isCollapsed Indicates whether the tile is collapsed.
-         */
-        SkyTileDashboardService.prototype.setTileCollapsed = function (tile, isCollapsed) {
-            var tileConfig = this.findTile(this.getTileId(tile));
-            if (tileConfig) {
-                tileConfig.isCollapsed = isCollapsed;
-                if (this.settingsKey) {
-                    this.setUserConfig(this.config);
-                }
-                this.configChange.emit(this.config);
-            }
-        };
-        /**
-         * @internal
-         */
-        SkyTileDashboardService.prototype.getTileComponentType = function (layoutTile) {
-            var e_4, _a;
-            if (layoutTile) {
-                try {
-                    for (var _b = __values(this.config.tiles), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var tile = _c.value;
-                        if (tile.id === layoutTile.id) {
-                            return tile.componentType;
-                        }
-                    }
-                }
-                catch (e_4_1) { e_4 = { error: e_4_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_4) throw e_4.error; }
-                }
-            }
-            return undefined;
-        };
-        /**
-         * @internal
-         */
-        SkyTileDashboardService.prototype.changeColumnMode = function (isSingleColumn) {
-            /*istanbul ignore else */
-            if (this.config) {
-                if (isSingleColumn) {
-                    this.moveTilesToSingleColumn();
-                }
-                else {
-                    this.moveTilesToMultiColumn();
-                }
-            }
-        };
-        /**
-         * @internal
-         */
-        SkyTileDashboardService.prototype.getTileComponent = function (tileId) {
-            var e_5, _a;
-            try {
-                for (var _b = __values(this.tileComponents), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var tileComponent = _c.value;
-                    if (tileComponent.location.nativeElement.getAttribute(ATTR_TILE_ID) ===
-                        tileId) {
-                        return tileComponent;
-                    }
-                }
-            }
-            catch (e_5_1) { e_5 = { error: e_5_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_5) throw e_5.error; }
-            }
-            /*istanbul ignore next */
-            return undefined;
-        };
-        /**
-         * @internal
-         */
-        SkyTileDashboardService.prototype.destroy = function () {
-            /*istanbul ignore else */
-            if (this.mediaSubscription) {
-                this.mediaSubscription.unsubscribe();
-            }
-        };
-        /**
-         * @internal
-         */
-        SkyTileDashboardService.prototype.moveTileOnKeyDown = function (tileCmp, direction, tileDescription) {
-            var isSingleColumnMode = this.mediaQuery.current === i2.SkyMediaBreakpoints.xs ||
-                this.mediaQuery.current === i2.SkyMediaBreakpoints.sm;
-            var tileId = this.getTileId(tileCmp);
-            var tile = this.findTile(tileId);
-            var column;
-            var colIndex;
-            if (isSingleColumnMode) {
-                column = this.config.layout.singleColumn;
-            }
-            else {
-                column = this.findTileColumn(tileId);
-                colIndex = this.config.layout.multiColumn.findIndex(function (value) { return value === column; });
-            }
-            if ((direction === 'left' || direction === 'right') &&
-                !isSingleColumnMode) {
-                var operator = direction === 'left' ? -1 : 1;
-                var newColumn = this.config.layout.multiColumn[colIndex + operator];
-                if (newColumn) {
-                    // Move the tile to the end of the new column
-                    newColumn.tiles.push(tile);
-                    column.tiles = column.tiles.filter(function (item) { return item !== tile; });
-                    this.moveTilesToColumn(this.columns.toArray()[colIndex + operator], [
-                        tile,
-                    ]);
-                    // Report the change in configuration
-                    var reportConfig = this.config;
-                    reportConfig.movedTile = {
-                        tileDescription: tileDescription || /* istanbul ignore next */ tile.id,
-                        column: colIndex + operator + 1,
-                        position: newColumn.tiles.length,
-                    };
-                    this.configChange.emit(reportConfig);
-                }
-            }
-            else {
-                var operator = direction === 'up' ? -1 : 1;
-                var curIndex = column.tiles.findIndex(function (value) { return value.id === tile.id; });
-                var tileComponentInstance = this.getTileComponent(tileId);
-                if (tileComponentInstance && column.tiles[curIndex + operator]) {
-                    var temp = column.tiles[curIndex + operator];
-                    column.tiles[curIndex + operator] = tile;
-                    column.tiles[curIndex] = temp;
-                    // Get the column element
-                    var columnEl = void 0;
-                    if (isSingleColumnMode) {
-                        columnEl = this.getColumnEl(this.singleColumn);
-                    }
-                    else {
-                        columnEl = this.getColumnEl(this.columns.toArray()[colIndex]);
-                    }
-                    // Move the tile element in the document
-                    if (curIndex + operator === column.tiles.length - 1) {
-                        columnEl.appendChild(tileComponentInstance.location.nativeElement);
-                    }
-                    else {
-                        columnEl.insertBefore(tileComponentInstance.location.nativeElement, this.getTileComponent(column.tiles[curIndex + operator + 1].id)
-                            .location.nativeElement);
-                    }
-                    // Report the change in configuration
-                    var reportConfig = this.config;
-                    reportConfig.movedTile = {
-                        tileDescription: tileDescription || /* istanbul ignore next */ tile.id,
-                        column: isSingleColumnMode ? undefined : colIndex + 1,
-                        position: curIndex + operator + 1,
-                    };
-                    this.configChange.emit(reportConfig);
-                }
-            }
-        };
-        SkyTileDashboardService.prototype.getTileId = function (tile) {
-            if (tile) {
-                var el = tile.elementRef.nativeElement;
-                var tileId = void 0;
-                while (el) {
-                    tileId = el.getAttribute(ATTR_TILE_ID);
-                    if (tileId) {
-                        return tileId;
-                    }
-                    el = el.parentElement;
-                }
-            }
-            return undefined;
-        };
-        SkyTileDashboardService.prototype.getTileOrRemoveFromLayout = function (layoutTile) {
-            var e_6, _a;
-            /*istanbul ignore else */
-            if (layoutTile) {
-                try {
-                    for (var _b = __values(this.config.tiles), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var tile = _c.value;
-                        if (tile.id === layoutTile.id) {
-                            return tile;
-                        }
-                    }
-                }
-                catch (e_6_1) { e_6 = { error: e_6_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_6) throw e_6.error; }
-                }
-                // If the layout tile was not found in the list of tiles, it was removed since last the user updated settings
-                /*istanbul ignore else */
-                if (this.config.layout.singleColumn) {
-                    this.config.layout.singleColumn.tiles =
-                        this.config.layout.singleColumn.tiles.filter(function (elem) { return elem.id !== layoutTile.id; });
-                }
-                /*istanbul ignore else */
-                if (this.config.layout.multiColumn) {
-                    this.config.layout.multiColumn.forEach(function (elem) {
-                        elem.tiles = elem.tiles.filter(function (res) { return res.id !== layoutTile.id; });
-                    });
-                }
-            }
-            /*istanbul ignore next */
-            return undefined;
-        };
-        SkyTileDashboardService.prototype.checkReadyAndLoadTiles = function () {
-            if (this.config && this.columns) {
-                this.loadTiles();
-                this.initMediaQueries();
-                this.dashboardInitialized.emit();
-            }
-        };
-        SkyTileDashboardService.prototype.loadTiles = function () {
-            var e_7, _a, e_8, _b;
-            var layout = this.config.layout;
-            if (this.mediaQuery.current === i2.SkyMediaBreakpoints.xs ||
-                this.mediaQuery.current === i2.SkyMediaBreakpoints.sm) {
-                try {
-                    for (var _c = __values(layout.singleColumn.tiles), _d = _c.next(); !_d.done; _d = _c.next()) {
-                        var tile = _d.value;
-                        this.loadTileIntoColumn(this.singleColumn, tile);
-                    }
-                }
-                catch (e_7_1) { e_7 = { error: e_7_1 }; }
-                finally {
-                    try {
-                        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-                    }
-                    finally { if (e_7) throw e_7.error; }
-                }
-            }
-            else {
-                var columns = this.columns.toArray();
-                for (var i = 0, n = layout.multiColumn.length; i < n; i++) {
-                    var column = columns[i];
-                    try {
-                        for (var _e = (e_8 = void 0, __values(layout.multiColumn[i].tiles)), _f = _e.next(); !_f.done; _f = _e.next()) {
-                            var tile = _f.value;
-                            this.loadTileIntoColumn(column, tile);
-                        }
-                    }
-                    catch (e_8_1) { e_8 = { error: e_8_1 }; }
-                    finally {
-                        try {
-                            if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
-                        }
-                        finally { if (e_8) throw e_8.error; }
-                    }
-                }
-            }
-        };
-        SkyTileDashboardService.prototype.loadTileIntoColumn = function (column, layoutTile) {
-            var tile = this.getTileOrRemoveFromLayout(layoutTile);
-            /*istanbul ignore else */
-            if (tile) {
-                var componentType = tile.componentType;
-                var providers = tile.providers /* istanbul ignore next */ || [];
-                var injector = i0.Injector.create({
-                    providers: providers,
-                    parent: column.injector,
-                });
-                var factory = column.resolver.resolveComponentFactory(componentType);
-                var componentRef = column.content.createComponent(factory, undefined, injector);
-                this.addTileComponent(layoutTile, componentRef);
-                // Make sure the component is marked for changes in case the parent component uses
-                // the OnPush change detection strategy.
-                componentRef.changeDetectorRef.markForCheck();
-            }
-        };
-        SkyTileDashboardService.prototype.moveTilesToSingleColumn = function () {
-            this.moveTilesToColumn(this.singleColumn, this.config.layout.singleColumn.tiles);
-        };
-        SkyTileDashboardService.prototype.moveTilesToMultiColumn = function () {
-            var layoutColumns = this.config.layout.multiColumn;
-            var columns = this.columns.toArray();
-            for (var i = 0, n = layoutColumns.length; i < n; i++) {
-                this.moveTilesToColumn(columns[i], layoutColumns[i].tiles);
-            }
-        };
-        SkyTileDashboardService.prototype.moveTilesToColumn = function (column, layoutTiles) {
-            var e_9, _a;
-            var columnEl = this.getColumnEl(column);
-            try {
-                for (var layoutTiles_1 = __values(layoutTiles), layoutTiles_1_1 = layoutTiles_1.next(); !layoutTiles_1_1.done; layoutTiles_1_1 = layoutTiles_1.next()) {
-                    var layoutTile = layoutTiles_1_1.value;
-                    var tileComponentInstance = this.getTileComponent(layoutTile.id);
-                    /*istanbul ignore else */
-                    if (tileComponentInstance) {
-                        columnEl.appendChild(tileComponentInstance.location.nativeElement);
-                    }
-                }
-            }
-            catch (e_9_1) { e_9 = { error: e_9_1 }; }
-            finally {
-                try {
-                    if (layoutTiles_1_1 && !layoutTiles_1_1.done && (_a = layoutTiles_1.return)) _a.call(layoutTiles_1);
-                }
-                finally { if (e_9) throw e_9.error; }
-            }
-        };
-        SkyTileDashboardService.prototype.getConfigForUIState = function () {
-            /*istanbul ignore else */
-            if (this.config) {
-                this.config = {
-                    tiles: this.config.tiles,
-                    layout: {
-                        singleColumn: this.getSingleColumnLayoutForUIState(),
-                        multiColumn: this.getMultiColumnLayoutForUIState(),
-                    },
-                };
-            }
-            return this.config;
-        };
-        SkyTileDashboardService.prototype.getSingleColumnLayoutForUIState = function () {
-            if (this.mediaQuery.current === i2.SkyMediaBreakpoints.xs ||
-                this.mediaQuery.current === i2.SkyMediaBreakpoints.sm) {
-                return {
-                    tiles: this.getTilesInEl(this.getColumnEl(this.singleColumn)),
-                };
-            }
-            return this.config.layout.singleColumn;
-        };
-        SkyTileDashboardService.prototype.getMultiColumnLayoutForUIState = function () {
-            var e_10, _a;
-            if (!(this.mediaQuery.current === i2.SkyMediaBreakpoints.xs ||
-                this.mediaQuery.current === i2.SkyMediaBreakpoints.sm)) {
-                var layoutColumns = [];
-                var columns = this.columns.toArray();
-                try {
-                    for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                        var column = columns_1_1.value;
-                        if (column !== this.singleColumn) {
-                            var layoutColumn = {
-                                tiles: this.getTilesInEl(this.getColumnEl(column)),
-                            };
-                            layoutColumns.push(layoutColumn);
-                        }
-                    }
-                }
-                catch (e_10_1) { e_10 = { error: e_10_1 }; }
-                finally {
-                    try {
-                        if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
-                    }
-                    finally { if (e_10) throw e_10.error; }
-                }
-                return layoutColumns;
-            }
-            return this.config.layout.multiColumn;
-        };
-        SkyTileDashboardService.prototype.getTilesInEl = function (el) {
-            var tileEls = el.querySelectorAll('[' + ATTR_TILE_ID + ']');
-            var layoutTiles = [];
-            /*istanbul ignore else */
-            if (tileEls) {
-                for (var i = 0, n = tileEls.length; i < n; i++) {
-                    var tileEl = tileEls[i];
-                    var tileId = tileEl.getAttribute(ATTR_TILE_ID);
-                    var tile = this.findTile(tileId);
-                    /*istanbul ignore else */
-                    if (tile) {
-                        layoutTiles.push(tile);
-                    }
-                }
-            }
-            return layoutTiles;
-        };
-        SkyTileDashboardService.prototype.initMediaQueries = function () {
-            var _this = this;
-            /*istanbul ignore else */
-            if (!this.mediaSubscription) {
-                this.mediaSubscription = this.mediaQuery.subscribe(function (args) {
-                    _this.changeColumnMode(args === i2.SkyMediaBreakpoints.xs || args === i2.SkyMediaBreakpoints.sm);
-                });
-            }
-        };
-        SkyTileDashboardService.prototype.initDragula = function () {
-            var _this = this;
-            this.dragulaService.setOptions(this.bagId, {
-                moves: function (el, container, handle) {
-                    var target = el.querySelector('.sky-tile-grab-handle');
-                    return target.contains(handle);
-                },
-            });
-            this.dragulaService.drop.subscribe(function (value) {
-                var config = _this.getConfigForUIState();
-                /*istanbul ignore else */
-                if (config) {
-                    if (_this.settingsKey) {
-                        _this.setUserConfig(config);
-                    }
-                    _this.configChange.emit(config);
-                }
-            });
-        };
-        SkyTileDashboardService.prototype.getColumnEl = function (column) {
-            return column.content.element.nativeElement.parentNode;
-        };
-        SkyTileDashboardService.prototype.findTile = function (tileId) {
-            var e_11, _a, e_12, _b;
-            /*istanbul ignore else */
-            if (this.config && this.config.layout.multiColumn) {
-                try {
-                    for (var _c = __values(this.config.layout.multiColumn), _d = _c.next(); !_d.done; _d = _c.next()) {
-                        var column = _d.value;
-                        /*istanbul ignore else */
-                        if (column.tiles) {
-                            try {
-                                for (var _e = (e_12 = void 0, __values(column.tiles)), _f = _e.next(); !_f.done; _f = _e.next()) {
-                                    var tile = _f.value;
-                                    if (tile.id === tileId) {
-                                        return tile;
-                                    }
-                                }
-                            }
-                            catch (e_12_1) { e_12 = { error: e_12_1 }; }
-                            finally {
-                                try {
-                                    if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
-                                }
-                                finally { if (e_12) throw e_12.error; }
-                            }
-                        }
-                    }
-                }
-                catch (e_11_1) { e_11 = { error: e_11_1 }; }
-                finally {
-                    try {
-                        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-                    }
-                    finally { if (e_11) throw e_11.error; }
-                }
-            }
-            return undefined;
-        };
-        SkyTileDashboardService.prototype.findTileColumn = function (tileId) {
-            /*istanbul ignore else */
-            if (this.config && this.config.layout.multiColumn) {
-                return this.config.layout.multiColumn.find(function (col) { return col.tiles && !!col.tiles.find(function (tile) { return tile.id === tileId; }); });
-            }
-            /*istanbul ignore next */
-            return undefined;
-        };
-        SkyTileDashboardService.prototype.initToDefaults = function (config, columns, singleColumn) {
-            this.config = config;
-            this.columns = columns;
-            this.singleColumn = singleColumn;
-            this.checkReadyAndLoadTiles();
-        };
-        SkyTileDashboardService.prototype.setUserConfig = function (config) {
-            this.uiConfigService
-                .setConfig(this.settingsKey, {
-                layout: this.config.layout,
-                persisted: true,
-                tileIds: this.defaultConfig.tiles.map(function (elem) { return elem.id; }),
-            })
-                .subscribe(
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            function () { }, function (err) {
-                console.warn('Could not save tile dashboard settings.');
-                console.warn(err);
-            });
-        };
-        SkyTileDashboardService.prototype.checkForNewTiles = function (oldUserTiles) {
-            var e_13, _a, e_14, _b;
-            // Get a list of tiles that are in the config's default list but not in the user's settings
-            var newTiles = this.config.tiles.filter(function (elem) {
-                return oldUserTiles.indexOf(elem.id) === -1;
-            });
-            var _c = this.config.layout, multiColumn = _c.multiColumn, singleColumn = _c.singleColumn;
-            // Append new tiles to the end of the layouts
-            /*istanbul ignore else */
-            if (newTiles.length > 0) {
-                /*istanbul ignore else */
-                if (multiColumn) {
-                    newTiles.forEach(function (elem) {
-                        var locationToAdd = 0;
-                        var smallest = multiColumn[0].tiles.length;
-                        multiColumn.forEach(function (item, index) {
-                            if (item.tiles.length < smallest) {
-                                locationToAdd = index;
-                                smallest = item.tiles.length;
-                            }
-                        });
-                        multiColumn[locationToAdd].tiles.push({
-                            id: elem.id,
-                            isCollapsed: false,
-                        });
-                    });
-                }
-                /*istanbul ignore else */
-                if (singleColumn) {
-                    newTiles.forEach(function (elem) {
-                        singleColumn.tiles.push({ id: elem.id, isCollapsed: false });
-                    });
-                }
-            }
-            /*istanbul ignore else */
-            if (singleColumn) {
-                try {
-                    for (var _d = __values(singleColumn.tiles), _e = _d.next(); !_e.done; _e = _d.next()) {
-                        var tile = _e.value;
-                        this.getTileOrRemoveFromLayout(tile);
-                    }
-                }
-                catch (e_13_1) { e_13 = { error: e_13_1 }; }
-                finally {
-                    try {
-                        if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
-                    }
-                    finally { if (e_13) throw e_13.error; }
-                }
-            }
-            /*istanbul ignore else */
-            if (multiColumn) {
-                for (var i = 0, n = multiColumn.length; i < n; i++) {
-                    try {
-                        for (var _f = (e_14 = void 0, __values(multiColumn[i].tiles)), _g = _f.next(); !_g.done; _g = _f.next()) {
-                            var tile = _g.value;
-                            this.getTileOrRemoveFromLayout(tile);
-                        }
-                    }
-                    catch (e_14_1) { e_14 = { error: e_14_1 }; }
-                    finally {
-                        try {
-                            if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
-                        }
-                        finally { if (e_14) throw e_14.error; }
-                    }
-                }
-            }
-        };
-        return SkyTileDashboardService;
-    }());
-    SkyTileDashboardService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardService, deps: [{ token: i1__namespace.DragulaService }, { token: i2__namespace.SkyMediaQueryService }, { token: i2__namespace.SkyUIConfigService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyTileDashboardService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i1__namespace.DragulaService }, { type: i2__namespace.SkyMediaQueryService }, { type: i2__namespace.SkyUIConfigService }]; }, propDecorators: { dashboardInitialized: [{
-                    type: i0.Output
-                }] } });
-
-    /**
-     * Provides a common look-and-feel for tab content.
-     */
-    var SkyTileComponent = /** @class */ (function () {
-        function SkyTileComponent(elementRef, changeDetector, dashboardService) {
-            var _this = this;
-            this.elementRef = elementRef;
-            this.changeDetector = changeDetector;
-            this.dashboardService = dashboardService;
-            /**
-             * Indicates whether to display a settings button in the tile header. To display the
-             * button, you must also listen for the `settingsClick` event.
-             * @default true
-             */
-            this.showSettings = true;
-            /**
-             * Indicates whether to display a help button in the tile header. To display the
-             * button, you must also listen for the `helpClick` event.
-             * @default true
-             */
-            this.showHelp = true;
-            /**
-             * Fires when users select the settings button in the tile header. The settings
-             * button only appears when the `showSettings` property is set to `true`.
-             */
-            this.settingsClick = new i0.EventEmitter();
-            /**
-             * Fires when the tile's collapsed state changes. Returns `true` when the tile
-             * collapses and `false` when it expands.
-             */
-            this.isCollapsedChange = new i0.EventEmitter();
-            /**
-             * Fires when users select the help button in the tile header. The help
-             * button only appears when the `showHelp` property is set to `true`.
-             */
-            this.helpClick = new i0.EventEmitter();
-            this.isInDashboardColumn = false;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this._isCollapsed = false;
-            this.isInDashboardColumn = !!dashboardService;
-            if (this.dashboardService) {
-                /**
-                 * This subscription ensures that if any values which come in from the dashboard service are
-                 * updated that the component will update if the tile's parent component utilizes OnPush
-                 * change detection.
-                 */
-                this.dashboardService.configChange
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function () {
-                    _this.changeDetector.markForCheck();
-                });
-            }
-        }
-        Object.defineProperty(SkyTileComponent.prototype, "isCollapsed", {
-            get: function () {
-                if (this.dashboardService) {
-                    var configCollapsedState = this.dashboardService.tileIsCollapsed(this);
-                    this._isCollapsed = configCollapsedState;
-                }
-                return this._isCollapsed;
-            },
-            /**
-             * Indicates whether the tile is in a collapsed state.
-             * @default false
-             */
-            set: function (value) {
-                if (this.dashboardService) {
-                    this.dashboardService.setTileCollapsed(this, value);
-                }
-                this._isCollapsed = value;
-                this.isCollapsedChange.emit(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTileComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyTileComponent.prototype.settingsButtonClicked = function () {
-            this.settingsClick.emit(undefined);
-        };
-        SkyTileComponent.prototype.helpButtonClicked = function () {
-            this.helpClick.emit(undefined);
-        };
-        Object.defineProperty(SkyTileComponent.prototype, "hasSettings", {
-            get: function () {
-                return this.settingsClick.observers.length > 0 && this.showSettings;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTileComponent.prototype, "hasHelp", {
-            get: function () {
-                return this.helpClick.observers.length > 0 && this.showHelp;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTileComponent.prototype.titleClick = function () {
-            this.isCollapsed = !this.isCollapsed;
-        };
-        SkyTileComponent.prototype.chevronDirectionChange = function (direction) {
-            this.isCollapsed = direction === 'down';
-        };
-        SkyTileComponent.prototype.moveTile = function (event) {
-            /* istanbul ignore else */
-            if (this.isInDashboardColumn) {
-                var direction = event.key.toLowerCase().replace('arrow', '');
-                /* istanbul ignore else */
-                if (direction === 'up' ||
-                    direction === 'down' ||
-                    direction === 'left' ||
-                    direction === 'right') {
-                    this.dashboardService.moveTileOnKeyDown(this, direction, this.title
-                        ? this.title.nativeElement.innerText
-                        : /* istanbul ignore next */
-                            undefined);
-                    this.focusHandle();
-                }
-            }
-        };
-        SkyTileComponent.prototype.focusHandle = function () {
-            this.grabHandle.nativeElement.focus();
-        };
-        return SkyTileComponent;
-    }());
-    SkyTileComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: SkyTileDashboardService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTileComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileComponent, selector: "sky-tile", inputs: { showSettings: "showSettings", showHelp: "showHelp", tileName: "tileName", isCollapsed: "isCollapsed" }, outputs: { settingsClick: "settingsClick", isCollapsedChange: "isCollapsedChange", helpClick: "helpClick" }, viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: i0.ElementRef }, { propertyName: "title", first: true, predicate: ["titleContainer"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, 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()\">\n      <div class=\"sky-tile-header-title\" #titleContainer>\n        <ng-content select=\"sky-tile-title\"></ng-content>\n      </div>\n      <div\n        class=\"sky-tile-summary\"\n        [skyThemeClass]=\"{\n          'sky-font-display-3': 'modern',\n          'sky-headline': 'default'\n        }\"\n      >\n        <ng-content select=\"sky-tile-summary\"></ng-content>\n      </div>\n    </div>\n    <div class=\"sky-tile-header-column-tools\">\n      <div class=\"sky-tile-tools\">\n        <ng-container *skyThemeIf=\"'default'\">\n          <button\n            *ngIf=\"hasHelp\"\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\"></sky-icon>\n          </button>\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        </sky-chevron>\n        <button\n          *ngIf=\"hasSettings\"\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 *skyThemeIf=\"'default'\" icon=\"cog\"></sky-icon>\n          <sky-icon\n            *skyThemeIf=\"'modern'\"\n            icon=\"cog-line\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n        <button\n          *ngIf=\"isInDashboardColumn\"\n          class=\"sky-btn sky-tile-grab-handle\"\n          [attr.aria-label]=\"\n            tileName\n              ? ('skyux_tile_move' | skyLibResources: tileName)\n              : ('skyux_tile_move_default' | skyLibResources)\n          \"\n          [attr.aria-describedby]=\"\n            dashboardService?.bagId + '-move-instructions'\n          \"\n          [skyThemeClass]=\"{\n            'sky-tile-tools-control': 'default',\n            'sky-btn-icon-borderless': 'modern'\n          }\"\n          (click)=\"$event.stopPropagation()\"\n          (keydown)=\"moveTile($event)\"\n          #grabHandle\n        >\n          <sky-icon *skyThemeIf=\"'default'\" icon=\"th\"></sky-icon>\n          <sky-icon\n            *skyThemeIf=\"'modern'\"\n            icon=\"tile-drag\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n      </div>\n    </div>\n  </header>\n  <div\n    class=\"sky-tile-content\"\n    role=\"region\"\n    skyId\n    [attr.aria-label]=\"tileName\"\n    [@skyAnimationSlide]=\"isCollapsed ? 'up' : 'down'\"\n    #tileContent=\"skyId\"\n  >\n    <ng-content select=\"sky-tile-content\"></ng-content>\n  </div>\n</section>\n", styles: [".sky-tile{background-color:#fff;margin-bottom: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}.sky-tile-summary{color:#0974a1;opacity:0;padding-right:15px;transition:opacity .25s;max-height:30px;overflow:hidden}.sky-tile-collapsed .sky-tile-summary{opacity:1}.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:-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-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) .sky-tile-content ::ng-deep .sky-tile-content-section{border-bottom:1px dotted #c0c2c5}:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep sky-tile-content-section:first-child .sky-tile-content-section{margin-top:15px}:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep sky-tile-content-section:last-child .sky-tile-content-section{padding-bottom:0;border-bottom:none}: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-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 .sky-tile-content ::ng-deep .sky-tile-content-section{border-bottom:1px dotted #c0c2c5}.sky-theme-modern .sky-tile-content ::ng-deep sky-tile-content-section:first-child .sky-tile-content-section{margin-top:15px}.sky-theme-modern .sky-tile-content ::ng-deep sky-tile-content-section:last-child .sky-tile-content-section{padding-bottom:0;border-bottom:none}.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}\n"], components: [{ type: i2__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2__namespace$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i4__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.λ2, selector: "[skyId]", exportAs: ["skyId"] }], pipes: { "skyLibResources": i3__namespace$1.SkyLibResourcesPipe }, animations: [animations.skyAnimationSlide] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-tile',
-                        styles: [".sky-tile{background-color:#fff;margin-bottom: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}.sky-tile-summary{color:#0974a1;opacity:0;padding-right:15px;transition:opacity .25s;max-height:30px;overflow:hidden}.sky-tile-collapsed .sky-tile-summary{opacity:1}.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:-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-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) .sky-tile-content ::ng-deep .sky-tile-content-section{border-bottom:1px dotted #c0c2c5}:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep sky-tile-content-section:first-child .sky-tile-content-section{margin-top:15px}:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep sky-tile-content-section:last-child .sky-tile-content-section{padding-bottom:0;border-bottom:none}: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-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 .sky-tile-content ::ng-deep .sky-tile-content-section{border-bottom:1px dotted #c0c2c5}.sky-theme-modern .sky-tile-content ::ng-deep sky-tile-content-section:first-child .sky-tile-content-section{margin-top:15px}.sky-theme-modern .sky-tile-content ::ng-deep sky-tile-content-section:last-child .sky-tile-content-section{padding-bottom:0;border-bottom:none}.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}\n"],
-                        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()\">\n      <div class=\"sky-tile-header-title\" #titleContainer>\n        <ng-content select=\"sky-tile-title\"></ng-content>\n      </div>\n      <div\n        class=\"sky-tile-summary\"\n        [skyThemeClass]=\"{\n          'sky-font-display-3': 'modern',\n          'sky-headline': 'default'\n        }\"\n      >\n        <ng-content select=\"sky-tile-summary\"></ng-content>\n      </div>\n    </div>\n    <div class=\"sky-tile-header-column-tools\">\n      <div class=\"sky-tile-tools\">\n        <ng-container *skyThemeIf=\"'default'\">\n          <button\n            *ngIf=\"hasHelp\"\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\"></sky-icon>\n          </button>\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        </sky-chevron>\n        <button\n          *ngIf=\"hasSettings\"\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 *skyThemeIf=\"'default'\" icon=\"cog\"></sky-icon>\n          <sky-icon\n            *skyThemeIf=\"'modern'\"\n            icon=\"cog-line\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n        <button\n          *ngIf=\"isInDashboardColumn\"\n          class=\"sky-btn sky-tile-grab-handle\"\n          [attr.aria-label]=\"\n            tileName\n              ? ('skyux_tile_move' | skyLibResources: tileName)\n              : ('skyux_tile_move_default' | skyLibResources)\n          \"\n          [attr.aria-describedby]=\"\n            dashboardService?.bagId + '-move-instructions'\n          \"\n          [skyThemeClass]=\"{\n            'sky-tile-tools-control': 'default',\n            'sky-btn-icon-borderless': 'modern'\n          }\"\n          (click)=\"$event.stopPropagation()\"\n          (keydown)=\"moveTile($event)\"\n          #grabHandle\n        >\n          <sky-icon *skyThemeIf=\"'default'\" icon=\"th\"></sky-icon>\n          <sky-icon\n            *skyThemeIf=\"'modern'\"\n            icon=\"tile-drag\"\n            iconType=\"skyux\"\n          ></sky-icon>\n        </button>\n      </div>\n    </div>\n  </header>\n  <div\n    class=\"sky-tile-content\"\n    role=\"region\"\n    skyId\n    [attr.aria-label]=\"tileName\"\n    [@skyAnimationSlide]=\"isCollapsed ? 'up' : 'down'\"\n    #tileContent=\"skyId\"\n  >\n    <ng-content select=\"sky-tile-content\"></ng-content>\n  </div>\n</section>\n",
-                        animations: [animations.skyAnimationSlide],
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyTileDashboardService, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { showSettings: [{
-                    type: i0.Input
-                }], showHelp: [{
-                    type: i0.Input
-                }], tileName: [{
-                    type: i0.Input
-                }], settingsClick: [{
-                    type: i0.Output
-                }], isCollapsedChange: [{
-                    type: i0.Output
-                }], helpClick: [{
-                    type: i0.Output
-                }], isCollapsed: [{
-                    type: i0.Input
-                }], grabHandle: [{
-                    type: i0.ViewChild,
-                    args: ['grabHandle', {
-                            read: i0.ElementRef,
-                            static: false,
-                        }]
-                }], title: [{
-                    type: i0.ViewChild,
-                    args: ['titleContainer', {
-                            read: i0.ElementRef,
-                            static: false,
-                        }]
-                }] } });
-
-    var SkyTileModule = /** @class */ (function () {
-        function SkyTileModule() {
-        }
-        return SkyTileModule;
-    }());
-    SkyTileModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTileModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileModule, declarations: [SkyTileComponent,
-            SkyTileSummaryComponent,
-            SkyTileTitleComponent], imports: [i3$1.CommonModule,
-            i2$1.SkyChevronModule,
-            i2.SkyIdModule,
-            i3.SkyI18nModule,
-            i2$1.SkyIconModule,
-            i4.SkyThemeModule,
-            SkyTilesResourcesModule], exports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent] });
-    SkyTileModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileModule, imports: [[
-                i3$1.CommonModule,
-                i2$1.SkyChevronModule,
-                i2.SkyIdModule,
-                i3.SkyI18nModule,
-                i2$1.SkyIconModule,
-                i4.SkyThemeModule,
-                SkyTilesResourcesModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyTileComponent,
-                            SkyTileSummaryComponent,
-                            SkyTileTitleComponent,
-                        ],
-                        imports: [
-                            i3$1.CommonModule,
-                            i2$1.SkyChevronModule,
-                            i2.SkyIdModule,
-                            i3.SkyI18nModule,
-                            i2$1.SkyIconModule,
-                            i4.SkyThemeModule,
-                            SkyTilesResourcesModule,
-                        ],
-                        exports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent],
-                    }]
-            }] });
-
-    /**
-     * Specifies content to display inside a padded section of a SkyTileContentComponent.
-     */
-    var SkyTileContentSectionComponent = /** @class */ (function () {
-        function SkyTileContentSectionComponent() {
-        }
-        return SkyTileContentSectionComponent;
-    }());
-    SkyTileContentSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileContentSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTileContentSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileContentSectionComponent, selector: "sky-tile-content-section", ngImport: i0__namespace, template: "<div\n  class=\"sky-tile-content-section\"\n  [skyThemeClass]=\"{\n    'sky-padding-even-large': 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host-context(.sky-theme-modern) .sky-tile-content-section{padding:15px 0}.sky-theme-modern .sky-tile-content-section{padding:15px 0}\n"], directives: [{ type: i4__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileContentSectionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-tile-content-section',
-                        styles: [":host-context(.sky-theme-modern) .sky-tile-content-section{padding:15px 0}.sky-theme-modern .sky-tile-content-section{padding:15px 0}\n"],
-                        template: "<div\n  class=\"sky-tile-content-section\"\n  [skyThemeClass]=\"{\n    'sky-padding-even-large': 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n",
-                    }]
-            }] });
-
-    /**
-     * Specifies content to display in the tile's body.
-     */
-    var SkyTileContentComponent = /** @class */ (function () {
-        function SkyTileContentComponent() {
-        }
-        return SkyTileContentComponent;
-    }());
-    SkyTileContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTileContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileContentComponent, selector: "sky-tile-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: [":host ::ng-deep sky-tile-content-section:not(:last-child) .sky-tile-content-section{border-bottom:1px solid #e2e3e4}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileContentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-tile-content',
-                        styles: [":host ::ng-deep sky-tile-content-section:not(:last-child) .sky-tile-content-section{border-bottom:1px solid #e2e3e4}\n"],
-                        template: "<ng-content></ng-content>\n",
-                    }]
-            }] });
-
-    var SkyTileContentModule = /** @class */ (function () {
-        function SkyTileContentModule() {
-        }
-        return SkyTileContentModule;
-    }());
-    SkyTileContentModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileContentModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTileContentModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileContentModule, declarations: [SkyTileContentComponent, SkyTileContentSectionComponent], imports: [i3$1.CommonModule, i4.SkyThemeModule], exports: [SkyTileContentComponent, SkyTileContentSectionComponent] });
-    SkyTileContentModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileContentModule, imports: [[i3$1.CommonModule, i4.SkyThemeModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileContentModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyTileContentComponent, SkyTileContentSectionComponent],
-                        imports: [i3$1.CommonModule, i4.SkyThemeModule],
-                        exports: [SkyTileContentComponent, SkyTileContentSectionComponent],
-                    }]
-            }] });
-
-    /**
-     * Specifies the type of message to send to the tile dashboard component.
-     */
-    exports.SkyTileDashboardMessageType = void 0;
-    (function (SkyTileDashboardMessageType) {
-        /**
-         * Expands all tiles within the tile dashboard.
-         */
-        SkyTileDashboardMessageType[SkyTileDashboardMessageType["ExpandAll"] = 0] = "ExpandAll";
-        /**
-         * Collapses all tiles within the tile dashboard.
-         */
-        SkyTileDashboardMessageType[SkyTileDashboardMessageType["CollapseAll"] = 1] = "CollapseAll";
-    })(exports.SkyTileDashboardMessageType || (exports.SkyTileDashboardMessageType = {}));
-
-    var columnIdIndex = 0;
-    /**
-     * @internal
-     */
-    var SkyTileDashboardColumnComponent = /** @class */ (function () {
-        function SkyTileDashboardColumnComponent(resolver, injector, dashboardService) {
-            this.resolver = resolver;
-            this.injector = injector;
-            this.dashboardService = dashboardService;
-            columnIdIndex++;
-            this.columnId = 'tile-dashboard-column-' + columnIdIndex;
-            this.bagId = this.dashboardService.bagId;
-        }
-        return SkyTileDashboardColumnComponent;
-    }());
-    SkyTileDashboardColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardColumnComponent, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.Injector }, { token: SkyTileDashboardService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTileDashboardColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileDashboardColumnComponent, selector: "sky-tile-dashboard-column", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: i0.ViewContainerRef }], ngImport: i0__namespace, 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"], directives: [{ type: i1__namespace.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel", "dragulaOptions"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardColumnComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-tile-dashboard-column',
-                        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"],
-                        template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n",
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: SkyTileDashboardService }]; }, propDecorators: { content: [{
-                    type: i0.ViewChild,
-                    args: ['content', {
-                            read: i0.ViewContainerRef,
-                            static: false,
-                        }]
-                }] } });
-
-    var SkyTileDashboardColumnModule = /** @class */ (function () {
-        function SkyTileDashboardColumnModule() {
-        }
-        return SkyTileDashboardColumnModule;
-    }());
-    SkyTileDashboardColumnModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardColumnModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTileDashboardColumnModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardColumnModule, declarations: [SkyTileDashboardColumnComponent], imports: [i3$1.CommonModule, i1.DragulaModule], exports: [SkyTileDashboardColumnComponent] });
-    SkyTileDashboardColumnModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardColumnModule, imports: [[i3$1.CommonModule, i1.DragulaModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardColumnModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyTileDashboardColumnComponent],
-                        imports: [i3$1.CommonModule, i1.DragulaModule],
-                        exports: [SkyTileDashboardColumnComponent],
-                    }]
-            }] });
-
-    /**
-     * Specifies a container to group multiple tiles.
-     */
-    var SkyTileDashboardComponent = /** @class */ (function () {
-        function SkyTileDashboardComponent(dashboardService, mediaQuery, resourcesService) {
-            var _this = this;
-            this.dashboardService = dashboardService;
-            this.mediaQuery = mediaQuery;
-            this.resourcesService = resourcesService;
-            /**
-             * Provides an observable to send commands to the tile dashboard. The commands should respect the
-             * `SkyTileDashboardMessage` type.
-             */
-            this.messageStream = new rxjs.Subject();
-            /**
-             * Fires when the tile dashboard changes state and emits a SkyTileDashboardConfig
-             * object. This occurs when tiles collapse or expand and when users drag and drop
-             * tiles to rearrange them.
-             */
-            this.configChange = new i0.EventEmitter();
-            this.moveInstructionsId = this.dashboardService.bagId + '-move-instructions';
-            this.configSet = false;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this.viewReady = false;
-            this.dashboardService.configChange.subscribe(function (config) {
-                _this.configChange.emit(config);
-                // Update aria live region with tile drag info
-                if (config.movedTile && _this.resourcesService) {
-                    var messageObservable = void 0;
-                    if (_this.mediaQuery.current === i2.SkyMediaBreakpoints.xs ||
-                        _this.mediaQuery.current === i2.SkyMediaBreakpoints.sm) {
-                        messageObservable = _this.resourcesService.getString('skyux_tile_moved_assistive_text', config.movedTile.tileDescription, '1', '1', config.movedTile.position.toString(), config.layout.singleColumn.tiles.length.toString());
-                    }
-                    else {
-                        messageObservable = _this.resourcesService.getString('skyux_tile_moved_assistive_text', config.movedTile.tileDescription, config.movedTile.column.toString(), config.layout.multiColumn.length.toString(), config.movedTile.position.toString(), config.layout.multiColumn[config.movedTile.column - 1].tiles.length.toString());
-                    }
-                    messageObservable.pipe(operators.take(1)).subscribe(function (message) {
-                        _this.tileMovedReport = message;
-                    });
-                }
-            });
-        }
-        Object.defineProperty(SkyTileDashboardComponent.prototype, "config", {
-            get: function () {
-                return this._config;
-            },
-            /**
-             * Populates the tile dashboard based on the `SkyTileDashboardConfig` object.
-             * @required
-             */
-            set: function (value) {
-                if (value && !this.configSet) {
-                    this._config = value;
-                    this.configSet = true;
-                    this.checkReady();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTileDashboardComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.messageStream
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (message) {
-                _this.handleIncomingMessages(message);
-            });
-            this.viewReady = true;
-            this.checkReady();
-        };
-        SkyTileDashboardComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-            this.dashboardService.destroy();
-        };
-        SkyTileDashboardComponent.prototype.checkReady = function () {
-            var _this = this;
-            if (this.viewReady && this.config) {
-                setTimeout(function () {
-                    _this.dashboardService.init(_this.config, _this.columns, _this.singleColumn, _this.settingsKey);
-                }, 0);
-            }
-        };
-        SkyTileDashboardComponent.prototype.handleIncomingMessages = function (message) {
-            /* tslint:disable-next-line:switch-default */
-            switch (message.type) {
-                case exports.SkyTileDashboardMessageType.ExpandAll:
-                    this.dashboardService.setAllTilesCollapsed(false);
-                    break;
-                case exports.SkyTileDashboardMessageType.CollapseAll:
-                    this.dashboardService.setAllTilesCollapsed(true);
-                    break;
-            }
-        };
-        return SkyTileDashboardComponent;
-    }());
-    SkyTileDashboardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardComponent, deps: [{ token: SkyTileDashboardService }, { token: i2__namespace.SkyMediaQueryService }, { token: i3__namespace$1.SkyLibResourcesService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTileDashboardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileDashboardComponent, selector: "sky-tile-dashboard", inputs: { config: "config", messageStream: "messageStream", settingsKey: "settingsKey" }, outputs: { configChange: "configChange" }, providers: [SkyTileDashboardService], viewQueries: [{ propertyName: "singleColumn", first: true, predicate: ["singleColumn"], descendants: true, read: SkyTileDashboardColumnComponent }, { propertyName: "columns", predicate: SkyTileDashboardColumnComponent, descendants: true }], ngImport: i0__namespace, template: "<span aria-live=\"assertive\" class=\"sky-assistive-text\">\n  {{ tileMovedReport }}\n</span>\n<sky-tile-dashboard-column\n  *ngFor=\"let column of config?.layout?.multiColumn\"\n  class=\"sky-tile-dashboard-layout-multi\"\n  [ngStyle]=\"{\n    'flex-basis': 100 / config?.layout?.multiColumn.length + '%'\n  }\"\n>\n</sky-tile-dashboard-column>\n<sky-tile-dashboard-column\n  class=\"sky-tile-dashboard-layout-single\"\n  #singleColumn\n>\n</sky-tile-dashboard-column>\n<span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n  'skyux_tile_move_instructions' | skyLibResources\n}}</span>\n<ng-content></ng-content>\n", styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom: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){display:block;padding:0}:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi{display:none}:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:0}@media (min-width: 768px){:host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:20px}:host :host-context(.sky-theme-default){padding-top:20px}}:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:20px}:host-context(.sky-responsive-container-sm) :host-context(.sky-theme-default),:host-context(.sky-responsive-container-md) :host-context(.sky-theme-default),:host-context(.sky-responsive-container-lg) :host-context(.sky-theme-default){padding-top:20px}@media (min-width: 992px){:host{display:flex;padding:0 10px}:host .sky-tile-dashboard-layout-multi{display:block}:host .sky-tile-dashboard-layout-single{display:none}}:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){display:flex;padding:0 10px}:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-lg) .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}@media (min-width: 768px){:host-context(.sky-theme-modern) :host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}@media (min-width: 768px){.sky-theme-modern :host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}}.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}\n"], components: [{ type: SkyTileDashboardColumnComponent, selector: "sky-tile-dashboard-column" }], directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "skyLibResources": i3__namespace$1.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-tile-dashboard',
-                        styles: [":host{display:block;padding:0}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom: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){display:block;padding:0}:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi{display:none}:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-xs) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:0}@media (min-width: 768px){:host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:20px}:host :host-context(.sky-theme-default){padding-top:20px}}:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:20px}:host-context(.sky-responsive-container-sm) :host-context(.sky-theme-default),:host-context(.sky-responsive-container-md) :host-context(.sky-theme-default),:host-context(.sky-responsive-container-lg) :host-context(.sky-theme-default){padding-top:20px}@media (min-width: 992px){:host{display:flex;padding:0 10px}:host .sky-tile-dashboard-layout-multi{display:block}:host .sky-tile-dashboard-layout-single{display:none}}:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){display:flex;padding:0 10px}:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi,:host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single,:host-context(.sky-responsive-container-lg) .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}@media (min-width: 768px){:host-context(.sky-theme-modern) :host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}@media (min-width: 768px){.sky-theme-modern :host .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}}.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-single ::ng-deep .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile-dashboard-layout-multi ::ng-deep .sky-tile{margin-bottom:30px}\n"],
-                        template: "<span aria-live=\"assertive\" class=\"sky-assistive-text\">\n  {{ tileMovedReport }}\n</span>\n<sky-tile-dashboard-column\n  *ngFor=\"let column of config?.layout?.multiColumn\"\n  class=\"sky-tile-dashboard-layout-multi\"\n  [ngStyle]=\"{\n    'flex-basis': 100 / config?.layout?.multiColumn.length + '%'\n  }\"\n>\n</sky-tile-dashboard-column>\n<sky-tile-dashboard-column\n  class=\"sky-tile-dashboard-layout-single\"\n  #singleColumn\n>\n</sky-tile-dashboard-column>\n<span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n  'skyux_tile_move_instructions' | skyLibResources\n}}</span>\n<ng-content></ng-content>\n",
-                        providers: [SkyTileDashboardService],
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: SkyTileDashboardService }, { type: i2__namespace.SkyMediaQueryService }, { type: i3__namespace$1.SkyLibResourcesService, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { config: [{
-                    type: i0.Input
-                }], messageStream: [{
-                    type: i0.Input
-                }], settingsKey: [{
-                    type: i0.Input
-                }], configChange: [{
-                    type: i0.Output
-                }], columns: [{
-                    type: i0.ViewChildren,
-                    args: [SkyTileDashboardColumnComponent]
-                }], singleColumn: [{
-                    type: i0.ViewChild,
-                    args: ['singleColumn', {
-                            read: SkyTileDashboardColumnComponent,
-                            static: false,
-                        }]
-                }] } });
-
-    var SkyTileDashboardModule = /** @class */ (function () {
-        function SkyTileDashboardModule() {
-        }
-        return SkyTileDashboardModule;
-    }());
-    SkyTileDashboardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTileDashboardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardModule, declarations: [SkyTileDashboardComponent], imports: [i3$1.CommonModule,
-            SkyTileDashboardColumnModule,
-            SkyTilesResourcesModule], exports: [SkyTileDashboardComponent] });
-    SkyTileDashboardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardModule, providers: [i1.DragulaService], imports: [[
-                i3$1.CommonModule,
-                SkyTileDashboardColumnModule,
-                SkyTilesResourcesModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTileDashboardModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyTileDashboardComponent],
-                        providers: [i1.DragulaService],
-                        imports: [
-                            i3$1.CommonModule,
-                            SkyTileDashboardColumnModule,
-                            SkyTilesResourcesModule,
-                        ],
-                        exports: [SkyTileDashboardComponent],
-                    }]
-            }] });
-
-    var SkyTilesModule = /** @class */ (function () {
-        function SkyTilesModule() {
-        }
-        return SkyTilesModule;
-    }());
-    SkyTilesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTilesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTilesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTilesModule, imports: [i3$1.CommonModule], exports: [SkyTileContentModule,
-            SkyTileModule,
-            SkyTileDashboardColumnModule,
-            SkyTileDashboardModule] });
-    SkyTilesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTilesModule, imports: [[i3$1.CommonModule], SkyTileContentModule,
-            SkyTileModule,
-            SkyTileDashboardColumnModule,
-            SkyTileDashboardModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTilesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [i3$1.CommonModule],
-                        exports: [
-                            SkyTileContentModule,
-                            SkyTileModule,
-                            SkyTileDashboardColumnModule,
-                            SkyTileDashboardModule,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SkyTileContentModule = SkyTileContentModule;
-    exports.SkyTileDashboardColumnModule = SkyTileDashboardColumnModule;
-    exports.SkyTileDashboardModule = SkyTileDashboardModule;
-    exports.SkyTileDashboardService = SkyTileDashboardService;
-    exports.SkyTileModule = SkyTileModule;
-    exports.SkyTilesModule = SkyTilesModule;
-    exports["λ1"] = SkyTileComponent;
-    exports["λ2"] = SkyTileSummaryComponent;
-    exports["λ3"] = SkyTileTitleComponent;
-    exports["λ4"] = SkyTileContentSectionComponent;
-    exports["λ5"] = SkyTileContentComponent;
-    exports["λ6"] = SkyTileDashboardColumnComponent;
-    exports["λ7"] = SkyTileDashboardComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-tiles.umd.js.map