@skyux/tiles 5.6.2 → 6.0.0-beta.0

package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.service.js

@@ -1,525 +0,0 @@
-import { EventEmitter, Injectable, Injector, Output, } from '@angular/core';
-import { SkyMediaBreakpoints, SkyMediaQueryService, SkyUIConfigService, } from '@skyux/core';
-import { DragulaService } from 'ng2-dragula';
-import { take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "ng2-dragula";
-import * as i2 from "@skyux/core";
-const ATTR_TILE_ID = '_sky-tile-dashboard-tile-id';
-let bagIdIndex = 0;
-export class SkyTileDashboardService {
-    constructor(dragulaService, mediaQuery, uiConfigService) {
-        this.dragulaService = dragulaService;
-        this.mediaQuery = mediaQuery;
-        this.uiConfigService = uiConfigService;
-        /**
-         * @internal
-         */
-        this.configChange = new EventEmitter();
-        /**
-         * Fires when the tile dashboard's initialization is complete.
-         */
-        this.dashboardInitialized = new EventEmitter();
-        this.bagId = 'sky-tile-dashboard-bag-' + ++bagIdIndex;
-        this.initDragula();
-    }
-    /**
-     * @internal
-     */
-    init(config, columns, singleColumn, settingsKey) {
-        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(take(1))
-                .subscribe((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);
-                }
-            }, (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.
-     */
-    addTileComponent(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.
-     */
-    tileIsCollapsed(tile) {
-        const 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.
-     */
-    setAllTilesCollapsed(isCollapsed) {
-        /*istanbul ignore else */
-        if (this.config && this.config.layout.multiColumn) {
-            for (const column of this.config.layout.multiColumn) {
-                for (const tile of column.tiles) {
-                    tile.isCollapsed = isCollapsed;
-                }
-            }
-            for (const tile of this.config.layout.singleColumn.tiles) {
-                tile.isCollapsed = isCollapsed;
-            }
-        }
-        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.
-     */
-    setTileCollapsed(tile, isCollapsed) {
-        const tileConfig = this.findTile(this.getTileId(tile));
-        if (tileConfig) {
-            tileConfig.isCollapsed = isCollapsed;
-            if (this.settingsKey) {
-                this.setUserConfig(this.config);
-            }
-            this.configChange.emit(this.config);
-        }
-    }
-    /**
-     * @internal
-     */
-    getTileComponentType(layoutTile) {
-        if (layoutTile) {
-            for (const tile of this.config.tiles) {
-                if (tile.id === layoutTile.id) {
-                    return tile.componentType;
-                }
-            }
-        }
-        return undefined;
-    }
-    /**
-     * @internal
-     */
-    changeColumnMode(isSingleColumn) {
-        /*istanbul ignore else */
-        if (this.config) {
-            if (isSingleColumn) {
-                this.moveTilesToSingleColumn();
-            }
-            else {
-                this.moveTilesToMultiColumn();
-            }
-        }
-    }
-    /**
-     * @internal
-     */
-    getTileComponent(tileId) {
-        for (const tileComponent of this.tileComponents) {
-            if (tileComponent.location.nativeElement.getAttribute(ATTR_TILE_ID) ===
-                tileId) {
-                return tileComponent;
-            }
-        }
-        /*istanbul ignore next */
-        return undefined;
-    }
-    /**
-     * @internal
-     */
-    destroy() {
-        /*istanbul ignore else */
-        if (this.mediaSubscription) {
-            this.mediaSubscription.unsubscribe();
-        }
-    }
-    /**
-     * @internal
-     */
-    moveTileOnKeyDown(tileCmp, direction, tileDescription) {
-        const isSingleColumnMode = this.mediaQuery.current === SkyMediaBreakpoints.xs ||
-            this.mediaQuery.current === SkyMediaBreakpoints.sm;
-        const tileId = this.getTileId(tileCmp);
-        const tile = this.findTile(tileId);
-        let column;
-        let colIndex;
-        if (isSingleColumnMode) {
-            column = this.config.layout.singleColumn;
-        }
-        else {
-            column = this.findTileColumn(tileId);
-            colIndex = this.config.layout.multiColumn.findIndex((value) => value === column);
-        }
-        if ((direction === 'left' || direction === 'right') &&
-            !isSingleColumnMode) {
-            const operator = direction === 'left' ? -1 : 1;
-            const 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((item) => item !== tile);
-                this.moveTilesToColumn(this.columns.toArray()[colIndex + operator], [
-                    tile,
-                ]);
-                // Report the change in configuration
-                const 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 {
-            const operator = direction === 'up' ? -1 : 1;
-            const curIndex = column.tiles.findIndex((value) => value.id === tile.id);
-            const tileComponentInstance = this.getTileComponent(tileId);
-            if (tileComponentInstance && column.tiles[curIndex + operator]) {
-                const temp = column.tiles[curIndex + operator];
-                column.tiles[curIndex + operator] = tile;
-                column.tiles[curIndex] = temp;
-                // Get the column element
-                let columnEl;
-                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
-                const 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);
-            }
-        }
-    }
-    getTileId(tile) {
-        if (tile) {
-            let el = tile.elementRef.nativeElement;
-            let tileId;
-            while (el) {
-                tileId = el.getAttribute(ATTR_TILE_ID);
-                if (tileId) {
-                    return tileId;
-                }
-                el = el.parentElement;
-            }
-        }
-        return undefined;
-    }
-    getTileOrRemoveFromLayout(layoutTile) {
-        /*istanbul ignore else */
-        if (layoutTile) {
-            for (const tile of this.config.tiles) {
-                if (tile.id === layoutTile.id) {
-                    return tile;
-                }
-            }
-            // 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((elem) => elem.id !== layoutTile.id);
-            }
-            /*istanbul ignore else */
-            if (this.config.layout.multiColumn) {
-                this.config.layout.multiColumn.forEach((elem) => {
-                    elem.tiles = elem.tiles.filter((res) => res.id !== layoutTile.id);
-                });
-            }
-        }
-        /*istanbul ignore next */
-        return undefined;
-    }
-    checkReadyAndLoadTiles() {
-        if (this.config && this.columns) {
-            this.loadTiles();
-            this.initMediaQueries();
-            this.dashboardInitialized.emit();
-        }
-    }
-    loadTiles() {
-        const layout = this.config.layout;
-        if (this.mediaQuery.current === SkyMediaBreakpoints.xs ||
-            this.mediaQuery.current === SkyMediaBreakpoints.sm) {
-            for (const tile of layout.singleColumn.tiles) {
-                this.loadTileIntoColumn(this.singleColumn, tile);
-            }
-        }
-        else {
-            const columns = this.columns.toArray();
-            for (let i = 0, n = layout.multiColumn.length; i < n; i++) {
-                const column = columns[i];
-                for (const tile of layout.multiColumn[i].tiles) {
-                    this.loadTileIntoColumn(column, tile);
-                }
-            }
-        }
-    }
-    loadTileIntoColumn(column, layoutTile) {
-        const tile = this.getTileOrRemoveFromLayout(layoutTile);
-        /*istanbul ignore else */
-        if (tile) {
-            const componentType = tile.componentType;
-            const providers = tile.providers /* istanbul ignore next */ || [];
-            const injector = Injector.create({
-                providers,
-                parent: column.injector,
-            });
-            const factory = column.resolver.resolveComponentFactory(componentType);
-            const 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();
-        }
-    }
-    moveTilesToSingleColumn() {
-        this.moveTilesToColumn(this.singleColumn, this.config.layout.singleColumn.tiles);
-    }
-    moveTilesToMultiColumn() {
-        const layoutColumns = this.config.layout.multiColumn;
-        const columns = this.columns.toArray();
-        for (let i = 0, n = layoutColumns.length; i < n; i++) {
-            this.moveTilesToColumn(columns[i], layoutColumns[i].tiles);
-        }
-    }
-    moveTilesToColumn(column, layoutTiles) {
-        const columnEl = this.getColumnEl(column);
-        for (const layoutTile of layoutTiles) {
-            const tileComponentInstance = this.getTileComponent(layoutTile.id);
-            /*istanbul ignore else */
-            if (tileComponentInstance) {
-                columnEl.appendChild(tileComponentInstance.location.nativeElement);
-            }
-        }
-    }
-    getConfigForUIState() {
-        /*istanbul ignore else */
-        if (this.config) {
-            this.config = {
-                tiles: this.config.tiles,
-                layout: {
-                    singleColumn: this.getSingleColumnLayoutForUIState(),
-                    multiColumn: this.getMultiColumnLayoutForUIState(),
-                },
-            };
-        }
-        return this.config;
-    }
-    getSingleColumnLayoutForUIState() {
-        if (this.mediaQuery.current === SkyMediaBreakpoints.xs ||
-            this.mediaQuery.current === SkyMediaBreakpoints.sm) {
-            return {
-                tiles: this.getTilesInEl(this.getColumnEl(this.singleColumn)),
-            };
-        }
-        return this.config.layout.singleColumn;
-    }
-    getMultiColumnLayoutForUIState() {
-        if (!(this.mediaQuery.current === SkyMediaBreakpoints.xs ||
-            this.mediaQuery.current === SkyMediaBreakpoints.sm)) {
-            const layoutColumns = [];
-            const columns = this.columns.toArray();
-            for (const column of columns) {
-                if (column !== this.singleColumn) {
-                    const layoutColumn = {
-                        tiles: this.getTilesInEl(this.getColumnEl(column)),
-                    };
-                    layoutColumns.push(layoutColumn);
-                }
-            }
-            return layoutColumns;
-        }
-        return this.config.layout.multiColumn;
-    }
-    getTilesInEl(el) {
-        const tileEls = el.querySelectorAll('[' + ATTR_TILE_ID + ']');
-        const layoutTiles = [];
-        /*istanbul ignore else */
-        if (tileEls) {
-            for (let i = 0, n = tileEls.length; i < n; i++) {
-                const tileEl = tileEls[i];
-                const tileId = tileEl.getAttribute(ATTR_TILE_ID);
-                const tile = this.findTile(tileId);
-                /*istanbul ignore else */
-                if (tile) {
-                    layoutTiles.push(tile);
-                }
-            }
-        }
-        return layoutTiles;
-    }
-    initMediaQueries() {
-        /*istanbul ignore else */
-        if (!this.mediaSubscription) {
-            this.mediaSubscription = this.mediaQuery.subscribe((args) => {
-                this.changeColumnMode(args === SkyMediaBreakpoints.xs || args === SkyMediaBreakpoints.sm);
-            });
-        }
-    }
-    initDragula() {
-        this.dragulaService.setOptions(this.bagId, {
-            moves: (el, container, handle) => {
-                const target = el.querySelector('.sky-tile-grab-handle');
-                return target.contains(handle);
-            },
-        });
-        this.dragulaService.drop.subscribe((value) => {
-            const config = this.getConfigForUIState();
-            /*istanbul ignore else */
-            if (config) {
-                if (this.settingsKey) {
-                    this.setUserConfig(config);
-                }
-                this.configChange.emit(config);
-            }
-        });
-    }
-    getColumnEl(column) {
-        return column.content.element.nativeElement.parentNode;
-    }
-    findTile(tileId) {
-        /*istanbul ignore else */
-        if (this.config && this.config.layout.multiColumn) {
-            for (const column of this.config.layout.multiColumn) {
-                /*istanbul ignore else */
-                if (column.tiles) {
-                    for (const tile of column.tiles) {
-                        if (tile.id === tileId) {
-                            return tile;
-                        }
-                    }
-                }
-            }
-        }
-        return undefined;
-    }
-    findTileColumn(tileId) {
-        /*istanbul ignore else */
-        if (this.config && this.config.layout.multiColumn) {
-            return this.config.layout.multiColumn.find((col) => col.tiles && !!col.tiles.find((tile) => tile.id === tileId));
-        }
-        /*istanbul ignore next */
-        return undefined;
-    }
-    initToDefaults(config, columns, singleColumn) {
-        this.config = config;
-        this.columns = columns;
-        this.singleColumn = singleColumn;
-        this.checkReadyAndLoadTiles();
-    }
-    setUserConfig(config) {
-        this.uiConfigService
-            .setConfig(this.settingsKey, {
-            layout: this.config.layout,
-            persisted: true,
-            tileIds: this.defaultConfig.tiles.map((elem) => elem.id),
-        })
-            .subscribe(
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        () => { }, (err) => {
-            console.warn('Could not save tile dashboard settings.');
-            console.warn(err);
-        });
-    }
-    checkForNewTiles(oldUserTiles) {
-        // Get a list of tiles that are in the config's default list but not in the user's settings
-        const newTiles = this.config.tiles.filter((elem) => {
-            return oldUserTiles.indexOf(elem.id) === -1;
-        });
-        const { multiColumn, singleColumn } = this.config.layout;
-        // Append new tiles to the end of the layouts
-        /*istanbul ignore else */
-        if (newTiles.length > 0) {
-            /*istanbul ignore else */
-            if (multiColumn) {
-                newTiles.forEach((elem) => {
-                    let locationToAdd = 0;
-                    let smallest = multiColumn[0].tiles.length;
-                    multiColumn.forEach((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((elem) => {
-                    singleColumn.tiles.push({ id: elem.id, isCollapsed: false });
-                });
-            }
-        }
-        /*istanbul ignore else */
-        if (singleColumn) {
-            for (const tile of singleColumn.tiles) {
-                this.getTileOrRemoveFromLayout(tile);
-            }
-        }
-        /*istanbul ignore else */
-        if (multiColumn) {
-            for (let i = 0, n = multiColumn.length; i < n; i++) {
-                for (const tile of multiColumn[i].tiles) {
-                    this.getTileOrRemoveFromLayout(tile);
-                }
-            }
-        }
-    }
-}
-SkyTileDashboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardService, deps: [{ token: i1.DragulaService }, { token: i2.SkyMediaQueryService }, { token: i2.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyTileDashboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.DragulaService }, { type: i2.SkyMediaQueryService }, { type: i2.SkyUIConfigService }]; }, propDecorators: { dashboardInitialized: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=tile-dashboard.service.js.map

package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tile-dashboard.service.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard/tile-dashboard.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ComponentRef,\n  EventEmitter,\n  Injectable,\n  Injector,\n  Output,\n  QueryList,\n} from '@angular/core';\nimport {\n  SkyMediaBreakpoints,\n  SkyMediaQueryService,\n  SkyUIConfigService,\n} from '@skyux/core';\n\nimport { DragulaService } from 'ng2-dragula';\nimport { Subscription } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { SkyTileDashboardColumnComponent } from '../tile-dashboard-column/tile-dashboard-column.component';\nimport { SkyTileDashboardConfig } from '../tile-dashboard-config/tile-dashboard-config';\nimport { SkyTileDashboardConfigLayoutColumn } from '../tile-dashboard-config/tile-dashboard-config-layout-column';\nimport { SkyTileDashboardConfigLayoutTile } from '../tile-dashboard-config/tile-dashboard-config-layout-tile';\nimport { SkyTileDashboardConfigTile } from '../tile-dashboard-config/tile-dashboard-config-tile';\nimport { SkyTileComponent } from '../tile/tile.component';\n\nconst ATTR_TILE_ID = '_sky-tile-dashboard-tile-id';\n\nlet bagIdIndex = 0;\n\n@Injectable()\nexport class SkyTileDashboardService {\n  /**\n   * @internal\n   */\n  public bagId: string;\n\n  /**\n   * @internal\n   */\n  public configChange = new EventEmitter<SkyTileDashboardConfig>();\n\n  /**\n   * Fires when the tile dashboard's initialization is complete.\n   */\n  @Output()\n  public dashboardInitialized = new EventEmitter<void>();\n\n  private tileComponents: ComponentRef<any>[];\n\n  private config: SkyTileDashboardConfig;\n\n  private defaultConfig: SkyTileDashboardConfig;\n\n  private columns: QueryList<SkyTileDashboardColumnComponent>;\n\n  private singleColumn: SkyTileDashboardColumnComponent;\n\n  private mediaSubscription: Subscription;\n\n  private settingsKey: string;\n\n  constructor(\n    private dragulaService: DragulaService,\n    private mediaQuery: SkyMediaQueryService,\n    private uiConfigService: SkyUIConfigService\n  ) {\n    this.bagId = 'sky-tile-dashboard-bag-' + ++bagIdIndex;\n\n    this.initDragula();\n  }\n\n  /**\n   * @internal\n   */\n  public init(\n    config: SkyTileDashboardConfig,\n    columns?: QueryList<SkyTileDashboardColumnComponent>,\n    singleColumn?: SkyTileDashboardColumnComponent,\n    settingsKey?: string\n  ) {\n    if (settingsKey) {\n      // Clone this so changes to the config object outside of this class don't modify\n      // the config used inside and vice versa.\n      this.defaultConfig = this.config = Object.assign({}, config);\n\n      this.settingsKey = settingsKey;\n\n      this.uiConfigService\n        .getConfig(settingsKey, config)\n        .pipe(take(1))\n        .subscribe(\n          (value: any) => {\n            if (value.persisted) {\n              this.config.layout = value.layout;\n              this.checkForNewTiles(value.tileIds);\n              this.configChange.emit(this.config);\n\n              this.columns = columns;\n              this.singleColumn = singleColumn;\n              this.checkReadyAndLoadTiles();\n            } else {\n              // Bad data, or config is the default config.\n              this.initToDefaults(config, columns, singleColumn);\n            }\n          },\n          (error: any) => {\n            // Config setting key doesn't exist or other config service error\n            this.initToDefaults(config, columns, singleColumn);\n          }\n        );\n    } else {\n      this.initToDefaults(config, columns, singleColumn);\n    }\n  }\n\n  /**\n   * Adds a new tile to the tile dashboard.\n   * @param tile Specifies the tile configuration.\n   * @param component Specifies the tile component to add.\n   */\n  public addTileComponent(\n    tile: SkyTileDashboardConfigLayoutTile,\n    component: ComponentRef<any>\n  ) {\n    this.tileComponents = this.tileComponents || [];\n\n    this.tileComponents.push(component);\n\n    component.location.nativeElement.setAttribute(ATTR_TILE_ID, tile.id);\n  }\n\n  /**\n   * Checks whether a specified tile is collapsed.\n   * @param tile Specifies the tile component to check.\n   */\n  public tileIsCollapsed(tile: SkyTileComponent): boolean {\n    const tileConfig = this.findTile(this.getTileId(tile));\n\n    if (tileConfig) {\n      return tileConfig.isCollapsed;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Sets the collapsed state of all tiles.\n   * @param isCollapsed Indicates whether tiles are collapsed.\n   */\n  public setAllTilesCollapsed(isCollapsed: boolean): void {\n    /*istanbul ignore else */\n    if (this.config && this.config.layout.multiColumn) {\n      for (const column of this.config.layout.multiColumn) {\n        for (const tile of column.tiles) {\n          tile.isCollapsed = isCollapsed;\n        }\n      }\n      for (const tile of this.config.layout.singleColumn.tiles) {\n        tile.isCollapsed = isCollapsed;\n      }\n    }\n\n    if (this.settingsKey) {\n      this.setUserConfig(this.config);\n    }\n\n    this.configChange.emit(this.config);\n  }\n\n  /**\n   * Sets the collapsed state of a specified tile.\n   * @param tile Specifies the tile component.\n   * @param isCollapsed Indicates whether the tile is collapsed.\n   */\n  public setTileCollapsed(tile: SkyTileComponent, isCollapsed: boolean) {\n    const tileConfig = this.findTile(this.getTileId(tile));\n\n    if (tileConfig) {\n      tileConfig.isCollapsed = isCollapsed;\n\n      if (this.settingsKey) {\n        this.setUserConfig(this.config);\n      }\n\n      this.configChange.emit(this.config);\n    }\n  }\n\n  /**\n   * @internal\n   */\n  public getTileComponentType(\n    layoutTile: SkyTileDashboardConfigLayoutTile\n  ): any {\n    if (layoutTile) {\n      for (const tile of this.config.tiles) {\n        if (tile.id === layoutTile.id) {\n          return tile.componentType;\n        }\n      }\n    }\n\n    return undefined;\n  }\n\n  /**\n   * @internal\n   */\n  public changeColumnMode(isSingleColumn: boolean) {\n    /*istanbul ignore else */\n    if (this.config) {\n      if (isSingleColumn) {\n        this.moveTilesToSingleColumn();\n      } else {\n        this.moveTilesToMultiColumn();\n      }\n    }\n  }\n\n  /**\n   * @internal\n   */\n  public getTileComponent(tileId: string): ComponentRef<any> {\n    for (const tileComponent of this.tileComponents) {\n      if (\n        tileComponent.location.nativeElement.getAttribute(ATTR_TILE_ID) ===\n        tileId\n      ) {\n        return tileComponent;\n      }\n    }\n\n    /*istanbul ignore next */\n    return undefined;\n  }\n\n  /**\n   * @internal\n   */\n  public destroy() {\n    /*istanbul ignore else */\n    if (this.mediaSubscription) {\n      this.mediaSubscription.unsubscribe();\n    }\n  }\n\n  /**\n   * @internal\n   */\n  public moveTileOnKeyDown(\n    tileCmp: SkyTileComponent,\n    direction: string,\n    tileDescription: string\n  ) {\n    const isSingleColumnMode =\n      this.mediaQuery.current === SkyMediaBreakpoints.xs ||\n      this.mediaQuery.current === SkyMediaBreakpoints.sm;\n\n    const tileId = this.getTileId(tileCmp);\n    const tile = this.findTile(tileId);\n\n    let column: SkyTileDashboardConfigLayoutColumn;\n    let colIndex: number;\n    if (isSingleColumnMode) {\n      column = this.config.layout.singleColumn;\n    } else {\n      column = this.findTileColumn(tileId);\n      colIndex = this.config.layout.multiColumn.findIndex(\n        (value) => value === column\n      );\n    }\n\n    if (\n      (direction === 'left' || direction === 'right') &&\n      !isSingleColumnMode\n    ) {\n      const operator = direction === 'left' ? -1 : 1;\n      const newColumn = this.config.layout.multiColumn[colIndex + operator];\n\n      if (newColumn) {\n        // Move the tile to the end of the new column\n        newColumn.tiles.push(tile);\n        column.tiles = column.tiles.filter((item) => item !== tile);\n        this.moveTilesToColumn(this.columns.toArray()[colIndex + operator], [\n          tile,\n        ]);\n\n        // Report the change in configuration\n        const reportConfig = this.config;\n        reportConfig.movedTile = {\n          tileDescription:\n            tileDescription || /* istanbul ignore next */ tile.id,\n          column: colIndex + operator + 1,\n          position: newColumn.tiles.length,\n        };\n        this.configChange.emit(reportConfig);\n      }\n    } else {\n      const operator = direction === 'up' ? -1 : 1;\n      const curIndex = column.tiles.findIndex((value) => value.id === tile.id);\n      const tileComponentInstance = this.getTileComponent(tileId);\n\n      if (tileComponentInstance && column.tiles[curIndex + operator]) {\n        const temp = column.tiles[curIndex + operator];\n        column.tiles[curIndex + operator] = tile;\n        column.tiles[curIndex] = temp;\n\n        // Get the column element\n        let columnEl: Element;\n        if (isSingleColumnMode) {\n          columnEl = this.getColumnEl(this.singleColumn);\n        } else {\n          columnEl = this.getColumnEl(this.columns.toArray()[colIndex]);\n        }\n\n        // Move the tile element in the document\n        if (curIndex + operator === column.tiles.length - 1) {\n          columnEl.appendChild(tileComponentInstance.location.nativeElement);\n        } else {\n          columnEl.insertBefore(\n            tileComponentInstance.location.nativeElement,\n            this.getTileComponent(column.tiles[curIndex + operator + 1].id)\n              .location.nativeElement\n          );\n        }\n\n        // Report the change in configuration\n        const reportConfig = this.config;\n        reportConfig.movedTile = {\n          tileDescription:\n            tileDescription || /* istanbul ignore next */ tile.id,\n          column: isSingleColumnMode ? undefined : colIndex + 1,\n          position: curIndex + operator + 1,\n        };\n        this.configChange.emit(reportConfig);\n      }\n    }\n  }\n\n  private getTileId(tile: SkyTileComponent): string {\n    if (tile) {\n      let el = tile.elementRef.nativeElement;\n      let tileId: string;\n\n      while (el) {\n        tileId = el.getAttribute(ATTR_TILE_ID);\n\n        if (tileId) {\n          return tileId;\n        }\n\n        el = el.parentElement;\n      }\n    }\n\n    return undefined;\n  }\n\n  private getTileOrRemoveFromLayout(\n    layoutTile: SkyTileDashboardConfigLayoutTile\n  ): SkyTileDashboardConfigTile {\n    /*istanbul ignore else */\n    if (layoutTile) {\n      for (const tile of this.config.tiles) {\n        if (tile.id === layoutTile.id) {\n          return tile;\n        }\n      }\n\n      // If the layout tile was not found in the list of tiles, it was removed since last the user updated settings\n      /*istanbul ignore else */\n      if (this.config.layout.singleColumn) {\n        this.config.layout.singleColumn.tiles =\n          this.config.layout.singleColumn.tiles.filter(\n            (elem) => elem.id !== layoutTile.id\n          );\n      }\n\n      /*istanbul ignore else */\n      if (this.config.layout.multiColumn) {\n        this.config.layout.multiColumn.forEach((elem) => {\n          elem.tiles = elem.tiles.filter((res) => res.id !== layoutTile.id);\n        });\n      }\n    }\n\n    /*istanbul ignore next */\n    return undefined;\n  }\n\n  private checkReadyAndLoadTiles() {\n    if (this.config && this.columns) {\n      this.loadTiles();\n      this.initMediaQueries();\n      this.dashboardInitialized.emit();\n    }\n  }\n\n  private loadTiles() {\n    const layout = this.config.layout;\n\n    if (\n      this.mediaQuery.current === SkyMediaBreakpoints.xs ||\n      this.mediaQuery.current === SkyMediaBreakpoints.sm\n    ) {\n      for (const tile of layout.singleColumn.tiles) {\n        this.loadTileIntoColumn(this.singleColumn, tile);\n      }\n    } else {\n      const columns = this.columns.toArray();\n\n      for (let i = 0, n = layout.multiColumn.length; i < n; i++) {\n        const column = columns[i];\n\n        for (const tile of layout.multiColumn[i].tiles) {\n          this.loadTileIntoColumn(column, tile);\n        }\n      }\n    }\n  }\n\n  private loadTileIntoColumn(\n    column: SkyTileDashboardColumnComponent,\n    layoutTile: SkyTileDashboardConfigLayoutTile\n  ) {\n    const tile = this.getTileOrRemoveFromLayout(layoutTile);\n\n    /*istanbul ignore else */\n    if (tile) {\n      const componentType = tile.componentType;\n      const providers = tile.providers /* istanbul ignore next */ || [];\n\n      const injector = Injector.create({\n        providers,\n        parent: column.injector,\n      });\n\n      const factory = column.resolver.resolveComponentFactory(componentType);\n      const componentRef = column.content.createComponent(\n        factory,\n        undefined,\n        injector\n      );\n\n      this.addTileComponent(layoutTile, componentRef);\n\n      // Make sure the component is marked for changes in case the parent component uses\n      // the OnPush change detection strategy.\n      componentRef.changeDetectorRef.markForCheck();\n    }\n  }\n\n  private moveTilesToSingleColumn() {\n    this.moveTilesToColumn(\n      this.singleColumn,\n      this.config.layout.singleColumn.tiles\n    );\n  }\n\n  private moveTilesToMultiColumn() {\n    const layoutColumns = this.config.layout.multiColumn;\n    const columns = this.columns.toArray();\n\n    for (let i = 0, n = layoutColumns.length; i < n; i++) {\n      this.moveTilesToColumn(columns[i], layoutColumns[i].tiles);\n    }\n  }\n\n  private moveTilesToColumn(\n    column: SkyTileDashboardColumnComponent,\n    layoutTiles: SkyTileDashboardConfigLayoutTile[]\n  ) {\n    const columnEl = this.getColumnEl(column);\n\n    for (const layoutTile of layoutTiles) {\n      const tileComponentInstance = this.getTileComponent(layoutTile.id);\n\n      /*istanbul ignore else */\n      if (tileComponentInstance) {\n        columnEl.appendChild(tileComponentInstance.location.nativeElement);\n      }\n    }\n  }\n\n  private getConfigForUIState(): SkyTileDashboardConfig {\n    /*istanbul ignore else */\n    if (this.config) {\n      this.config = {\n        tiles: this.config.tiles,\n        layout: {\n          singleColumn: this.getSingleColumnLayoutForUIState(),\n          multiColumn: this.getMultiColumnLayoutForUIState(),\n        },\n      };\n    }\n\n    return this.config;\n  }\n\n  private getSingleColumnLayoutForUIState(): SkyTileDashboardConfigLayoutColumn {\n    if (\n      this.mediaQuery.current === SkyMediaBreakpoints.xs ||\n      this.mediaQuery.current === SkyMediaBreakpoints.sm\n    ) {\n      return {\n        tiles: this.getTilesInEl(this.getColumnEl(this.singleColumn)),\n      };\n    }\n\n    return this.config.layout.singleColumn;\n  }\n\n  private getMultiColumnLayoutForUIState(): SkyTileDashboardConfigLayoutColumn[] {\n    if (\n      !(\n        this.mediaQuery.current === SkyMediaBreakpoints.xs ||\n        this.mediaQuery.current === SkyMediaBreakpoints.sm\n      )\n    ) {\n      const layoutColumns: SkyTileDashboardConfigLayoutColumn[] = [];\n      const columns = this.columns.toArray();\n\n      for (const column of columns) {\n        if (column !== this.singleColumn) {\n          const layoutColumn: SkyTileDashboardConfigLayoutColumn = {\n            tiles: this.getTilesInEl(this.getColumnEl(column)),\n          };\n\n          layoutColumns.push(layoutColumn);\n        }\n      }\n\n      return layoutColumns;\n    }\n\n    return this.config.layout.multiColumn;\n  }\n\n  private getTilesInEl(el: Element): SkyTileDashboardConfigLayoutTile[] {\n    const tileEls: any = el.querySelectorAll('[' + ATTR_TILE_ID + ']');\n    const layoutTiles: SkyTileDashboardConfigLayoutTile[] = [];\n\n    /*istanbul ignore else */\n    if (tileEls) {\n      for (let i = 0, n = tileEls.length; i < n; i++) {\n        const tileEl = tileEls[i];\n        const tileId = tileEl.getAttribute(ATTR_TILE_ID);\n        const tile = this.findTile(tileId);\n\n        /*istanbul ignore else */\n        if (tile) {\n          layoutTiles.push(tile);\n        }\n      }\n    }\n\n    return layoutTiles;\n  }\n\n  private initMediaQueries() {\n    /*istanbul ignore else */\n    if (!this.mediaSubscription) {\n      this.mediaSubscription = this.mediaQuery.subscribe(\n        (args: SkyMediaBreakpoints) => {\n          this.changeColumnMode(\n            args === SkyMediaBreakpoints.xs || args === SkyMediaBreakpoints.sm\n          );\n        }\n      );\n    }\n  }\n\n  private initDragula() {\n    this.dragulaService.setOptions(this.bagId, {\n      moves: (el: HTMLElement, container: HTMLElement, handle: HTMLElement) => {\n        const target = el.querySelector('.sky-tile-grab-handle');\n        return target.contains(handle);\n      },\n    });\n\n    this.dragulaService.drop.subscribe((value: any[]) => {\n      const config = this.getConfigForUIState();\n\n      /*istanbul ignore else */\n      if (config) {\n        if (this.settingsKey) {\n          this.setUserConfig(config);\n        }\n\n        this.configChange.emit(config);\n      }\n    });\n  }\n\n  private getColumnEl(column: SkyTileDashboardColumnComponent): Element {\n    return column.content.element.nativeElement.parentNode;\n  }\n\n  private findTile(tileId: string): SkyTileDashboardConfigLayoutTile {\n    /*istanbul ignore else */\n    if (this.config && this.config.layout.multiColumn) {\n      for (const column of this.config.layout.multiColumn) {\n        /*istanbul ignore else */\n        if (column.tiles) {\n          for (const tile of column.tiles) {\n            if (tile.id === tileId) {\n              return tile;\n            }\n          }\n        }\n      }\n    }\n\n    return undefined;\n  }\n\n  private findTileColumn(tileId: string): SkyTileDashboardConfigLayoutColumn {\n    /*istanbul ignore else */\n    if (this.config && this.config.layout.multiColumn) {\n      return this.config.layout.multiColumn.find(\n        (col) => col.tiles && !!col.tiles.find((tile) => tile.id === tileId)\n      );\n    }\n\n    /*istanbul ignore next */\n    return undefined;\n  }\n\n  private initToDefaults(\n    config: SkyTileDashboardConfig,\n    columns: QueryList<SkyTileDashboardColumnComponent>,\n    singleColumn: SkyTileDashboardColumnComponent\n  ) {\n    this.config = config;\n    this.columns = columns;\n    this.singleColumn = singleColumn;\n    this.checkReadyAndLoadTiles();\n  }\n\n  private setUserConfig(config: SkyTileDashboardConfig) {\n    this.uiConfigService\n      .setConfig(this.settingsKey, {\n        layout: this.config.layout,\n        persisted: true,\n        tileIds: this.defaultConfig.tiles.map((elem) => elem.id),\n      })\n      .subscribe(\n        // eslint-disable-next-line @typescript-eslint/no-empty-function\n        () => {},\n        (err) => {\n          console.warn('Could not save tile dashboard settings.');\n          console.warn(err);\n        }\n      );\n  }\n\n  private checkForNewTiles(oldUserTiles: string[]) {\n    // Get a list of tiles that are in the config's default list but not in the user's settings\n    const newTiles = this.config.tiles.filter((elem) => {\n      return oldUserTiles.indexOf(elem.id) === -1;\n    });\n\n    const { multiColumn, singleColumn } = this.config.layout;\n\n    // Append new tiles to the end of the layouts\n    /*istanbul ignore else */\n    if (newTiles.length > 0) {\n      /*istanbul ignore else */\n      if (multiColumn) {\n        newTiles.forEach((elem) => {\n          let locationToAdd = 0;\n          let smallest = multiColumn[0].tiles.length;\n          multiColumn.forEach((item, index) => {\n            if (item.tiles.length < smallest) {\n              locationToAdd = index;\n              smallest = item.tiles.length;\n            }\n          });\n          multiColumn[locationToAdd].tiles.push({\n            id: elem.id,\n            isCollapsed: false,\n          });\n        });\n      }\n\n      /*istanbul ignore else */\n      if (singleColumn) {\n        newTiles.forEach((elem) => {\n          singleColumn.tiles.push({ id: elem.id, isCollapsed: false });\n        });\n      }\n    }\n\n    /*istanbul ignore else */\n    if (singleColumn) {\n      for (const tile of singleColumn.tiles) {\n        this.getTileOrRemoveFromLayout(tile);\n      }\n    }\n\n    /*istanbul ignore else */\n    if (multiColumn) {\n      for (let i = 0, n = multiColumn.length; i < n; i++) {\n        for (const tile of multiColumn[i].tiles) {\n          this.getTileOrRemoveFromLayout(tile);\n        }\n      }\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.js

@@ -1,36 +0,0 @@
-import { Component, ComponentFactoryResolver, Injector, ViewChild, ViewContainerRef, } from '@angular/core';
-import { SkyTileDashboardService } from '../tile-dashboard/tile-dashboard.service';
-import * as i0 from "@angular/core";
-import * as i1 from "../tile-dashboard/tile-dashboard.service";
-import * as i2 from "ng2-dragula";
-let columnIdIndex = 0;
-/**
- * @internal
- */
-export class SkyTileDashboardColumnComponent {
-    constructor(resolver, injector, dashboardService) {
-        this.resolver = resolver;
-        this.injector = injector;
-        this.dashboardService = dashboardService;
-        columnIdIndex++;
-        this.columnId = 'tile-dashboard-column-' + columnIdIndex;
-        this.bagId = this.dashboardService.bagId;
-    }
-}
-SkyTileDashboardColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i1.SkyTileDashboardService }], target: i0.ɵɵFactoryTarget.Component });
-SkyTileDashboardColumnComponent.ɵcmp = i0.ɵɵ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: ViewContainerRef }], ngImport: i0, template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}\n"], directives: [{ type: i2.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel", "dragulaOptions"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-tile-dashboard-column',
-                    styleUrls: ['./tile-dashboard-column.component.scss'],
-                    templateUrl: './tile-dashboard-column.component.html',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i1.SkyTileDashboardService }]; }, propDecorators: { content: [{
-                type: ViewChild,
-                args: ['content', {
-                        read: ViewContainerRef,
-                        static: false,
-                    }]
-            }] } });
-//# sourceMappingURL=tile-dashboard-column.component.js.map

package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tile-dashboard-column.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.ts","../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,wBAAwB,EACxB,QAAQ,EACR,SAAS,EACT,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;;;;AAEnF,IAAI,aAAa,GAAG,CAAC,CAAC;AAEtB;;GAEG;AAMH,MAAM,OAAO,+BAA+B;IAW1C,YACS,QAAkC,EAClC,QAAkB,EACjB,gBAAyC;QAF1C,aAAQ,GAAR,QAAQ,CAA0B;QAClC,aAAQ,GAAR,QAAQ,CAAU;QACjB,qBAAgB,GAAhB,gBAAgB,CAAyB;QAEjD,aAAa,EAAE,CAAC;QAEhB,IAAI,CAAC,QAAQ,GAAG,wBAAwB,GAAG,aAAa,CAAC;QAEzD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;IAC3C,CAAC;;6HArBU,+BAA+B;iHAA/B,+BAA+B,gJAMlC,gBAAgB,6BC1B1B,iGAGA;4FDiBa,+BAA+B;kBAL3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,SAAS,EAAE,CAAC,wCAAwC,CAAC;oBACrD,WAAW,EAAE,wCAAwC;iBACtD;4KAUQ,OAAO;sBAJb,SAAS;uBAAC,SAAS,EAAE;wBACpB,IAAI,EAAE,gBAAgB;wBACtB,MAAM,EAAE,KAAK;qBACd","sourcesContent":["import {\n  Component,\n  ComponentFactoryResolver,\n  Injector,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { SkyTileDashboardService } from '../tile-dashboard/tile-dashboard.service';\n\nlet columnIdIndex = 0;\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-tile-dashboard-column',\n  styleUrls: ['./tile-dashboard-column.component.scss'],\n  templateUrl: './tile-dashboard-column.component.html',\n})\nexport class SkyTileDashboardColumnComponent {\n  public bagId: string;\n\n  public columnId: string;\n\n  @ViewChild('content', {\n    read: ViewContainerRef,\n    static: false,\n  })\n  public content: ViewContainerRef;\n\n  constructor(\n    public resolver: ComponentFactoryResolver,\n    public injector: Injector,\n    private dashboardService: SkyTileDashboardService\n  ) {\n    columnIdIndex++;\n\n    this.columnId = 'tile-dashboard-column-' + columnIdIndex;\n\n    this.bagId = this.dashboardService.bagId;\n  }\n}\n","<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n  <div #content></div>\n</div>\n"]}