@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.
- package/bundles/skyux-tiles.umd.js +62 -62
- package/documentation.json +41 -41
- package/esm2015/lib/modules/shared/sky-tiles-resources.module.js +1 -1
- package/esm2015/lib/modules/shared/sky-tiles-resources.module.js.map +1 -1
- package/esm2015/lib/modules/tiles/tile/tile.component.js +1 -1
- package/esm2015/lib/modules/tiles/tile/tile.component.js.map +1 -1
- package/esm2015/lib/modules/tiles/tile/tile.module.js +3 -3
- package/esm2015/lib/modules/tiles/tile/tile.module.js.map +1 -1
- package/esm2015/lib/modules/tiles/tile-content/tile-content.module.js +1 -1
- package/esm2015/lib/modules/tiles/tile-content/tile-content.module.js.map +1 -1
- package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.component.js +4 -4
- package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.component.js.map +1 -1
- package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.module.js +3 -3
- package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.module.js.map +1 -1
- package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.service.js +48 -48
- package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.service.js.map +1 -1
- package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.module.js +1 -1
- package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.module.js.map +1 -1
- package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config.js.map +1 -1
- package/esm2015/lib/modules/tiles/tiles.module.js +2 -2
- package/esm2015/lib/modules/tiles/tiles.module.js.map +1 -1
- package/fesm2015/skyux-tiles.js +98 -98
- package/fesm2015/skyux-tiles.js.map +1 -1
- package/lib/modules/tiles/tile-dashboard/tile-dashboard.component.d.ts +2 -2
- package/lib/modules/tiles/tile-dashboard/tile-dashboard.service.d.ts +2 -2
- package/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config.d.ts +1 -1
- 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 {
|
|
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,
|
|
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"]}
|
package/fesm2015/skyux-tiles.js
CHANGED
|
@@ -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
|
-
|
|
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 (
|
|
157
|
-
for (
|
|
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 (
|
|
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
|
-
|
|
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 (
|
|
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 (
|
|
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
|
-
|
|
241
|
-
|
|
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
|
-
|
|
254
|
-
|
|
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
|
-
|
|
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
|
-
|
|
274
|
-
|
|
275
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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 (
|
|
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
|
-
|
|
386
|
+
const layout = this.config.layout;
|
|
354
387
|
if (this.mediaQuery.current === SkyMediaBreakpoints.xs ||
|
|
355
388
|
this.mediaQuery.current === SkyMediaBreakpoints.sm) {
|
|
356
|
-
for (
|
|
389
|
+
for (const tile of layout.singleColumn.tiles) {
|
|
357
390
|
this.loadTileIntoColumn(this.singleColumn, tile);
|
|
358
391
|
}
|
|
359
392
|
}
|
|
360
393
|
else {
|
|
361
|
-
|
|
394
|
+
const columns = this.columns.toArray();
|
|
362
395
|
for (let i = 0, n = layout.multiColumn.length; i < n; i++) {
|
|
363
|
-
|
|
364
|
-
for (
|
|
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
|
-
|
|
404
|
+
const tile = this.getTileOrRemoveFromLayout(layoutTile);
|
|
372
405
|
/*istanbul ignore else */
|
|
373
406
|
if (tile) {
|
|
374
|
-
|
|
375
|
-
|
|
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
|
-
|
|
393
|
-
|
|
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
|
-
|
|
400
|
-
for (
|
|
401
|
-
|
|
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
|
-
|
|
434
|
-
|
|
435
|
-
for (
|
|
466
|
+
const layoutColumns = [];
|
|
467
|
+
const columns = this.columns.toArray();
|
|
468
|
+
for (const column of columns) {
|
|
436
469
|
if (column !== this.singleColumn) {
|
|
437
|
-
|
|
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
|
-
|
|
449
|
-
|
|
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
|
-
|
|
454
|
-
|
|
455
|
-
|
|
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
|
-
|
|
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 (
|
|
529
|
+
for (const column of this.config.layout.multiColumn) {
|
|
497
530
|
/*istanbul ignore else */
|
|
498
531
|
if (column.tiles) {
|
|
499
|
-
for (
|
|
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
|
-
|
|
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 (
|
|
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 (
|
|
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
|
-
|
|
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 });
|