@skyux/tiles 5.5.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
  1. package/bundles/skyux-tiles.umd.js +62 -62
  2. package/documentation.json +41 -41
  3. package/esm2015/lib/modules/shared/sky-tiles-resources.module.js +1 -1
  4. package/esm2015/lib/modules/shared/sky-tiles-resources.module.js.map +1 -1
  5. package/esm2015/lib/modules/tiles/tile/tile.component.js +1 -1
  6. package/esm2015/lib/modules/tiles/tile/tile.component.js.map +1 -1
  7. package/esm2015/lib/modules/tiles/tile/tile.module.js +3 -3
  8. package/esm2015/lib/modules/tiles/tile/tile.module.js.map +1 -1
  9. package/esm2015/lib/modules/tiles/tile-content/tile-content.module.js +1 -1
  10. package/esm2015/lib/modules/tiles/tile-content/tile-content.module.js.map +1 -1
  11. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.component.js +4 -4
  12. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.component.js.map +1 -1
  13. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.module.js +3 -3
  14. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.module.js.map +1 -1
  15. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.service.js +48 -48
  16. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.service.js.map +1 -1
  17. package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.module.js +1 -1
  18. package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.module.js.map +1 -1
  19. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config.js.map +1 -1
  20. package/esm2015/lib/modules/tiles/tiles.module.js +2 -2
  21. package/esm2015/lib/modules/tiles/tiles.module.js.map +1 -1
  22. package/fesm2015/skyux-tiles.js +98 -98
  23. package/fesm2015/skyux-tiles.js.map +1 -1
  24. package/lib/modules/tiles/tile-dashboard/tile-dashboard.component.d.ts +2 -2
  25. package/lib/modules/tiles/tile-dashboard/tile-dashboard.service.d.ts +2 -2
  26. package/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config.d.ts +1 -1
  27. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"tile-dashboard-config.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyTileDashboardConfigLayout } from './tile-dashboard-config-layout';\nimport { SkyTileDashboardConfigTile } from './tile-dashboard-config-tile';\nimport { SkyTileDashboardConfigReorderData } from './tile-dashboard-config-reorder-data';\n\nexport interface SkyTileDashboardConfig {\n /**\n * An array of SkyTileDashboardConfigTile objects that specifies the tiles\n * to include in the dashboard.\n * @required\n */\n tiles: SkyTileDashboardConfigTile[];\n /**\n * A `SkyTileDashboardConfigLayout` object that describes the tile dashboard's layout.\n */\n layout: SkyTileDashboardConfigLayout;\n /**\n * A `SkyTileDashboardConfigReorderData` object that describes\n * how to move a tile within the dashboard.\n */\n movedTile?: SkyTileDashboardConfigReorderData;\n}\n"]}
1
+ {"version":3,"file":"tile-dashboard-config.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyTileDashboardConfigLayout } from './tile-dashboard-config-layout';\nimport { SkyTileDashboardConfigReorderData } from './tile-dashboard-config-reorder-data';\nimport { SkyTileDashboardConfigTile } from './tile-dashboard-config-tile';\n\nexport interface SkyTileDashboardConfig {\n /**\n * An array of SkyTileDashboardConfigTile objects that specifies the tiles\n * to include in the dashboard.\n * @required\n */\n tiles: SkyTileDashboardConfigTile[];\n /**\n * A `SkyTileDashboardConfigLayout` object that describes the tile dashboard's layout.\n */\n layout: SkyTileDashboardConfigLayout;\n /**\n * A `SkyTileDashboardConfigReorderData` object that describes\n * how to move a tile within the dashboard.\n */\n movedTile?: SkyTileDashboardConfigReorderData;\n}\n"]}
@@ -1,9 +1,9 @@
1
1
  import { CommonModule } from '@angular/common';
2
2
  import { NgModule } from '@angular/core';
3
- import { SkyTileModule } from './tile/tile.module';
4
3
  import { SkyTileContentModule } from './tile-content/tile-content.module';
5
- import { SkyTileDashboardModule } from './tile-dashboard/tile-dashboard.module';
6
4
  import { SkyTileDashboardColumnModule } from './tile-dashboard-column/tile-dashboard-column.module';
5
+ import { SkyTileDashboardModule } from './tile-dashboard/tile-dashboard.module';
6
+ import { SkyTileModule } from './tile/tile.module';
7
7
  import * as i0 from "@angular/core";
8
8
  export class SkyTilesModule {
9
9
  }
@@ -1 +1 @@
1
- {"version":3,"file":"tiles.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tiles.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;;AAWpG,MAAM,OAAO,cAAc;;4GAAd,cAAc;6GAAd,cAAc,YARf,YAAY,aAEpB,oBAAoB;QACpB,aAAa;QACb,4BAA4B;QAC5B,sBAAsB;6GAGb,cAAc,YARhB,CAAC,YAAY,CAAC,EAErB,oBAAoB;QACpB,aAAa;QACb,4BAA4B;QAC5B,sBAAsB;4FAGb,cAAc;kBAT1B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE;wBACP,oBAAoB;wBACpB,aAAa;wBACb,4BAA4B;wBAC5B,sBAAsB;qBACvB;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyTileModule } from './tile/tile.module';\nimport { SkyTileContentModule } from './tile-content/tile-content.module';\nimport { SkyTileDashboardModule } from './tile-dashboard/tile-dashboard.module';\nimport { SkyTileDashboardColumnModule } from './tile-dashboard-column/tile-dashboard-column.module';\n\n@NgModule({\n imports: [CommonModule],\n exports: [\n SkyTileContentModule,\n SkyTileModule,\n SkyTileDashboardColumnModule,\n SkyTileDashboardModule,\n ],\n})\nexport class SkyTilesModule {}\n"]}
1
+ {"version":3,"file":"tiles.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tiles.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;;AAWnD,MAAM,OAAO,cAAc;;4GAAd,cAAc;6GAAd,cAAc,YARf,YAAY,aAEpB,oBAAoB;QACpB,aAAa;QACb,4BAA4B;QAC5B,sBAAsB;6GAGb,cAAc,YARhB,CAAC,YAAY,CAAC,EAErB,oBAAoB;QACpB,aAAa;QACb,4BAA4B;QAC5B,sBAAsB;4FAGb,cAAc;kBAT1B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE;wBACP,oBAAoB;wBACpB,aAAa;wBACb,4BAA4B;wBAC5B,sBAAsB;qBACvB;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyTileContentModule } from './tile-content/tile-content.module';\nimport { SkyTileDashboardColumnModule } from './tile-dashboard-column/tile-dashboard-column.module';\nimport { SkyTileDashboardModule } from './tile-dashboard/tile-dashboard.module';\nimport { SkyTileModule } from './tile/tile.module';\n\n@NgModule({\n imports: [CommonModule],\n exports: [\n SkyTileContentModule,\n SkyTileModule,\n SkyTileDashboardColumnModule,\n SkyTileDashboardModule,\n ],\n})\nexport class SkyTilesModule {}\n"]}
@@ -1,7 +1,9 @@
1
- import * as i0 from '@angular/core';
2
- import { NgModule, EventEmitter, Injector, Injectable, Output, ElementRef, Component, Optional, Input, ViewChild, ViewContainerRef, ViewChildren } from '@angular/core';
3
1
  import * as i3 from '@angular/common';
4
2
  import { CommonModule } from '@angular/common';
3
+ import * as i0 from '@angular/core';
4
+ import { NgModule, Component, EventEmitter, Injector, Injectable, Output, ElementRef, Optional, Input, ViewChild, ViewContainerRef, ViewChildren } from '@angular/core';
5
+ import * as i2 from '@skyux/core';
6
+ import { SkyMediaBreakpoints, SkyIdModule } from '@skyux/core';
5
7
  import * as i3$1 from '@skyux/i18n';
6
8
  import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
7
9
  import * as i2$1 from '@skyux/indicators';
@@ -13,8 +15,6 @@ import { Subject } from 'rxjs';
13
15
  import { take, takeUntil } from 'rxjs/operators';
14
16
  import * as i1 from 'ng2-dragula';
15
17
  import { DragulaModule, DragulaService } from 'ng2-dragula';
16
- import * as i2 from '@skyux/core';
17
- import { SkyMediaBreakpoints, SkyIdModule } from '@skyux/core';
18
18
 
19
19
  /**
20
20
  * NOTICE: DO NOT MODIFY THIS FILE!
@@ -73,6 +73,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
73
73
  }]
74
74
  }] });
75
75
 
76
+ /**
77
+ * Specifies content to display in the tile's summary.
78
+ */
79
+ /* istanbul ignore next */
80
+ /* Code coverage having problems with no statements in classes */
81
+ class SkyTileSummaryComponent {
82
+ }
83
+ SkyTileSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
84
+ SkyTileSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileSummaryComponent, selector: "sky-tile-summary", ngImport: i0, template: "<ng-content></ng-content>\n" });
85
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileSummaryComponent, decorators: [{
86
+ type: Component,
87
+ args: [{
88
+ selector: 'sky-tile-summary',
89
+ templateUrl: 'tile-summary.component.html',
90
+ }]
91
+ }] });
92
+
93
+ /**
94
+ * Specifies content to display in the tile's title.
95
+ */
96
+ class SkyTileTitleComponent {
97
+ }
98
+ SkyTileTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
99
+ SkyTileTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileTitleComponent, selector: "sky-tile-title", ngImport: i0, template: "<h2\n class=\"sky-tile-title\"\n [skyThemeClass]=\"{\n 'sky-font-heading-2': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</h2>\n", styles: [".sky-tile-title{margin:0;padding:10px 15px}:host-context(.sky-theme-modern) .sky-tile-title{margin:0 30px 0 0;padding:0}.sky-theme-modern .sky-tile-title{margin:0 30px 0 0;padding:0}\n"], directives: [{ type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
100
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileTitleComponent, decorators: [{
101
+ type: Component,
102
+ args: [{
103
+ selector: 'sky-tile-title',
104
+ templateUrl: './tile-title.component.html',
105
+ styleUrls: ['./tile-title.component.scss'],
106
+ }]
107
+ }] });
108
+
76
109
  const ATTR_TILE_ID = '_sky-tile-dashboard-tile-id';
77
110
  let bagIdIndex = 0;
78
111
  class SkyTileDashboardService {
@@ -140,7 +173,7 @@ class SkyTileDashboardService {
140
173
  * @param tile Specifies the tile component to check.
141
174
  */
142
175
  tileIsCollapsed(tile) {
143
- let tileConfig = this.findTile(this.getTileId(tile));
176
+ const tileConfig = this.findTile(this.getTileId(tile));
144
177
  if (tileConfig) {
145
178
  return tileConfig.isCollapsed;
146
179
  }
@@ -153,12 +186,12 @@ class SkyTileDashboardService {
153
186
  setAllTilesCollapsed(isCollapsed) {
154
187
  /*istanbul ignore else */
155
188
  if (this.config && this.config.layout.multiColumn) {
156
- for (let column of this.config.layout.multiColumn) {
157
- for (let tile of column.tiles) {
189
+ for (const column of this.config.layout.multiColumn) {
190
+ for (const tile of column.tiles) {
158
191
  tile.isCollapsed = isCollapsed;
159
192
  }
160
193
  }
161
- for (let tile of this.config.layout.singleColumn.tiles) {
194
+ for (const tile of this.config.layout.singleColumn.tiles) {
162
195
  tile.isCollapsed = isCollapsed;
163
196
  }
164
197
  }
@@ -173,7 +206,7 @@ class SkyTileDashboardService {
173
206
  * @param isCollapsed Indicates whether the tile is collapsed.
174
207
  */
175
208
  setTileCollapsed(tile, isCollapsed) {
176
- let tileConfig = this.findTile(this.getTileId(tile));
209
+ const tileConfig = this.findTile(this.getTileId(tile));
177
210
  if (tileConfig) {
178
211
  tileConfig.isCollapsed = isCollapsed;
179
212
  if (this.settingsKey) {
@@ -187,7 +220,7 @@ class SkyTileDashboardService {
187
220
  */
188
221
  getTileComponentType(layoutTile) {
189
222
  if (layoutTile) {
190
- for (let tile of this.config.tiles) {
223
+ for (const tile of this.config.tiles) {
191
224
  if (tile.id === layoutTile.id) {
192
225
  return tile.componentType;
193
226
  }
@@ -213,7 +246,7 @@ class SkyTileDashboardService {
213
246
  * @internal
214
247
  */
215
248
  getTileComponent(tileId) {
216
- for (let tileComponent of this.tileComponents) {
249
+ for (const tileComponent of this.tileComponents) {
217
250
  if (tileComponent.location.nativeElement.getAttribute(ATTR_TILE_ID) ===
218
251
  tileId) {
219
252
  return tileComponent;
@@ -237,8 +270,8 @@ class SkyTileDashboardService {
237
270
  moveTileOnKeyDown(tileCmp, direction, tileDescription) {
238
271
  const isSingleColumnMode = this.mediaQuery.current === SkyMediaBreakpoints.xs ||
239
272
  this.mediaQuery.current === SkyMediaBreakpoints.sm;
240
- let tileId = this.getTileId(tileCmp);
241
- let tile = this.findTile(tileId);
273
+ const tileId = this.getTileId(tileCmp);
274
+ const tile = this.findTile(tileId);
242
275
  let column;
243
276
  let colIndex;
244
277
  if (isSingleColumnMode) {
@@ -250,8 +283,8 @@ class SkyTileDashboardService {
250
283
  }
251
284
  if ((direction === 'left' || direction === 'right') &&
252
285
  !isSingleColumnMode) {
253
- let operator = direction === 'left' ? -1 : 1;
254
- let newColumn = this.config.layout.multiColumn[colIndex + operator];
286
+ const operator = direction === 'left' ? -1 : 1;
287
+ const newColumn = this.config.layout.multiColumn[colIndex + operator];
255
288
  if (newColumn) {
256
289
  // Move the tile to the end of the new column
257
290
  newColumn.tiles.push(tile);
@@ -260,7 +293,7 @@ class SkyTileDashboardService {
260
293
  tile,
261
294
  ]);
262
295
  // Report the change in configuration
263
- let reportConfig = this.config;
296
+ const reportConfig = this.config;
264
297
  reportConfig.movedTile = {
265
298
  tileDescription: tileDescription || /* istanbul ignore next */ tile.id,
266
299
  column: colIndex + operator + 1,
@@ -270,11 +303,11 @@ class SkyTileDashboardService {
270
303
  }
271
304
  }
272
305
  else {
273
- let operator = direction === 'up' ? -1 : 1;
274
- let curIndex = column.tiles.findIndex((value) => value.id === tile.id);
275
- let tileComponentInstance = this.getTileComponent(tileId);
306
+ const operator = direction === 'up' ? -1 : 1;
307
+ const curIndex = column.tiles.findIndex((value) => value.id === tile.id);
308
+ const tileComponentInstance = this.getTileComponent(tileId);
276
309
  if (tileComponentInstance && column.tiles[curIndex + operator]) {
277
- let temp = column.tiles[curIndex + operator];
310
+ const temp = column.tiles[curIndex + operator];
278
311
  column.tiles[curIndex + operator] = tile;
279
312
  column.tiles[curIndex] = temp;
280
313
  // Get the column element
@@ -294,7 +327,7 @@ class SkyTileDashboardService {
294
327
  .location.nativeElement);
295
328
  }
296
329
  // Report the change in configuration
297
- let reportConfig = this.config;
330
+ const reportConfig = this.config;
298
331
  reportConfig.movedTile = {
299
332
  tileDescription: tileDescription || /* istanbul ignore next */ tile.id,
300
333
  column: isSingleColumnMode ? undefined : colIndex + 1,
@@ -321,7 +354,7 @@ class SkyTileDashboardService {
321
354
  getTileOrRemoveFromLayout(layoutTile) {
322
355
  /*istanbul ignore else */
323
356
  if (layoutTile) {
324
- for (let tile of this.config.tiles) {
357
+ for (const tile of this.config.tiles) {
325
358
  if (tile.id === layoutTile.id) {
326
359
  return tile;
327
360
  }
@@ -350,29 +383,29 @@ class SkyTileDashboardService {
350
383
  }
351
384
  }
352
385
  loadTiles() {
353
- let layout = this.config.layout;
386
+ const layout = this.config.layout;
354
387
  if (this.mediaQuery.current === SkyMediaBreakpoints.xs ||
355
388
  this.mediaQuery.current === SkyMediaBreakpoints.sm) {
356
- for (let tile of layout.singleColumn.tiles) {
389
+ for (const tile of layout.singleColumn.tiles) {
357
390
  this.loadTileIntoColumn(this.singleColumn, tile);
358
391
  }
359
392
  }
360
393
  else {
361
- let columns = this.columns.toArray();
394
+ const columns = this.columns.toArray();
362
395
  for (let i = 0, n = layout.multiColumn.length; i < n; i++) {
363
- let column = columns[i];
364
- for (let tile of layout.multiColumn[i].tiles) {
396
+ const column = columns[i];
397
+ for (const tile of layout.multiColumn[i].tiles) {
365
398
  this.loadTileIntoColumn(column, tile);
366
399
  }
367
400
  }
368
401
  }
369
402
  }
370
403
  loadTileIntoColumn(column, layoutTile) {
371
- let tile = this.getTileOrRemoveFromLayout(layoutTile);
404
+ const tile = this.getTileOrRemoveFromLayout(layoutTile);
372
405
  /*istanbul ignore else */
373
406
  if (tile) {
374
- let componentType = tile.componentType;
375
- let providers = tile.providers /* istanbul ignore next */ || [];
407
+ const componentType = tile.componentType;
408
+ const providers = tile.providers /* istanbul ignore next */ || [];
376
409
  const injector = Injector.create({
377
410
  providers,
378
411
  parent: column.injector,
@@ -389,16 +422,16 @@ class SkyTileDashboardService {
389
422
  this.moveTilesToColumn(this.singleColumn, this.config.layout.singleColumn.tiles);
390
423
  }
391
424
  moveTilesToMultiColumn() {
392
- let layoutColumns = this.config.layout.multiColumn;
393
- let columns = this.columns.toArray();
425
+ const layoutColumns = this.config.layout.multiColumn;
426
+ const columns = this.columns.toArray();
394
427
  for (let i = 0, n = layoutColumns.length; i < n; i++) {
395
428
  this.moveTilesToColumn(columns[i], layoutColumns[i].tiles);
396
429
  }
397
430
  }
398
431
  moveTilesToColumn(column, layoutTiles) {
399
- let columnEl = this.getColumnEl(column);
400
- for (let layoutTile of layoutTiles) {
401
- let tileComponentInstance = this.getTileComponent(layoutTile.id);
432
+ const columnEl = this.getColumnEl(column);
433
+ for (const layoutTile of layoutTiles) {
434
+ const tileComponentInstance = this.getTileComponent(layoutTile.id);
402
435
  /*istanbul ignore else */
403
436
  if (tileComponentInstance) {
404
437
  columnEl.appendChild(tileComponentInstance.location.nativeElement);
@@ -430,11 +463,11 @@ class SkyTileDashboardService {
430
463
  getMultiColumnLayoutForUIState() {
431
464
  if (!(this.mediaQuery.current === SkyMediaBreakpoints.xs ||
432
465
  this.mediaQuery.current === SkyMediaBreakpoints.sm)) {
433
- let layoutColumns = [];
434
- let columns = this.columns.toArray();
435
- for (let column of columns) {
466
+ const layoutColumns = [];
467
+ const columns = this.columns.toArray();
468
+ for (const column of columns) {
436
469
  if (column !== this.singleColumn) {
437
- let layoutColumn = {
470
+ const layoutColumn = {
438
471
  tiles: this.getTilesInEl(this.getColumnEl(column)),
439
472
  };
440
473
  layoutColumns.push(layoutColumn);
@@ -445,14 +478,14 @@ class SkyTileDashboardService {
445
478
  return this.config.layout.multiColumn;
446
479
  }
447
480
  getTilesInEl(el) {
448
- let tileEls = el.querySelectorAll('[' + ATTR_TILE_ID + ']');
449
- let layoutTiles = [];
481
+ const tileEls = el.querySelectorAll('[' + ATTR_TILE_ID + ']');
482
+ const layoutTiles = [];
450
483
  /*istanbul ignore else */
451
484
  if (tileEls) {
452
485
  for (let i = 0, n = tileEls.length; i < n; i++) {
453
- let tileEl = tileEls[i];
454
- let tileId = tileEl.getAttribute(ATTR_TILE_ID);
455
- let tile = this.findTile(tileId);
486
+ const tileEl = tileEls[i];
487
+ const tileId = tileEl.getAttribute(ATTR_TILE_ID);
488
+ const tile = this.findTile(tileId);
456
489
  /*istanbul ignore else */
457
490
  if (tile) {
458
491
  layoutTiles.push(tile);
@@ -477,7 +510,7 @@ class SkyTileDashboardService {
477
510
  },
478
511
  });
479
512
  this.dragulaService.drop.subscribe((value) => {
480
- let config = this.getConfigForUIState();
513
+ const config = this.getConfigForUIState();
481
514
  /*istanbul ignore else */
482
515
  if (config) {
483
516
  if (this.settingsKey) {
@@ -493,10 +526,10 @@ class SkyTileDashboardService {
493
526
  findTile(tileId) {
494
527
  /*istanbul ignore else */
495
528
  if (this.config && this.config.layout.multiColumn) {
496
- for (let column of this.config.layout.multiColumn) {
529
+ for (const column of this.config.layout.multiColumn) {
497
530
  /*istanbul ignore else */
498
531
  if (column.tiles) {
499
- for (let tile of column.tiles) {
532
+ for (const tile of column.tiles) {
500
533
  if (tile.id === tileId) {
501
534
  return tile;
502
535
  }
@@ -534,7 +567,7 @@ class SkyTileDashboardService {
534
567
  }
535
568
  checkForNewTiles(oldUserTiles) {
536
569
  // Get a list of tiles that are in the config's default list but not in the user's settings
537
- let newTiles = this.config.tiles.filter((elem) => {
570
+ const newTiles = this.config.tiles.filter((elem) => {
538
571
  return oldUserTiles.indexOf(elem.id) === -1;
539
572
  });
540
573
  const { multiColumn, singleColumn } = this.config.layout;
@@ -567,14 +600,14 @@ class SkyTileDashboardService {
567
600
  }
568
601
  /*istanbul ignore else */
569
602
  if (singleColumn) {
570
- for (let tile of singleColumn.tiles) {
603
+ for (const tile of singleColumn.tiles) {
571
604
  this.getTileOrRemoveFromLayout(tile);
572
605
  }
573
606
  }
574
607
  /*istanbul ignore else */
575
608
  if (multiColumn) {
576
609
  for (let i = 0, n = multiColumn.length; i < n; i++) {
577
- for (let tile of multiColumn[i].tiles) {
610
+ for (const tile of multiColumn[i].tiles) {
578
611
  this.getTileOrRemoveFromLayout(tile);
579
612
  }
580
613
  }
@@ -684,7 +717,7 @@ class SkyTileComponent {
684
717
  moveTile(event) {
685
718
  /* istanbul ignore else */
686
719
  if (this.isInDashboardColumn) {
687
- let direction = event.key.toLowerCase().replace('arrow', '');
720
+ const direction = event.key.toLowerCase().replace('arrow', '');
688
721
  /* istanbul ignore else */
689
722
  if (direction === 'up' ||
690
723
  direction === 'down' ||
@@ -742,39 +775,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
742
775
  }]
743
776
  }] } });
744
777
 
745
- /**
746
- * Specifies content to display in the tile's summary.
747
- */
748
- /* istanbul ignore next */
749
- /* Code coverage having problems with no statements in classes */
750
- class SkyTileSummaryComponent {
751
- }
752
- SkyTileSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
753
- SkyTileSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileSummaryComponent, selector: "sky-tile-summary", ngImport: i0, template: "<ng-content></ng-content>\n" });
754
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileSummaryComponent, decorators: [{
755
- type: Component,
756
- args: [{
757
- selector: 'sky-tile-summary',
758
- templateUrl: 'tile-summary.component.html',
759
- }]
760
- }] });
761
-
762
- /**
763
- * Specifies content to display in the tile's title.
764
- */
765
- class SkyTileTitleComponent {
766
- }
767
- SkyTileTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
768
- SkyTileTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileTitleComponent, selector: "sky-tile-title", ngImport: i0, template: "<h2\n class=\"sky-tile-title\"\n [skyThemeClass]=\"{\n 'sky-font-heading-2': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</h2>\n", styles: [".sky-tile-title{margin:0;padding:10px 15px}:host-context(.sky-theme-modern) .sky-tile-title{margin:0 30px 0 0;padding:0}.sky-theme-modern .sky-tile-title{margin:0 30px 0 0;padding:0}\n"], directives: [{ type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
769
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileTitleComponent, decorators: [{
770
- type: Component,
771
- args: [{
772
- selector: 'sky-tile-title',
773
- templateUrl: './tile-title.component.html',
774
- styleUrls: ['./tile-title.component.scss'],
775
- }]
776
- }] });
777
-
778
778
  class SkyTileModule {
779
779
  }
780
780
  SkyTileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -909,6 +909,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
909
909
  }]
910
910
  }] } });
911
911
 
912
+ class SkyTileDashboardColumnModule {
913
+ }
914
+ SkyTileDashboardColumnModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
915
+ SkyTileDashboardColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnModule, declarations: [SkyTileDashboardColumnComponent], imports: [CommonModule, DragulaModule], exports: [SkyTileDashboardColumnComponent] });
916
+ SkyTileDashboardColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnModule, imports: [[CommonModule, DragulaModule]] });
917
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnModule, decorators: [{
918
+ type: NgModule,
919
+ args: [{
920
+ declarations: [SkyTileDashboardColumnComponent],
921
+ imports: [CommonModule, DragulaModule],
922
+ exports: [SkyTileDashboardColumnComponent],
923
+ }]
924
+ }] });
925
+
912
926
  /**
913
927
  * Specifies a container to group multiple tiles.
914
928
  */
@@ -1028,20 +1042,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
1028
1042
  }]
1029
1043
  }] } });
1030
1044
 
1031
- class SkyTileDashboardColumnModule {
1032
- }
1033
- SkyTileDashboardColumnModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1034
- SkyTileDashboardColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnModule, declarations: [SkyTileDashboardColumnComponent], imports: [CommonModule, DragulaModule], exports: [SkyTileDashboardColumnComponent] });
1035
- SkyTileDashboardColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnModule, imports: [[CommonModule, DragulaModule]] });
1036
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardColumnModule, decorators: [{
1037
- type: NgModule,
1038
- args: [{
1039
- declarations: [SkyTileDashboardColumnComponent],
1040
- imports: [CommonModule, DragulaModule],
1041
- exports: [SkyTileDashboardColumnComponent],
1042
- }]
1043
- }] });
1044
-
1045
1045
  class SkyTileDashboardModule {
1046
1046
  }
1047
1047
  SkyTileDashboardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileDashboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });