npm - @skyux/tiles - Versions diffs - 5.5.0-alpha.0 → 5.6.0 - Mend

@skyux/tiles 5.5.0-alpha.0 → 5.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/esm2015/lib/modules/tiles/tile/tile.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile.component.ts","../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile.component.html"],"names":[],"mappings":"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","sourcesContent":["import { AnimationEvent } from '@angular/animations';\nimport {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnDestroy,\n Optional,\n Output,\n ViewChild,\n} from '@angular/core';\n\nimport { skyAnimationSlide } from '@skyux/animations';\n\nimport { Subject } from 'rxjs';\n\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyTileDashboardService } from '../tile-dashboard/tile-dashboard.service';\n\n/*\n Provides a common look-and-feel for tab content.\n /\n@Component({\n selector: 'sky-tile',\n styleUrls: ['./tile.component.scss'],\n templateUrl: './tile.component.html',\n animations: [skyAnimationSlide],\n})\nexport class SkyTileComponent implements OnDestroy {\n /\n Indicates whether to display a settings button in the tile header. To display the\n * button, you must also listen for the `settingsClick` event.\n * @default true\n /\n @Input()\n public showSettings = true;\n\n /\n Indicates whether to display a help button in the tile header. To display the\n * button, you must also listen for the `helpClick` event.\n * @default true\n /\n @Input()\n public showHelp = true;\n\n /\n Specifies a human-readable name for the tile that is available for multiple purposes, such as accessibility and instrumentation. For example, the component uses the name to construct ARIA labels for tile controls to [support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n /\n @Input()\n public tileName;\n\n /\n Fires when users select the settings button in the tile header. The settings\n * button only appears when the `showSettings` property is set to `true`.\n /\n @Output()\n public settingsClick = new EventEmitter();\n\n /\n Fires when the tile's collapsed state changes. Returns `true` when the tile\n * collapses and `false` when it expands.\n /\n @Output()\n public isCollapsedChange = new EventEmitter<boolean>();\n\n /\n Fires when users select the help button in the tile header. The help\n * button only appears when the `showHelp` property is set to `true`.\n /\n @Output()\n public helpClick = new EventEmitter();\n\n public get isCollapsed(): boolean {\n if (this.dashboardService) {\n const configCollapsedState = this.dashboardService.tileIsCollapsed(this);\n this._isCollapsed = configCollapsedState;\n }\n\n return this._isCollapsed;\n }\n\n /\n Indicates whether the tile is in a collapsed state.\n * @default false\n /\n @Input()\n public set isCollapsed(value: boolean) {\n if (this.dashboardService) {\n this.dashboardService.setTileCollapsed(this, value);\n }\n\n this._isCollapsed = value;\n\n this.isCollapsedChange.emit(value);\n }\n\n public isInDashboardColumn = false;\n\n @ViewChild('grabHandle', {\n read: ElementRef,\n static: false,\n })\n private grabHandle: ElementRef;\n\n @ViewChild('titleContainer', {\n read: ElementRef,\n static: false,\n })\n private title: ElementRef;\n\n private ngUnsubscribe = new Subject();\n\n private _isCollapsed = false;\n\n constructor(\n public elementRef: ElementRef,\n private changeDetector: ChangeDetectorRef,\n @Optional() private dashboardService: SkyTileDashboardService\n ) {\n this.isInDashboardColumn = !!dashboardService;\n\n if (this.dashboardService) {\n /\n This subscription ensures that if any values which come in from the dashboard service are\n * updated that the component will update if the tile's parent component utilizes OnPush\n * change detection.\n /\n this.dashboardService.configChange\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe(() => {\n this.changeDetector.markForCheck();\n });\n }\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n\n public settingsButtonClicked(): void {\n this.settingsClick.emit(undefined);\n }\n\n public helpButtonClicked(): void {\n this.helpClick.emit(undefined);\n }\n\n public get hasSettings(): boolean {\n return this.settingsClick.observers.length > 0 && this.showSettings;\n }\n\n public get hasHelp(): boolean {\n return this.helpClick.observers.length > 0 && this.showHelp;\n }\n\n public titleClick(): void {\n this.isCollapsed = !this.isCollapsed;\n }\n\n public chevronDirectionChange(direction: string): void {\n this.isCollapsed = direction === 'down';\n }\n\n public moveTile(event: KeyboardEvent): void {\n / istanbul ignore else /\n if (this.isInDashboardColumn) {\n let direction = event.key.toLowerCase().replace('arrow', '');\n / istanbul ignore else /\n if (\n direction === 'up' \|\|\n direction === 'down' \|\|\n direction === 'left' \|\|\n direction === 'right'\n ) {\n this.dashboardService.moveTileOnKeyDown(\n this,\n direction,\n this.title\n ? this.title.nativeElement.innerText\n : / istanbul ignore next /\n undefined\n );\n this.focusHandle();\n }\n }\n }\n\n private focusHandle(): void {\n this.grabHandle.nativeElement.focus();\n }\n}\n","<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"]}
1	+ {"version":3,"file":"tile.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile.component.ts","../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile.component.html"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,YAAY,EACZ,KAAK,EAEL,QAAQ,EACR,MAAM,EACN,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;;;;;;;;AAEnF;;GAEG;AAOH,MAAM,OAAO,gBAAgB;IAsF3B,YACS,UAAsB,EACrB,cAAiC,EACrB,gBAAyC;QAFtD,eAAU,GAAV,UAAU,CAAY;QACrB,mBAAc,GAAd,cAAc,CAAmB;QACrB,qBAAgB,GAAhB,gBAAgB,CAAyB;QAxF/D;;;;WAIG;QAEI,iBAAY,GAAG,IAAI,CAAC;QAE3B;;;;WAIG;QAEI,aAAQ,GAAG,IAAI,CAAC;QAQvB;;;WAGG;QAEI,kBAAa,GAAG,IAAI,YAAY,EAAE,CAAC;QAE1C;;;WAGG;QAEI,sBAAiB,GAAG,IAAI,YAAY,EAAW,CAAC;QAEvD;;;WAGG;QAEI,cAAS,GAAG,IAAI,YAAY,EAAE,CAAC;QA0B/B,wBAAmB,GAAG,KAAK,CAAC;QAc3B,kBAAa,GAAG,IAAI,OAAO,EAAE,CAAC;QAE9B,iBAAY,GAAG,KAAK,CAAC;QAO3B,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,gBAAgB,CAAC;QAE9C,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB;;;;eAIG;YACH,IAAI,CAAC,gBAAgB,CAAC,YAAY;iBAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;iBACnC,SAAS,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;YACrC,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IA7DD,IAAW,WAAW;QACpB,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,MAAM,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YACzE,IAAI,CAAC,YAAY,GAAG,oBAAoB,CAAC;SAC1C;QAED,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACH,IACW,WAAW,CAAC,KAAc;QACnC,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SACrD;QAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAE1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAyCM,WAAW;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC;IAEM,qBAAqB;QAC1B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAEM,iBAAiB;QACtB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC;IAED,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC;IACtE,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;IAC9D,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;IACvC,CAAC;IAEM,sBAAsB,CAAC,SAAiB;QAC7C,IAAI,CAAC,WAAW,GAAG,SAAS,KAAK,MAAM,CAAC;IAC1C,CAAC;IAEM,QAAQ,CAAC,KAAoB;QAClC,0BAA0B;QAC1B,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC/D,0BAA0B;YAC1B,IACE,SAAS,KAAK,IAAI;gBAClB,SAAS,KAAK,MAAM;gBACpB,SAAS,KAAK,MAAM;gBACpB,SAAS,KAAK,OAAO,EACrB;gBACA,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CACrC,IAAI,EACJ,SAAS,EACT,IAAI,CAAC,KAAK;oBACR,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS;oBACpC,CAAC,CAAC,0BAA0B;wBAC1B,SAAS,CACd,CAAC;gBACF,IAAI,CAAC,WAAW,EAAE,CAAC;aACpB;SACF;IACH,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;;8GAlKU,gBAAgB;kGAAhB,gBAAgB,oWAuEnB,UAAU,kGAMV,UAAU,6BCzGpB,i+HAyHA,oiJD/Fc,CAAC,iBAAiB,CAAC;4FAEpB,gBAAgB;kBAN5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,CAAC,uBAAuB,CAAC;oBACpC,WAAW,EAAE,uBAAuB;oBACpC,UAAU,EAAE,CAAC,iBAAiB,CAAC;iBAChC;;0BA0FI,QAAQ;4CAlFJ,YAAY;sBADlB,KAAK;gBASC,QAAQ;sBADd,KAAK;gBAOC,QAAQ;sBADd,KAAK;gBAQC,aAAa;sBADnB,MAAM;gBAQA,iBAAiB;sBADvB,MAAM;gBAQA,SAAS;sBADf,MAAM;gBAiBI,WAAW;sBADrB,KAAK;gBAiBE,UAAU;sBAJjB,SAAS;uBAAC,YAAY,EAAE;wBACvB,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,KAAK;qBACd;gBAOO,KAAK;sBAJZ,SAAS;uBAAC,gBAAgB,EAAE;wBAC3B,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,KAAK;qBACd","sourcesContent":["import { AnimationEvent } from '@angular/animations';\nimport {\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnDestroy,\n Optional,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { skyAnimationSlide } from '@skyux/animations';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyTileDashboardService } from '../tile-dashboard/tile-dashboard.service';\n\n/*\n Provides a common look-and-feel for tab content.\n /\n@Component({\n selector: 'sky-tile',\n styleUrls: ['./tile.component.scss'],\n templateUrl: './tile.component.html',\n animations: [skyAnimationSlide],\n})\nexport class SkyTileComponent implements OnDestroy {\n /\n Indicates whether to display a settings button in the tile header. To display the\n * button, you must also listen for the `settingsClick` event.\n * @default true\n /\n @Input()\n public showSettings = true;\n\n /\n Indicates whether to display a help button in the tile header. To display the\n * button, you must also listen for the `helpClick` event.\n * @default true\n /\n @Input()\n public showHelp = true;\n\n /\n Specifies a human-readable name for the tile that is available for multiple purposes, such as accessibility and instrumentation. For example, the component uses the name to construct ARIA labels for tile controls to [support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n /\n @Input()\n public tileName;\n\n /\n Fires when users select the settings button in the tile header. The settings\n * button only appears when the `showSettings` property is set to `true`.\n /\n @Output()\n public settingsClick = new EventEmitter();\n\n /\n Fires when the tile's collapsed state changes. Returns `true` when the tile\n * collapses and `false` when it expands.\n /\n @Output()\n public isCollapsedChange = new EventEmitter<boolean>();\n\n /\n Fires when users select the help button in the tile header. The help\n * button only appears when the `showHelp` property is set to `true`.\n /\n @Output()\n public helpClick = new EventEmitter();\n\n public get isCollapsed(): boolean {\n if (this.dashboardService) {\n const configCollapsedState = this.dashboardService.tileIsCollapsed(this);\n this._isCollapsed = configCollapsedState;\n }\n\n return this._isCollapsed;\n }\n\n /\n Indicates whether the tile is in a collapsed state.\n * @default false\n /\n @Input()\n public set isCollapsed(value: boolean) {\n if (this.dashboardService) {\n this.dashboardService.setTileCollapsed(this, value);\n }\n\n this._isCollapsed = value;\n\n this.isCollapsedChange.emit(value);\n }\n\n public isInDashboardColumn = false;\n\n @ViewChild('grabHandle', {\n read: ElementRef,\n static: false,\n })\n private grabHandle: ElementRef;\n\n @ViewChild('titleContainer', {\n read: ElementRef,\n static: false,\n })\n private title: ElementRef;\n\n private ngUnsubscribe = new Subject();\n\n private _isCollapsed = false;\n\n constructor(\n public elementRef: ElementRef,\n private changeDetector: ChangeDetectorRef,\n @Optional() private dashboardService: SkyTileDashboardService\n ) {\n this.isInDashboardColumn = !!dashboardService;\n\n if (this.dashboardService) {\n /\n This subscription ensures that if any values which come in from the dashboard service are\n * updated that the component will update if the tile's parent component utilizes OnPush\n * change detection.\n /\n this.dashboardService.configChange\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe(() => {\n this.changeDetector.markForCheck();\n });\n }\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n\n public settingsButtonClicked(): void {\n this.settingsClick.emit(undefined);\n }\n\n public helpButtonClicked(): void {\n this.helpClick.emit(undefined);\n }\n\n public get hasSettings(): boolean {\n return this.settingsClick.observers.length > 0 && this.showSettings;\n }\n\n public get hasHelp(): boolean {\n return this.helpClick.observers.length > 0 && this.showHelp;\n }\n\n public titleClick(): void {\n this.isCollapsed = !this.isCollapsed;\n }\n\n public chevronDirectionChange(direction: string): void {\n this.isCollapsed = direction === 'down';\n }\n\n public moveTile(event: KeyboardEvent): void {\n / istanbul ignore else /\n if (this.isInDashboardColumn) {\n const direction = event.key.toLowerCase().replace('arrow', '');\n / istanbul ignore else /\n if (\n direction === 'up' \|\|\n direction === 'down' \|\|\n direction === 'left' \|\|\n direction === 'right'\n ) {\n this.dashboardService.moveTileOnKeyDown(\n this,\n direction,\n this.title\n ? this.title.nativeElement.innerText\n : / istanbul ignore next /\n undefined\n );\n this.focusHandle();\n }\n }\n }\n\n private focusHandle(): void {\n this.grabHandle.nativeElement.focus();\n }\n}\n","<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"]}

package/esm2015/lib/modules/tiles/tile/tile.module.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { SkyIdModule } from '@skyux/core';
 import { SkyI18nModule } from '@skyux/i18n';
 import { SkyChevronModule, SkyIconModule } from '@skyux/indicators';
 import { SkyThemeModule } from '@skyux/theme';
 import { SkyTilesResourcesModule } from '../../shared/sky-tiles-resources.module';
-import { SkyTileComponent } from './tile.component';
 import { SkyTileSummaryComponent } from './tile-summary.component';
 import { SkyTileTitleComponent } from './tile-title.component';
-import { SkyIdModule } from '@skyux/core';
+import { SkyTileComponent } from './tile.component';
 import * as i0 from "@angular/core";
 export class SkyTileModule {
 }

package/esm2015/lib/modules/tiles/tile/tile.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile.module.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;~~AAEzC~~,OAAO,EAAE,~~YAAY~~,EAAE,MAAM,~~iBAAiB~~,CAAC;~~AAE/C~~,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;~~AAE5C~~,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;~~AAEpE~~,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAElF,OAAO,EAAE,~~gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,~~uBAAuB,EAAE,MAAM,0BAA0B,CAAC;~~AAEnE~~,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,~~WAAW~~,EAAE,MAAM,~~aAAa~~,CAAC;;~~AAmB1C~~,MAAM,OAAO,aAAa;;2GAAb,aAAa;4GAAb,aAAa,iBAftB,gBAAgB;QAChB,uBAAuB;QACvB,qBAAqB,aAGrB,YAAY;QACZ,gBAAgB;QAChB,WAAW;QACX,aAAa;QACb,aAAa;QACb,cAAc;QACd,uBAAuB,aAEf,gBAAgB,EAAE,uBAAuB,EAAE,qBAAqB;4GAE/D,aAAa,YAXf;YACP,YAAY;YACZ,gBAAgB;YAChB,WAAW;YACX,aAAa;YACb,aAAa;YACb,cAAc;YACd,uBAAuB;SACxB;4FAGU,aAAa;kBAjBzB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,gBAAgB;wBAChB,uBAAuB;wBACvB,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,gBAAgB;wBAChB,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,cAAc;wBACd,uBAAuB;qBACxB;oBACD,OAAO,EAAE,CAAC,gBAAgB,EAAE,uBAAuB,EAAE,qBAAqB,CAAC;iBAC5E","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { ~~CommonModule~~ } from '@~~angular~~/~~common~~';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyChevronModule, SkyIconModule } from '@skyux/indicators';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyTilesResourcesModule } from '../../shared/sky-tiles-resources.module';\n\nimport { ~~SkyTileComponent } from './tile.component';\n\nimport {~~ SkyTileSummaryComponent } from './tile-summary.component';\n\nimport { SkyTileTitleComponent } from './tile-title.component';\nimport { ~~SkyIdModule~~ } from '~~@skyux/core~~';\n\n@NgModule({\n declarations: [\n SkyTileComponent,\n SkyTileSummaryComponent,\n SkyTileTitleComponent,\n ],\n imports: [\n CommonModule,\n SkyChevronModule,\n SkyIdModule,\n SkyI18nModule,\n SkyIconModule,\n SkyThemeModule,\n SkyTilesResourcesModule,\n ],\n exports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent],\n})\nexport class SkyTileModule {}\n"]}
1	+ {"version":3,"file":"tile.module.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAElF,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;;AAmBpD,MAAM,OAAO,aAAa;;2GAAb,aAAa;4GAAb,aAAa,iBAftB,gBAAgB;QAChB,uBAAuB;QACvB,qBAAqB,aAGrB,YAAY;QACZ,gBAAgB;QAChB,WAAW;QACX,aAAa;QACb,aAAa;QACb,cAAc;QACd,uBAAuB,aAEf,gBAAgB,EAAE,uBAAuB,EAAE,qBAAqB;4GAE/D,aAAa,YAXf;YACP,YAAY;YACZ,gBAAgB;YAChB,WAAW;YACX,aAAa;YACb,aAAa;YACb,cAAc;YACd,uBAAuB;SACxB;4FAGU,aAAa;kBAjBzB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,gBAAgB;wBAChB,uBAAuB;wBACvB,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,gBAAgB;wBAChB,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,cAAc;wBACd,uBAAuB;qBACxB;oBACD,OAAO,EAAE,CAAC,gBAAgB,EAAE,uBAAuB,EAAE,qBAAqB,CAAC;iBAC5E","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyChevronModule, SkyIconModule } from '@skyux/indicators';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyTilesResourcesModule } from '../../shared/sky-tiles-resources.module';\n\nimport { SkyTileSummaryComponent } from './tile-summary.component';\nimport { SkyTileTitleComponent } from './tile-title.component';\nimport { SkyTileComponent } from './tile.component';\n\n@NgModule({\n declarations: [\n SkyTileComponent,\n SkyTileSummaryComponent,\n SkyTileTitleComponent,\n ],\n imports: [\n CommonModule,\n SkyChevronModule,\n SkyIdModule,\n SkyI18nModule,\n SkyIconModule,\n SkyThemeModule,\n SkyTilesResourcesModule,\n ],\n exports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent],\n})\nexport class SkyTileModule {}\n"]}

package/esm2015/lib/modules/tiles/tile-content/tile-content.module.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
 import { SkyThemeModule } from '@skyux/theme';
 import { SkyTileContentSectionComponent } from './tile-content-section.component';
 import { SkyTileContentComponent } from './tile-content.component';

package/esm2015/lib/modules/tiles/tile-content/tile-content.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile-content.module.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-content/tile-content.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,~~QAAQ~~,EAAE,MAAM,~~eAAe~~,CAAC;~~AAEzC~~,OAAO,EAAE,~~YAAY~~,EAAE,MAAM,~~iBAAiB~~,CAAC;~~AAE/C~~,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;~~AAElF~~,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;;AAOnE,MAAM,OAAO,oBAAoB;;kHAApB,oBAAoB;mHAApB,oBAAoB,iBAJhB,uBAAuB,EAAE,8BAA8B,aAC5D,YAAY,EAAE,cAAc,aAC5B,uBAAuB,EAAE,8BAA8B;mHAEtD,oBAAoB,YAHtB,CAAC,YAAY,EAAE,cAAc,CAAC;4FAG5B,oBAAoB;kBALhC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,uBAAuB,EAAE,8BAA8B,CAAC;oBACvE,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;oBACvC,OAAO,EAAE,CAAC,uBAAuB,EAAE,8BAA8B,CAAC;iBACnE","sourcesContent":["import { ~~NgModule~~ } from '@angular/~~core~~';\n\nimport { ~~CommonModule~~ } from '@angular/~~common~~';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyTileContentSectionComponent } from './tile-content-section.component';\n\nimport { SkyTileContentComponent } from './tile-content.component';\n\n@NgModule({\n declarations: [SkyTileContentComponent, SkyTileContentSectionComponent],\n imports: [CommonModule, SkyThemeModule],\n exports: [SkyTileContentComponent, SkyTileContentSectionComponent],\n})\nexport class SkyTileContentModule {}\n"]}
1	+ {"version":3,"file":"tile-content.module.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-content/tile-content.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;;AAOnE,MAAM,OAAO,oBAAoB;;kHAApB,oBAAoB;mHAApB,oBAAoB,iBAJhB,uBAAuB,EAAE,8BAA8B,aAC5D,YAAY,EAAE,cAAc,aAC5B,uBAAuB,EAAE,8BAA8B;mHAEtD,oBAAoB,YAHtB,CAAC,YAAY,EAAE,cAAc,CAAC;4FAG5B,oBAAoB;kBALhC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,uBAAuB,EAAE,8BAA8B,CAAC;oBACvE,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;oBACvC,OAAO,EAAE,CAAC,uBAAuB,EAAE,8BAA8B,CAAC;iBACnE","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyTileContentSectionComponent } from './tile-content-section.component';\nimport { SkyTileContentComponent } from './tile-content.component';\n\n@NgModule({\n declarations: [SkyTileContentComponent, SkyTileContentSectionComponent],\n imports: [CommonModule, SkyThemeModule],\n exports: [SkyTileContentComponent, SkyTileContentSectionComponent],\n})\nexport class SkyTileContentModule {}\n"]}

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

@@ -1,11 +1,11 @@
-import { Component, EventEmitter, Input, Output, QueryList, ViewChild, ViewChildren, Optional, } from '@angular/core';
+import { Component, EventEmitter, Input, Optional, Output, QueryList, ViewChild, ViewChildren, } from '@angular/core';
+import { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';
+import { SkyLibResourcesService } from '@skyux/i18n';
 import { Subject } from 'rxjs';
 import { take, takeUntil } from 'rxjs/operators';
-import { SkyMediaQueryService, SkyMediaBreakpoints } from '@skyux/core';
-import { SkyLibResourcesService } from '@skyux/i18n';
 import { SkyTileDashboardColumnComponent } from '../tile-dashboard-column/tile-dashboard-column.component';
-import { SkyTileDashboardService } from './tile-dashboard.service';
 import { SkyTileDashboardMessageType } from './tile-dashboard-message-type';
+import { SkyTileDashboardService } from './tile-dashboard.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./tile-dashboard.service";
 import * as i2 from "@skyux/core";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tile-dashboard.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard/tile-dashboard.component.ts","../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard/tile-dashboard.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n AfterViewInit,\n Component,\n EventEmitter,\n Input,\n OnDestroy,\n Output,\n QueryList,\n ViewChild,\n ViewChildren,\n Optional,\n} from '@angular/core';\n\nimport { Observable, Subject } from 'rxjs';\n\nimport { take, takeUntil } from 'rxjs/operators';\n\nimport { SkyMediaQueryService, SkyMediaBreakpoints } from '@skyux/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { SkyTileDashboardColumnComponent } from '../tile-dashboard-column/tile-dashboard-column.component';\nimport { SkyTileDashboardConfig } from '../tile-dashboard-config/tile-dashboard-config';\nimport { SkyTileDashboardService } from './tile-dashboard.service';\n\nimport { SkyTileDashboardMessage } from './tile-dashboard-message';\n\nimport { SkyTileDashboardMessageType } from './tile-dashboard-message-type';\n\n/*\n Specifies a container to group multiple tiles.\n /\n@Component({\n selector: 'sky-tile-dashboard',\n styleUrls: ['./tile-dashboard.component.scss'],\n templateUrl: './tile-dashboard.component.html',\n providers: [SkyTileDashboardService],\n})\nexport class SkyTileDashboardComponent implements AfterViewInit, OnDestroy {\n /\n Populates the tile dashboard based on the `SkyTileDashboardConfig` object.\n * @required\n /\n @Input()\n public set config(value: SkyTileDashboardConfig) {\n if (value && !this.configSet) {\n this._config = value;\n this.configSet = true;\n this.checkReady();\n }\n }\n\n public get config(): SkyTileDashboardConfig {\n return this._config;\n }\n\n /\n Provides an observable to send commands to the tile dashboard. The commands should respect the\n * `SkyTileDashboardMessage` type.\n /\n @Input()\n public messageStream = new Subject<SkyTileDashboardMessage>();\n\n /\n Specifies a unique key for the UI Config Service to retrieve stored settings\n * from a database. The UI Config Service saves configuration settings for users\n * to preserve the layout and collapsed state of tile dashboards. For more information\n * about the UI Config Service, see the\n * [sticky settings documentation](https://developer.blackbaud.com/skyux/learn/get-started/advanced/sticky-settings).\n /\n @Input()\n public settingsKey: string;\n\n /\n Fires when the tile dashboard changes state and emits a SkyTileDashboardConfig\n * object. This occurs when tiles collapse or expand and when users drag and drop\n * tiles to rearrange them.\n /\n @Output()\n public configChange = new EventEmitter<SkyTileDashboardConfig>();\n\n @ViewChildren(SkyTileDashboardColumnComponent)\n private columns: QueryList<SkyTileDashboardColumnComponent>;\n\n @ViewChild('singleColumn', {\n read: SkyTileDashboardColumnComponent,\n static: false,\n })\n public singleColumn: SkyTileDashboardColumnComponent;\n\n public tileMovedReport: string;\n\n public moveInstructionsId =\n this.dashboardService.bagId + '-move-instructions';\n\n private _config: SkyTileDashboardConfig;\n\n private configSet = false;\n\n private ngUnsubscribe = new Subject();\n\n private viewReady = false;\n\n constructor(\n private dashboardService: SkyTileDashboardService,\n private mediaQuery: SkyMediaQueryService,\n @Optional() private resourcesService?: SkyLibResourcesService\n ) {\n this.dashboardService.configChange.subscribe(\n (config: SkyTileDashboardConfig) => {\n this.configChange.emit(config);\n\n // Update aria live region with tile drag info\n if (config.movedTile && this.resourcesService) {\n let messageObservable: Observable<string>;\n if (\n this.mediaQuery.current === SkyMediaBreakpoints.xs \|\|\n this.mediaQuery.current === SkyMediaBreakpoints.sm\n ) {\n messageObservable = this.resourcesService.getString(\n 'skyux_tile_moved_assistive_text',\n config.movedTile.tileDescription,\n '1',\n '1',\n config.movedTile.position.toString(),\n config.layout.singleColumn.tiles.length.toString()\n );\n } else {\n messageObservable = this.resourcesService.getString(\n 'skyux_tile_moved_assistive_text',\n config.movedTile.tileDescription,\n config.movedTile.column.toString(),\n config.layout.multiColumn.length.toString(),\n config.movedTile.position.toString(),\n config.layout.multiColumn[\n config.movedTile.column - 1\n ].tiles.length.toString()\n );\n }\n messageObservable.pipe(take(1)).subscribe((message: string) => {\n this.tileMovedReport = message;\n });\n }\n }\n );\n }\n\n public ngAfterViewInit(): void {\n this.messageStream\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((message: SkyTileDashboardMessage) => {\n this.handleIncomingMessages(message);\n });\n\n this.viewReady = true;\n this.checkReady();\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n this.dashboardService.destroy();\n }\n\n private checkReady(): void {\n if (this.viewReady && this.config) {\n setTimeout(() => {\n this.dashboardService.init(\n this.config,\n this.columns,\n this.singleColumn,\n this.settingsKey\n );\n }, 0);\n }\n }\n\n private handleIncomingMessages(message: SkyTileDashboardMessage): void {\n / tslint:disable-next-line:switch-default /\n switch (message.type) {\n case SkyTileDashboardMessageType.ExpandAll:\n this.dashboardService.setAllTilesCollapsed(false);\n break;\n\n case SkyTileDashboardMessageType.CollapseAll:\n this.dashboardService.setAllTilesCollapsed(true);\n break;\n }\n }\n}\n","<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"]}
1	+ {"version":3,"file":"tile-dashboard.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard/tile-dashboard.component.ts","../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard/tile-dashboard.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n AfterViewInit,\n Component,\n EventEmitter,\n Input,\n OnDestroy,\n Optional,\n Output,\n QueryList,\n ViewChild,\n ViewChildren,\n} from '@angular/core';\nimport { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { Observable, Subject } from 'rxjs';\nimport { take, takeUntil } from 'rxjs/operators';\n\nimport { SkyTileDashboardColumnComponent } from '../tile-dashboard-column/tile-dashboard-column.component';\nimport { SkyTileDashboardConfig } from '../tile-dashboard-config/tile-dashboard-config';\n\nimport { SkyTileDashboardMessage } from './tile-dashboard-message';\nimport { SkyTileDashboardMessageType } from './tile-dashboard-message-type';\nimport { SkyTileDashboardService } from './tile-dashboard.service';\n\n/*\n Specifies a container to group multiple tiles.\n /\n@Component({\n selector: 'sky-tile-dashboard',\n styleUrls: ['./tile-dashboard.component.scss'],\n templateUrl: './tile-dashboard.component.html',\n providers: [SkyTileDashboardService],\n})\nexport class SkyTileDashboardComponent implements AfterViewInit, OnDestroy {\n /\n Populates the tile dashboard based on the `SkyTileDashboardConfig` object.\n * @required\n /\n @Input()\n public set config(value: SkyTileDashboardConfig) {\n if (value && !this.configSet) {\n this._config = value;\n this.configSet = true;\n this.checkReady();\n }\n }\n\n public get config(): SkyTileDashboardConfig {\n return this._config;\n }\n\n /\n Provides an observable to send commands to the tile dashboard. The commands should respect the\n * `SkyTileDashboardMessage` type.\n /\n @Input()\n public messageStream = new Subject<SkyTileDashboardMessage>();\n\n /\n Specifies a unique key for the UI Config Service to retrieve stored settings\n * from a database. The UI Config Service saves configuration settings for users\n * to preserve the layout and collapsed state of tile dashboards. The UI Config Service relies on `id` values from the `config` property to maintain user settings. For more information\n * about the UI Config Service, see the\n * [sticky settings documentation](https://developer.blackbaud.com/skyux/learn/get-started/sticky-settings).\n /\n @Input()\n public settingsKey: string;\n\n /\n Fires when the tile dashboard changes state and emits a SkyTileDashboardConfig\n * object. This occurs when tiles collapse or expand and when users drag and drop\n * tiles to rearrange them.\n /\n @Output()\n public configChange = new EventEmitter<SkyTileDashboardConfig>();\n\n @ViewChildren(SkyTileDashboardColumnComponent)\n private columns: QueryList<SkyTileDashboardColumnComponent>;\n\n @ViewChild('singleColumn', {\n read: SkyTileDashboardColumnComponent,\n static: false,\n })\n public singleColumn: SkyTileDashboardColumnComponent;\n\n public tileMovedReport: string;\n\n public moveInstructionsId =\n this.dashboardService.bagId + '-move-instructions';\n\n private _config: SkyTileDashboardConfig;\n\n private configSet = false;\n\n private ngUnsubscribe = new Subject();\n\n private viewReady = false;\n\n constructor(\n private dashboardService: SkyTileDashboardService,\n private mediaQuery: SkyMediaQueryService,\n @Optional() private resourcesService?: SkyLibResourcesService\n ) {\n this.dashboardService.configChange.subscribe(\n (config: SkyTileDashboardConfig) => {\n this.configChange.emit(config);\n\n // Update aria live region with tile drag info\n if (config.movedTile && this.resourcesService) {\n let messageObservable: Observable<string>;\n if (\n this.mediaQuery.current === SkyMediaBreakpoints.xs \|\|\n this.mediaQuery.current === SkyMediaBreakpoints.sm\n ) {\n messageObservable = this.resourcesService.getString(\n 'skyux_tile_moved_assistive_text',\n config.movedTile.tileDescription,\n '1',\n '1',\n config.movedTile.position.toString(),\n config.layout.singleColumn.tiles.length.toString()\n );\n } else {\n messageObservable = this.resourcesService.getString(\n 'skyux_tile_moved_assistive_text',\n config.movedTile.tileDescription,\n config.movedTile.column.toString(),\n config.layout.multiColumn.length.toString(),\n config.movedTile.position.toString(),\n config.layout.multiColumn[\n config.movedTile.column - 1\n ].tiles.length.toString()\n );\n }\n messageObservable.pipe(take(1)).subscribe((message: string) => {\n this.tileMovedReport = message;\n });\n }\n }\n );\n }\n\n public ngAfterViewInit(): void {\n this.messageStream\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((message: SkyTileDashboardMessage) => {\n this.handleIncomingMessages(message);\n });\n\n this.viewReady = true;\n this.checkReady();\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n this.dashboardService.destroy();\n }\n\n private checkReady(): void {\n if (this.viewReady && this.config) {\n setTimeout(() => {\n this.dashboardService.init(\n this.config,\n this.columns,\n this.singleColumn,\n this.settingsKey\n );\n }, 0);\n }\n }\n\n private handleIncomingMessages(message: SkyTileDashboardMessage): void {\n / tslint:disable-next-line:switch-default /\n switch (message.type) {\n case SkyTileDashboardMessageType.ExpandAll:\n this.dashboardService.setAllTilesCollapsed(false);\n break;\n\n case SkyTileDashboardMessageType.CollapseAll:\n this.dashboardService.setAllTilesCollapsed(true);\n break;\n }\n }\n}\n","<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"]}

package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.module.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
 import { DragulaService } from 'ng2-dragula';
-import { SkyTileDashboardComponent } from './tile-dashboard.component';
-import { SkyTileDashboardColumnModule } from '../tile-dashboard-column/tile-dashboard-column.module';
 import { SkyTilesResourcesModule } from '../../shared/sky-tiles-resources.module';
+import { SkyTileDashboardColumnModule } from '../tile-dashboard-column/tile-dashboard-column.module';
+import { SkyTileDashboardComponent } from './tile-dashboard.component';
 import * as i0 from "@angular/core";
 export class SkyTileDashboardModule {
 }

package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile-dashboard.module.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard/tile-dashboard.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,~~QAAQ~~,EAAE,MAAM,~~eAAe~~,CAAC;~~AACzC~~,OAAO,EAAE,~~YAAY~~,EAAE,MAAM,~~iBAAiB~~,CAAC;~~AAE/C~~,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,~~yBAAyB~~,EAAE,MAAM,~~4BAA4B~~,CAAC;~~AACvE~~,OAAO,EAAE,4BAA4B,EAAE,MAAM,uDAAuD,CAAC;~~AACrG~~,OAAO,EAAE,~~uBAAuB~~,EAAE,MAAM,~~yCAAyC~~,CAAC;;~~AAYlF~~,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;qHAAtB,sBAAsB,iBATlB,yBAAyB,aAGtC,YAAY;QACZ,4BAA4B;QAC5B,uBAAuB,aAEf,yBAAyB;qHAExB,sBAAsB,aARtB,CAAC,cAAc,CAAC,YAClB;YACP,YAAY;YACZ,4BAA4B;YAC5B,uBAAuB;SACxB;4FAGU,sBAAsB;kBAVlC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,yBAAyB,CAAC;oBACzC,SAAS,EAAE,CAAC,cAAc,CAAC;oBAC3B,OAAO,EAAE;wBACP,YAAY;wBACZ,4BAA4B;wBAC5B,uBAAuB;qBACxB;oBACD,OAAO,EAAE,CAAC,yBAAyB,CAAC;iBACrC","sourcesContent":["import { ~~NgModule~~ } from '@angular/~~core~~';\nimport { ~~CommonModule~~ } from '@angular/~~common~~';\n\nimport { DragulaService } from 'ng2-dragula';\n\nimport { ~~SkyTileDashboardComponent~~ } from '~~./tile~~-~~dashboard~~.~~component~~';\nimport { SkyTileDashboardColumnModule } from '../tile-dashboard-column/tile-dashboard-column.module';\nimport { ~~SkyTilesResourcesModule~~ } from '~~../../shared/sky~~-~~tiles-resources~~.~~module~~';\n\n@NgModule({\n declarations: [SkyTileDashboardComponent],\n providers: [DragulaService],\n imports: [\n CommonModule,\n SkyTileDashboardColumnModule,\n SkyTilesResourcesModule,\n ],\n exports: [SkyTileDashboardComponent],\n})\nexport class SkyTileDashboardModule {}\n"]}
1	+ {"version":3,"file":"tile-dashboard.module.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard/tile-dashboard.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,4BAA4B,EAAE,MAAM,uDAAuD,CAAC;AAErG,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;;AAYvE,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;qHAAtB,sBAAsB,iBATlB,yBAAyB,aAGtC,YAAY;QACZ,4BAA4B;QAC5B,uBAAuB,aAEf,yBAAyB;qHAExB,sBAAsB,aARtB,CAAC,cAAc,CAAC,YAClB;YACP,YAAY;YACZ,4BAA4B;YAC5B,uBAAuB;SACxB;4FAGU,sBAAsB;kBAVlC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,yBAAyB,CAAC;oBACzC,SAAS,EAAE,CAAC,cAAc,CAAC;oBAC3B,OAAO,EAAE;wBACP,YAAY;wBACZ,4BAA4B;wBAC5B,uBAAuB;qBACxB;oBACD,OAAO,EAAE,CAAC,yBAAyB,CAAC;iBACrC","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DragulaService } from 'ng2-dragula';\n\nimport { SkyTilesResourcesModule } from '../../shared/sky-tiles-resources.module';\nimport { SkyTileDashboardColumnModule } from '../tile-dashboard-column/tile-dashboard-column.module';\n\nimport { SkyTileDashboardComponent } from './tile-dashboard.component';\n\n@NgModule({\n declarations: [SkyTileDashboardComponent],\n providers: [DragulaService],\n imports: [\n CommonModule,\n SkyTileDashboardColumnModule,\n SkyTilesResourcesModule,\n ],\n exports: [SkyTileDashboardComponent],\n})\nexport class SkyTileDashboardModule {}\n"]}

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

@@ -1,7 +1,7 @@
-import { EventEmitter, Injectable, Output, Injector, } from '@angular/core';
+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 { SkyMediaBreakpoints, SkyMediaQueryService, SkyUIConfigService, } from '@skyux/core';
 import * as i0 from "@angular/core";
 import * as i1 from "ng2-dragula";
 import * as i2 from "@skyux/core";
@@ -72,7 +72,7 @@ export class SkyTileDashboardService {
      * @param tile Specifies the tile component to check.
      */
     tileIsCollapsed(tile) {
-        let tileConfig = this.findTile(this.getTileId(tile));
+        const tileConfig = this.findTile(this.getTileId(tile));
         if (tileConfig) {
             return tileConfig.isCollapsed;
         }
@@ -85,12 +85,12 @@ export class SkyTileDashboardService {
     setAllTilesCollapsed(isCollapsed) {
         /*istanbul ignore else */
         if (this.config && this.config.layout.multiColumn) {
-            for (let column of this.config.layout.multiColumn) {
-                for (let tile of column.tiles) {
+            for (const column of this.config.layout.multiColumn) {
+                for (const tile of column.tiles) {
                     tile.isCollapsed = isCollapsed;
                 }
             }
-            for (let tile of this.config.layout.singleColumn.tiles) {
+            for (const tile of this.config.layout.singleColumn.tiles) {
                 tile.isCollapsed = isCollapsed;
             }
         }
@@ -105,7 +105,7 @@ export class SkyTileDashboardService {
      * @param isCollapsed Indicates whether the tile is collapsed.
      */
     setTileCollapsed(tile, isCollapsed) {
-        let tileConfig = this.findTile(this.getTileId(tile));
+        const tileConfig = this.findTile(this.getTileId(tile));
         if (tileConfig) {
             tileConfig.isCollapsed = isCollapsed;
             if (this.settingsKey) {
@@ -119,7 +119,7 @@ export class SkyTileDashboardService {
      */
     getTileComponentType(layoutTile) {
         if (layoutTile) {
-            for (let tile of this.config.tiles) {
+            for (const tile of this.config.tiles) {
                 if (tile.id === layoutTile.id) {
                     return tile.componentType;
                 }
@@ -145,7 +145,7 @@ export class SkyTileDashboardService {
      * @internal
      */
     getTileComponent(tileId) {
-        for (let tileComponent of this.tileComponents) {
+        for (const tileComponent of this.tileComponents) {
             if (tileComponent.location.nativeElement.getAttribute(ATTR_TILE_ID) ===
                 tileId) {
                 return tileComponent;
@@ -169,8 +169,8 @@ export class SkyTileDashboardService {
     moveTileOnKeyDown(tileCmp, direction, tileDescription) {
         const isSingleColumnMode = this.mediaQuery.current === SkyMediaBreakpoints.xs ||
             this.mediaQuery.current === SkyMediaBreakpoints.sm;
-        let tileId = this.getTileId(tileCmp);
-        let tile = this.findTile(tileId);
+        const tileId = this.getTileId(tileCmp);
+        const tile = this.findTile(tileId);
         let column;
         let colIndex;
         if (isSingleColumnMode) {
@@ -182,8 +182,8 @@ export class SkyTileDashboardService {
         }
         if ((direction === 'left' || direction === 'right') &&
             !isSingleColumnMode) {
-            let operator = direction === 'left' ? -1 : 1;
-            let newColumn = this.config.layout.multiColumn[colIndex + operator];
+            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);
@@ -192,7 +192,7 @@ export class SkyTileDashboardService {
                     tile,
                 ]);
                 // Report the change in configuration
-                let reportConfig = this.config;
+                const reportConfig = this.config;
                 reportConfig.movedTile = {
                     tileDescription: tileDescription || /* istanbul ignore next */ tile.id,
                     column: colIndex + operator + 1,
@@ -202,11 +202,11 @@ export class SkyTileDashboardService {
             }
         }
         else {
-            let operator = direction === 'up' ? -1 : 1;
-            let curIndex = column.tiles.findIndex((value) => value.id === tile.id);
-            let tileComponentInstance = this.getTileComponent(tileId);
+            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]) {
-                let temp = column.tiles[curIndex + operator];
+                const temp = column.tiles[curIndex + operator];
                 column.tiles[curIndex + operator] = tile;
                 column.tiles[curIndex] = temp;
                 // Get the column element
@@ -226,7 +226,7 @@ export class SkyTileDashboardService {
                         .location.nativeElement);
                 }
                 // Report the change in configuration
-                let reportConfig = this.config;
+                const reportConfig = this.config;
                 reportConfig.movedTile = {
                     tileDescription: tileDescription || /* istanbul ignore next */ tile.id,
                     column: isSingleColumnMode ? undefined : colIndex + 1,
@@ -253,7 +253,7 @@ export class SkyTileDashboardService {
     getTileOrRemoveFromLayout(layoutTile) {
         /*istanbul ignore else */
         if (layoutTile) {
-            for (let tile of this.config.tiles) {
+            for (const tile of this.config.tiles) {
                 if (tile.id === layoutTile.id) {
                     return tile;
                 }
@@ -282,29 +282,29 @@ export class SkyTileDashboardService {
         }
     }
     loadTiles() {
-        let layout = this.config.layout;
+        const layout = this.config.layout;
         if (this.mediaQuery.current === SkyMediaBreakpoints.xs ||
             this.mediaQuery.current === SkyMediaBreakpoints.sm) {
-            for (let tile of layout.singleColumn.tiles) {
+            for (const tile of layout.singleColumn.tiles) {
                 this.loadTileIntoColumn(this.singleColumn, tile);
             }
         }
         else {
-            let columns = this.columns.toArray();
+            const columns = this.columns.toArray();
             for (let i = 0, n = layout.multiColumn.length; i < n; i++) {
-                let column = columns[i];
-                for (let tile of layout.multiColumn[i].tiles) {
+                const column = columns[i];
+                for (const tile of layout.multiColumn[i].tiles) {
                     this.loadTileIntoColumn(column, tile);
                 }
             }
         }
     }
     loadTileIntoColumn(column, layoutTile) {
-        let tile = this.getTileOrRemoveFromLayout(layoutTile);
+        const tile = this.getTileOrRemoveFromLayout(layoutTile);
         /*istanbul ignore else */
         if (tile) {
-            let componentType = tile.componentType;
-            let providers = tile.providers /* istanbul ignore next */ || [];
+            const componentType = tile.componentType;
+            const providers = tile.providers /* istanbul ignore next */ || [];
             const injector = Injector.create({
                 providers,
                 parent: column.injector,
@@ -321,16 +321,16 @@ export class SkyTileDashboardService {
         this.moveTilesToColumn(this.singleColumn, this.config.layout.singleColumn.tiles);
     }
     moveTilesToMultiColumn() {
-        let layoutColumns = this.config.layout.multiColumn;
-        let columns = this.columns.toArray();
+        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) {
-        let columnEl = this.getColumnEl(column);
-        for (let layoutTile of layoutTiles) {
-            let tileComponentInstance = this.getTileComponent(layoutTile.id);
+        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);
@@ -362,11 +362,11 @@ export class SkyTileDashboardService {
     getMultiColumnLayoutForUIState() {
         if (!(this.mediaQuery.current === SkyMediaBreakpoints.xs ||
             this.mediaQuery.current === SkyMediaBreakpoints.sm)) {
-            let layoutColumns = [];
-            let columns = this.columns.toArray();
-            for (let column of columns) {
+            const layoutColumns = [];
+            const columns = this.columns.toArray();
+            for (const column of columns) {
                 if (column !== this.singleColumn) {
-                    let layoutColumn = {
+                    const layoutColumn = {
                         tiles: this.getTilesInEl(this.getColumnEl(column)),
                     };
                     layoutColumns.push(layoutColumn);
@@ -377,14 +377,14 @@ export class SkyTileDashboardService {
         return this.config.layout.multiColumn;
     }
     getTilesInEl(el) {
-        let tileEls = el.querySelectorAll('[' + ATTR_TILE_ID + ']');
-        let layoutTiles = [];
+        const tileEls = el.querySelectorAll('[' + ATTR_TILE_ID + ']');
+        const layoutTiles = [];
         /*istanbul ignore else */
         if (tileEls) {
             for (let i = 0, n = tileEls.length; i < n; i++) {
-                let tileEl = tileEls[i];
-                let tileId = tileEl.getAttribute(ATTR_TILE_ID);
-                let tile = this.findTile(tileId);
+                const tileEl = tileEls[i];
+                const tileId = tileEl.getAttribute(ATTR_TILE_ID);
+                const tile = this.findTile(tileId);
                 /*istanbul ignore else */
                 if (tile) {
                     layoutTiles.push(tile);
@@ -409,7 +409,7 @@ export class SkyTileDashboardService {
             },
         });
         this.dragulaService.drop.subscribe((value) => {
-            let config = this.getConfigForUIState();
+            const config = this.getConfigForUIState();
             /*istanbul ignore else */
             if (config) {
                 if (this.settingsKey) {
@@ -425,10 +425,10 @@ export class SkyTileDashboardService {
     findTile(tileId) {
         /*istanbul ignore else */
         if (this.config && this.config.layout.multiColumn) {
-            for (let column of this.config.layout.multiColumn) {
+            for (const column of this.config.layout.multiColumn) {
                 /*istanbul ignore else */
                 if (column.tiles) {
-                    for (let tile of column.tiles) {
+                    for (const tile of column.tiles) {
                         if (tile.id === tileId) {
                             return tile;
                         }
@@ -466,7 +466,7 @@ export class SkyTileDashboardService {
     }
     checkForNewTiles(oldUserTiles) {
         // Get a list of tiles that are in the config's default list but not in the user's settings
-        let newTiles = this.config.tiles.filter((elem) => {
+        const newTiles = this.config.tiles.filter((elem) => {
             return oldUserTiles.indexOf(elem.id) === -1;
         });
         const { multiColumn, singleColumn } = this.config.layout;
@@ -499,14 +499,14 @@ export class SkyTileDashboardService {
         }
         /*istanbul ignore else */
         if (singleColumn) {
-            for (let tile of singleColumn.tiles) {
+            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 (let tile of multiColumn[i].tiles) {
+                for (const tile of multiColumn[i].tiles) {
                     this.getTileOrRemoveFromLayout(tile);
                 }
             }