@skyux/tiles 5.6.2 → 6.0.0-beta.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 (81) hide show
  1. package/documentation.json +1 -1
  2. package/esm2020/index.mjs +24 -0
  3. package/esm2020/lib/modules/shared/sky-tiles-resources.module.mjs +60 -0
  4. package/esm2020/lib/modules/tiles/tile/tile-summary.component.mjs +16 -0
  5. package/esm2020/lib/modules/tiles/tile/tile-title.component.mjs +15 -0
  6. package/esm2020/lib/modules/tiles/tile/tile.component.mjs +160 -0
  7. package/esm2020/lib/modules/tiles/tile/tile.module.mjs +53 -0
  8. package/esm2020/lib/modules/tiles/tile-content/tile-content-section.component.mjs +15 -0
  9. package/esm2020/lib/modules/tiles/tile-content/tile-content.component.mjs +14 -0
  10. package/esm2020/lib/modules/tiles/tile-content/tile-content.module.mjs +20 -0
  11. package/esm2020/lib/modules/tiles/tile-dashboard/tile-dashboard-message-type.mjs +15 -0
  12. package/esm2020/lib/modules/tiles/tile-dashboard/tile-dashboard-message.mjs +2 -0
  13. package/esm2020/lib/modules/tiles/tile-dashboard/tile-dashboard.component.mjs +128 -0
  14. package/esm2020/lib/modules/tiles/tile-dashboard/tile-dashboard.module.mjs +32 -0
  15. package/esm2020/lib/modules/tiles/tile-dashboard/tile-dashboard.service.mjs +525 -0
  16. package/esm2020/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.mjs +32 -0
  17. package/esm2020/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.module.mjs +19 -0
  18. package/esm2020/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-column.mjs +2 -0
  19. package/esm2020/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-tile.mjs +2 -0
  20. package/esm2020/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout.mjs +2 -0
  21. package/esm2020/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-reorder-data.mjs +2 -0
  22. package/esm2020/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-tile.mjs +2 -0
  23. package/esm2020/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config.mjs +2 -0
  24. package/esm2020/lib/modules/tiles/tiles.module.mjs +31 -0
  25. package/esm2020/skyux-tiles.mjs +5 -0
  26. package/fesm2015/skyux-tiles.mjs +1076 -0
  27. package/fesm2015/skyux-tiles.mjs.map +1 -0
  28. package/{fesm2015/skyux-tiles.js → fesm2020/skyux-tiles.mjs} +57 -86
  29. package/fesm2020/skyux-tiles.mjs.map +1 -0
  30. package/lib/modules/shared/sky-tiles-resources.module.d.ts +1 -1
  31. package/package.json +27 -14
  32. package/bundles/skyux-tiles.umd.js +0 -1662
  33. package/esm2015/index.js +0 -24
  34. package/esm2015/index.js.map +0 -1
  35. package/esm2015/lib/modules/shared/sky-tiles-resources.module.js +0 -60
  36. package/esm2015/lib/modules/shared/sky-tiles-resources.module.js.map +0 -1
  37. package/esm2015/lib/modules/tiles/tile/tile-summary.component.js +0 -19
  38. package/esm2015/lib/modules/tiles/tile/tile-summary.component.js.map +0 -1
  39. package/esm2015/lib/modules/tiles/tile/tile-title.component.js +0 -19
  40. package/esm2015/lib/modules/tiles/tile/tile-title.component.js.map +0 -1
  41. package/esm2015/lib/modules/tiles/tile/tile.component.js +0 -165
  42. package/esm2015/lib/modules/tiles/tile/tile.component.js.map +0 -1
  43. package/esm2015/lib/modules/tiles/tile/tile.module.js +0 -53
  44. package/esm2015/lib/modules/tiles/tile/tile.module.js.map +0 -1
  45. package/esm2015/lib/modules/tiles/tile-content/tile-content-section.component.js +0 -19
  46. package/esm2015/lib/modules/tiles/tile-content/tile-content-section.component.js.map +0 -1
  47. package/esm2015/lib/modules/tiles/tile-content/tile-content.component.js +0 -18
  48. package/esm2015/lib/modules/tiles/tile-content/tile-content.component.js.map +0 -1
  49. package/esm2015/lib/modules/tiles/tile-content/tile-content.module.js +0 -20
  50. package/esm2015/lib/modules/tiles/tile-content/tile-content.module.js.map +0 -1
  51. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard-message-type.js +0 -15
  52. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard-message-type.js.map +0 -1
  53. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard-message.js +0 -2
  54. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard-message.js.map +0 -1
  55. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.component.js +0 -133
  56. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.component.js.map +0 -1
  57. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.module.js +0 -32
  58. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.module.js.map +0 -1
  59. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.service.js +0 -525
  60. package/esm2015/lib/modules/tiles/tile-dashboard/tile-dashboard.service.js.map +0 -1
  61. package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.js +0 -36
  62. package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.js.map +0 -1
  63. package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.module.js +0 -19
  64. package/esm2015/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.module.js.map +0 -1
  65. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-column.js +0 -2
  66. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-column.js.map +0 -1
  67. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-tile.js +0 -2
  68. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-tile.js.map +0 -1
  69. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout.js +0 -2
  70. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout.js.map +0 -1
  71. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-reorder-data.js +0 -2
  72. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-reorder-data.js.map +0 -1
  73. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-tile.js +0 -2
  74. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-tile.js.map +0 -1
  75. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config.js +0 -2
  76. package/esm2015/lib/modules/tiles/tile-dashboard-config/tile-dashboard-config.js.map +0 -1
  77. package/esm2015/lib/modules/tiles/tiles.module.js +0 -31
  78. package/esm2015/lib/modules/tiles/tiles.module.js.map +0 -1
  79. package/esm2015/skyux-tiles.js +0 -5
  80. package/esm2015/skyux-tiles.js.map +0 -1
  81. package/fesm2015/skyux-tiles.js.map +0 -1
package/esm2015/index.js DELETED
@@ -1,24 +0,0 @@
1
- export * from './lib/modules/tiles/tile/tile.module';
2
- export * from './lib/modules/tiles/tile-content/tile-content.module';
3
- export * from './lib/modules/tiles/tile-dashboard/tile-dashboard-message';
4
- export * from './lib/modules/tiles/tile-dashboard/tile-dashboard-message-type';
5
- export * from './lib/modules/tiles/tile-dashboard/tile-dashboard.module';
6
- export * from './lib/modules/tiles/tile-dashboard/tile-dashboard.service';
7
- export * from './lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.module';
8
- export * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config';
9
- export * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout';
10
- export * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-column';
11
- export * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-tile';
12
- export * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-reorder-data';
13
- export * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-tile';
14
- export * from './lib/modules/tiles/tiles.module';
15
- // Components and directives must be exported to support Angular’s “partial” Ivy compiler.
16
- // Obscure names are used to indicate types are not part of the public API.
17
- export { SkyTileComponent as λ1 } from './lib/modules/tiles/tile/tile.component';
18
- export { SkyTileSummaryComponent as λ2 } from './lib/modules/tiles/tile/tile-summary.component';
19
- export { SkyTileTitleComponent as λ3 } from './lib/modules/tiles/tile/tile-title.component';
20
- export { SkyTileContentSectionComponent as λ4 } from './lib/modules/tiles/tile-content/tile-content-section.component';
21
- export { SkyTileContentComponent as λ5 } from './lib/modules/tiles/tile-content/tile-content.component';
22
- export { SkyTileDashboardColumnComponent as λ6 } from './lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component';
23
- export { SkyTileDashboardComponent as λ7 } from './lib/modules/tiles/tile-dashboard/tile-dashboard.component';
24
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/tiles/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sCAAsC,CAAC;AAErD,cAAc,sDAAsD,CAAC;AAErE,cAAc,2DAA2D,CAAC;AAC1E,cAAc,gEAAgE,CAAC;AAC/E,cAAc,0DAA0D,CAAC;AACzE,cAAc,2DAA2D,CAAC;AAE1E,cAAc,wEAAwE,CAAC;AAEvF,cAAc,iEAAiE,CAAC;AAChF,cAAc,wEAAwE,CAAC;AACvF,cAAc,+EAA+E,CAAC;AAC9F,cAAc,6EAA6E,CAAC;AAC5F,cAAc,8EAA8E,CAAC;AAC7F,cAAc,sEAAsE,CAAC;AAErF,cAAc,kCAAkC,CAAC;AAEjD,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,gBAAgB,IAAI,EAAE,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,uBAAuB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,8BAA8B,IAAI,EAAE,EAAE,MAAM,iEAAiE,CAAC;AACvH,OAAO,EAAE,uBAAuB,IAAI,EAAE,EAAE,MAAM,yDAAyD,CAAC;AACxG,OAAO,EAAE,+BAA+B,IAAI,EAAE,EAAE,MAAM,2EAA2E,CAAC;AAClI,OAAO,EAAE,yBAAyB,IAAI,EAAE,EAAE,MAAM,6DAA6D,CAAC","sourcesContent":["export * from './lib/modules/tiles/tile/tile.module';\n\nexport * from './lib/modules/tiles/tile-content/tile-content.module';\n\nexport * from './lib/modules/tiles/tile-dashboard/tile-dashboard-message';\nexport * from './lib/modules/tiles/tile-dashboard/tile-dashboard-message-type';\nexport * from './lib/modules/tiles/tile-dashboard/tile-dashboard.module';\nexport * from './lib/modules/tiles/tile-dashboard/tile-dashboard.service';\n\nexport * from './lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.module';\n\nexport * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config';\nexport * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout';\nexport * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-column';\nexport * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-layout-tile';\nexport * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-reorder-data';\nexport * from './lib/modules/tiles/tile-dashboard-config/tile-dashboard-config-tile';\n\nexport * from './lib/modules/tiles/tiles.module';\n\n// Components and directives must be exported to support Angular’s “partial” Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyTileComponent as λ1 } from './lib/modules/tiles/tile/tile.component';\nexport { SkyTileSummaryComponent as λ2 } from './lib/modules/tiles/tile/tile-summary.component';\nexport { SkyTileTitleComponent as λ3 } from './lib/modules/tiles/tile/tile-title.component';\nexport { SkyTileContentSectionComponent as λ4 } from './lib/modules/tiles/tile-content/tile-content-section.component';\nexport { SkyTileContentComponent as λ5 } from './lib/modules/tiles/tile-content/tile-content.component';\nexport { SkyTileDashboardColumnComponent as λ6 } from './lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component';\nexport { SkyTileDashboardComponent as λ7 } from './lib/modules/tiles/tile-dashboard/tile-dashboard.component';\n"]}
@@ -1,60 +0,0 @@
1
- /**
2
- * NOTICE: DO NOT MODIFY THIS FILE!
3
- * The contents of this file were automatically generated by
4
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-tiles' schematic.
5
- * To update this file, simply rerun the command.
6
- */
7
- import { NgModule } from '@angular/core';
8
- import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
9
- import * as i0 from "@angular/core";
10
- const RESOURCES = {
11
- 'EN-US': {
12
- skyux_tile_expand: { message: 'Expand or collapse {0}' },
13
- skyux_tile_expand_default: { message: 'Expand or collapse' },
14
- skyux_tile_help: { message: '{0} help' },
15
- skyux_tile_help_default: { message: 'Help' },
16
- skyux_tile_settings: { message: '{0} settings' },
17
- skyux_tile_settings_default: { message: 'Settings' },
18
- skyux_tile_move: { message: 'Move {0}' },
19
- skyux_tile_move_default: { message: 'Move' },
20
- skyux_tile_move_instructions: {
21
- message: "When focus is placed on a tile's move button, use the arrow keys to move it. The up and down keys change its position within a column. The left and right keys move it between columns.",
22
- },
23
- skyux_tile_moved_assistive_text: {
24
- message: '{0} moved. Current column: {1} of {2}. Current position in column: {3} of {4}',
25
- },
26
- },
27
- };
28
- export class SkyTilesResourcesProvider {
29
- getString(localeInfo, name) {
30
- return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
31
- }
32
- }
33
- /**
34
- * Import into any component library module that needs to use resource strings.
35
- */
36
- export class SkyTilesResourcesModule {
37
- }
38
- SkyTilesResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTilesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
39
- SkyTilesResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTilesResourcesModule, exports: [SkyI18nModule] });
40
- SkyTilesResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTilesResourcesModule, providers: [
41
- {
42
- provide: SKY_LIB_RESOURCES_PROVIDERS,
43
- useClass: SkyTilesResourcesProvider,
44
- multi: true,
45
- },
46
- ], imports: [SkyI18nModule] });
47
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTilesResourcesModule, decorators: [{
48
- type: NgModule,
49
- args: [{
50
- exports: [SkyI18nModule],
51
- providers: [
52
- {
53
- provide: SKY_LIB_RESOURCES_PROVIDERS,
54
- useClass: SkyTilesResourcesProvider,
55
- multi: true,
56
- },
57
- ],
58
- }]
59
- }] });
60
- //# sourceMappingURL=sky-tiles-resources.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sky-tiles-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/tiles/src/lib/modules/shared/sky-tiles-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,iBAAiB,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE;QACxD,yBAAyB,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;QAC5D,eAAe,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QACxC,uBAAuB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC5C,mBAAmB,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QAChD,2BAA2B,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QACpD,eAAe,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QACxC,uBAAuB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC5C,4BAA4B,EAAE;YAC5B,OAAO,EACL,yLAAyL;SAC5L;QACD,+BAA+B,EAAE;YAC/B,OAAO,EACL,+EAA+E;SAClF;KACF;CACF,CAAC;AAEF,MAAM,OAAO,yBAAyB;IAC7B,SAAS,CAAC,UAA4B,EAAE,IAAY;QACzD,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;sHAAvB,uBAAuB,YATxB,aAAa;sHASZ,uBAAuB,aARvB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,yBAAyB;YACnC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,uBAAuB;kBAVnC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,yBAAyB;4BACnC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-tiles' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n SKY_LIB_RESOURCES_PROVIDERS,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\n skyux_tile_expand: { message: 'Expand or collapse {0}' },\n skyux_tile_expand_default: { message: 'Expand or collapse' },\n skyux_tile_help: { message: '{0} help' },\n skyux_tile_help_default: { message: 'Help' },\n skyux_tile_settings: { message: '{0} settings' },\n skyux_tile_settings_default: { message: 'Settings' },\n skyux_tile_move: { message: 'Move {0}' },\n skyux_tile_move_default: { message: 'Move' },\n skyux_tile_move_instructions: {\n message:\n \"When focus is placed on a tile's move button, use the arrow keys to move it. The up and down keys change its position within a column. The left and right keys move it between columns.\",\n },\n skyux_tile_moved_assistive_text: {\n message:\n '{0} moved. Current column: {1} of {2}. Current position in column: {3} of {4}',\n },\n },\n};\n\nexport class SkyTilesResourcesProvider implements SkyLibResourcesProvider {\n public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [\n {\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyTilesResourcesProvider,\n multi: true,\n },\n ],\n})\nexport class SkyTilesResourcesModule {}\n"]}
@@ -1,19 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Specifies content to display in the tile's summary.
5
- */
6
- /* istanbul ignore next */
7
- /* Code coverage having problems with no statements in classes */
8
- export class SkyTileSummaryComponent {
9
- }
10
- SkyTileSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
11
- 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" });
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileSummaryComponent, decorators: [{
13
- type: Component,
14
- args: [{
15
- selector: 'sky-tile-summary',
16
- templateUrl: 'tile-summary.component.html',
17
- }]
18
- }] });
19
- //# sourceMappingURL=tile-summary.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tile-summary.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile-summary.component.ts","../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile-summary.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,0BAA0B;AAC1B,iEAAiE;AACjE,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;yGAAvB,uBAAuB,wDCXpC,6BACA;4FDUa,uBAAuB;kBANnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,EAAE,6BAA6B;iBAC3C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies content to display in the tile's summary.\n */\n@Component({\n selector: 'sky-tile-summary',\n templateUrl: 'tile-summary.component.html',\n})\n/* istanbul ignore next */\n/* Code coverage having problems with no statements in classes */\nexport class SkyTileSummaryComponent {}\n","<ng-content></ng-content>\n"]}
@@ -1,19 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@skyux/theme";
4
- /**
5
- * Specifies content to display in the tile's title.
6
- */
7
- export class SkyTileTitleComponent {
8
- }
9
- SkyTileTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- 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: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileTitleComponent, decorators: [{
12
- type: Component,
13
- args: [{
14
- selector: 'sky-tile-title',
15
- templateUrl: './tile-title.component.html',
16
- styleUrls: ['./tile-title.component.scss'],
17
- }]
18
- }] });
19
- //# sourceMappingURL=tile-title.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tile-title.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile-title.component.ts","../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile/tile-title.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAE1C;;GAEG;AAMH,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;uGAArB,qBAAqB,sDCVlC,mLASA;4FDCa,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;iBAC3C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies content to display in the tile's title.\n */\n@Component({\n selector: 'sky-tile-title',\n templateUrl: './tile-title.component.html',\n styleUrls: ['./tile-title.component.scss'],\n})\nexport class SkyTileTitleComponent {}\n","<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"]}
@@ -1,165 +0,0 @@
1
- import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Optional, Output, ViewChild, } from '@angular/core';
2
- import { skyAnimationSlide } from '@skyux/animations';
3
- import { Subject } from 'rxjs';
4
- import { takeUntil } from 'rxjs/operators';
5
- import { SkyTileDashboardService } from '../tile-dashboard/tile-dashboard.service';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "../tile-dashboard/tile-dashboard.service";
8
- import * as i2 from "@skyux/indicators";
9
- import * as i3 from "@angular/common";
10
- import * as i4 from "@skyux/theme";
11
- import * as i5 from "@skyux/core";
12
- import * as i6 from "@skyux/i18n";
13
- /**
14
- * Provides a common look-and-feel for tab content.
15
- */
16
- export class SkyTileComponent {
17
- constructor(elementRef, changeDetector, dashboardService) {
18
- this.elementRef = elementRef;
19
- this.changeDetector = changeDetector;
20
- this.dashboardService = dashboardService;
21
- /**
22
- * Indicates whether to display a settings button in the tile header. To display the
23
- * button, you must also listen for the `settingsClick` event.
24
- * @default true
25
- */
26
- this.showSettings = true;
27
- /**
28
- * Indicates whether to display a help button in the tile header. To display the
29
- * button, you must also listen for the `helpClick` event.
30
- * @default true
31
- */
32
- this.showHelp = true;
33
- /**
34
- * Fires when users select the settings button in the tile header. The settings
35
- * button only appears when the `showSettings` property is set to `true`.
36
- */
37
- this.settingsClick = new EventEmitter();
38
- /**
39
- * Fires when the tile's collapsed state changes. Returns `true` when the tile
40
- * collapses and `false` when it expands.
41
- */
42
- this.isCollapsedChange = new EventEmitter();
43
- /**
44
- * Fires when users select the help button in the tile header. The help
45
- * button only appears when the `showHelp` property is set to `true`.
46
- */
47
- this.helpClick = new EventEmitter();
48
- this.isInDashboardColumn = false;
49
- this.ngUnsubscribe = new Subject();
50
- this._isCollapsed = false;
51
- this.isInDashboardColumn = !!dashboardService;
52
- if (this.dashboardService) {
53
- /**
54
- * This subscription ensures that if any values which come in from the dashboard service are
55
- * updated that the component will update if the tile's parent component utilizes OnPush
56
- * change detection.
57
- */
58
- this.dashboardService.configChange
59
- .pipe(takeUntil(this.ngUnsubscribe))
60
- .subscribe(() => {
61
- this.changeDetector.markForCheck();
62
- });
63
- }
64
- }
65
- get isCollapsed() {
66
- if (this.dashboardService) {
67
- const configCollapsedState = this.dashboardService.tileIsCollapsed(this);
68
- this._isCollapsed = configCollapsedState;
69
- }
70
- return this._isCollapsed;
71
- }
72
- /**
73
- * Indicates whether the tile is in a collapsed state.
74
- * @default false
75
- */
76
- set isCollapsed(value) {
77
- if (this.dashboardService) {
78
- this.dashboardService.setTileCollapsed(this, value);
79
- }
80
- this._isCollapsed = value;
81
- this.isCollapsedChange.emit(value);
82
- }
83
- ngOnDestroy() {
84
- this.ngUnsubscribe.next();
85
- this.ngUnsubscribe.complete();
86
- }
87
- settingsButtonClicked() {
88
- this.settingsClick.emit(undefined);
89
- }
90
- helpButtonClicked() {
91
- this.helpClick.emit(undefined);
92
- }
93
- get hasSettings() {
94
- return this.settingsClick.observers.length > 0 && this.showSettings;
95
- }
96
- get hasHelp() {
97
- return this.helpClick.observers.length > 0 && this.showHelp;
98
- }
99
- titleClick() {
100
- this.isCollapsed = !this.isCollapsed;
101
- }
102
- chevronDirectionChange(direction) {
103
- this.isCollapsed = direction === 'down';
104
- }
105
- moveTile(event) {
106
- /* istanbul ignore else */
107
- if (this.isInDashboardColumn) {
108
- const direction = event.key.toLowerCase().replace('arrow', '');
109
- /* istanbul ignore else */
110
- if (direction === 'up' ||
111
- direction === 'down' ||
112
- direction === 'left' ||
113
- direction === 'right') {
114
- this.dashboardService.moveTileOnKeyDown(this, direction, this.title
115
- ? this.title.nativeElement.innerText
116
- : /* istanbul ignore next */
117
- undefined);
118
- this.focusHandle();
119
- }
120
- }
121
- }
122
- focusHandle() {
123
- this.grabHandle.nativeElement.focus();
124
- }
125
- }
126
- SkyTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.SkyTileDashboardService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
127
- SkyTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileComponent, selector: "sky-tile", inputs: { showSettings: "showSettings", showHelp: "showHelp", tileName: "tileName", isCollapsed: "isCollapsed" }, outputs: { settingsClick: "settingsClick", isCollapsedChange: "isCollapsedChange", helpClick: "helpClick" }, viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: ElementRef }, { propertyName: "title", first: true, predicate: ["titleContainer"], descendants: true, read: ElementRef }], ngImport: i0, template: "<section\n class=\"sky-tile\"\n [ngClass]=\"{\n 'sky-tile-collapsed': isCollapsed\n }\"\n [skyThemeClass]=\"{\n 'sky-box sky-elevation-1-bordered sky-padding-even-xl': 'modern'\n }\"\n>\n <header class=\"sky-tile-header\">\n <div class=\"sky-tile-header-content\" (click)=\"titleClick()\">\n <div class=\"sky-tile-header-title\" #titleContainer>\n <ng-content select=\"sky-tile-title\"></ng-content>\n </div>\n <div\n class=\"sky-tile-summary\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern',\n 'sky-headline': 'default'\n }\"\n >\n <ng-content select=\"sky-tile-summary\"></ng-content>\n </div>\n </div>\n <div class=\"sky-tile-header-column-tools\">\n <div class=\"sky-tile-tools\">\n <ng-container *skyThemeIf=\"'default'\">\n <button\n *ngIf=\"hasHelp\"\n class=\"sky-btn sky-tile-tools-control sky-tile-help\"\n type=\"button\"\n [attr.aria-label]=\"\n tileName\n ? ('skyux_tile_help' | skyLibResources: tileName)\n : ('skyux_tile_help_default' | skyLibResources)\n \"\n [skyThemeClass]=\"{\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"helpButtonClicked()\"\n >\n <sky-icon icon=\"question-circle\"></sky-icon>\n </button>\n </ng-container>\n <sky-chevron\n [ariaControls]=\"tileContent.id\"\n [ariaLabel]=\"\n tileName\n ? ('skyux_tile_expand' | skyLibResources: tileName)\n : ('skyux_tile_expand_default' | skyLibResources)\n \"\n [direction]=\"isCollapsed ? 'down' : 'up'\"\n [skyThemeClass]=\"{\n 'sky-tile-tools-control': 'default',\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"chevronDirectionChange($event)\"\n >\n </sky-chevron>\n <button\n *ngIf=\"hasSettings\"\n class=\"sky-btn sky-tile-settings\"\n type=\"button\"\n [attr.aria-label]=\"\n tileName\n ? ('skyux_tile_settings' | skyLibResources: tileName)\n : ('skyux_tile_settings_default' | skyLibResources)\n \"\n [skyThemeClass]=\"{\n 'sky-tile-tools-control': 'default',\n 'sky-btn-icon-borderless sky-margin-inline-default': 'modern'\n }\"\n (click)=\"settingsButtonClicked()\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"cog\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"cog-line\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n <button\n *ngIf=\"isInDashboardColumn\"\n class=\"sky-btn sky-tile-grab-handle\"\n [attr.aria-label]=\"\n tileName\n ? ('skyux_tile_move' | skyLibResources: tileName)\n : ('skyux_tile_move_default' | skyLibResources)\n \"\n [attr.aria-describedby]=\"\n dashboardService?.bagId + '-move-instructions'\n \"\n [skyThemeClass]=\"{\n 'sky-tile-tools-control': 'default',\n 'sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"$event.stopPropagation()\"\n (keydown)=\"moveTile($event)\"\n #grabHandle\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"th\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"tile-drag\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n </div>\n </div>\n </header>\n <div\n class=\"sky-tile-content\"\n role=\"region\"\n skyId\n [attr.aria-label]=\"tileName\"\n [@skyAnimationSlide]=\"isCollapsed ? 'up' : 'down'\"\n #tileContent=\"skyId\"\n >\n <ng-content select=\"sky-tile-content\"></ng-content>\n </div>\n</section>\n", styles: [".sky-tile{background-color:#fff;margin-bottom:20px}.sky-tile-header{border-color:#cdcfd2;border-style:solid solid none;border-width:4px 0 0;display:flex}.sky-tile-header-content{display:flex;flex:1;align-items:baseline;cursor:pointer}.sky-tile-header-title{display:inline-flex}.sky-tile-summary{color:#0974a1;opacity:0;padding-right:15px;transition:opacity .25s;max-height:30px;overflow:hidden}.sky-tile-collapsed .sky-tile-summary{opacity:1}.sky-tile-header-column-tools{display:flex;align-items:center;flex:0 0 auto}.sky-tile-tools{display:flex;padding-right:15px}.sky-tile-tools-control{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;padding:0;display:block;margin:0 0 0 9px}.sky-tile-tools-control:hover{color:#979ba2;transition:color .15s}.sky-tile-grab-handle{cursor:move;cursor:-moz-grab;font-size:15px}.sky-tile-content{border-color:#e2e3e4;border-image:none;border-style:solid solid none;border-width:1px 0}:host-context(.sky-theme-modern) .sky-tile-header,:host-context(.sky-theme-modern) .sky-tile-content{border:none}:host-context(.sky-theme-modern) .sky-tile-header-column-tools{align-items:flex-start}:host-context(.sky-theme-modern) .sky-tile-tools{padding:0}:host-context(.sky-theme-modern) .sky-tile-tools-control{font-size:18px;color:#686c73}:host-context(.sky-theme-modern) .sky-tile-grab-handle{font-size:16px}:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep .sky-tile-content-section{border-bottom:1px dotted #c0c2c5}:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep sky-tile-content-section:first-child .sky-tile-content-section{margin-top:15px}:host-context(.sky-theme-modern) .sky-tile-content ::ng-deep sky-tile-content-section:last-child .sky-tile-content-section{padding-bottom:0;border-bottom:none}:host-context(.sky-theme-modern) :host .sky-tile{border-radius:0}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-xs) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:0}@media (min-width: 768px){:host-context(.sky-theme-modern) :host .sky-tile{border-radius:6px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:6px}.sky-theme-modern .sky-tile-header,.sky-theme-modern .sky-tile-content{border:none}.sky-theme-modern .sky-tile-header-column-tools{align-items:flex-start}.sky-theme-modern .sky-tile-tools{padding:0}.sky-theme-modern .sky-tile-tools-control{font-size:18px;color:#686c73}.sky-theme-modern .sky-tile-grab-handle{font-size:16px}.sky-theme-modern .sky-tile-content ::ng-deep .sky-tile-content-section{border-bottom:1px dotted #c0c2c5}.sky-theme-modern .sky-tile-content ::ng-deep sky-tile-content-section:first-child .sky-tile-content-section{margin-top:15px}.sky-theme-modern .sky-tile-content ::ng-deep sky-tile-content-section:last-child .sky-tile-content-section{padding-bottom:0;border-bottom:none}.sky-theme-modern :host .sky-tile{border-radius:0}.sky-theme-modern :host-context(.sky-responsive-container-xs) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:0}@media (min-width: 768px){.sky-theme-modern :host .sky-tile{border-radius:6px}}.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-tile,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-tile{border-radius:6px}\n"], components: [{ type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i4.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.λ2, selector: "[skyId]", exportAs: ["skyId"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe }, animations: [skyAnimationSlide] });
128
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileComponent, decorators: [{
129
- type: Component,
130
- args: [{
131
- selector: 'sky-tile',
132
- styleUrls: ['./tile.component.scss'],
133
- templateUrl: './tile.component.html',
134
- animations: [skyAnimationSlide],
135
- }]
136
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.SkyTileDashboardService, decorators: [{
137
- type: Optional
138
- }] }]; }, propDecorators: { showSettings: [{
139
- type: Input
140
- }], showHelp: [{
141
- type: Input
142
- }], tileName: [{
143
- type: Input
144
- }], settingsClick: [{
145
- type: Output
146
- }], isCollapsedChange: [{
147
- type: Output
148
- }], helpClick: [{
149
- type: Output
150
- }], isCollapsed: [{
151
- type: Input
152
- }], grabHandle: [{
153
- type: ViewChild,
154
- args: ['grabHandle', {
155
- read: ElementRef,
156
- static: false,
157
- }]
158
- }], title: [{
159
- type: ViewChild,
160
- args: ['titleContainer', {
161
- read: ElementRef,
162
- static: false,
163
- }]
164
- }] } });
165
- //# sourceMappingURL=tile.component.js.map
@@ -1 +0,0 @@
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"]}
@@ -1,53 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyIdModule } from '@skyux/core';
4
- import { SkyI18nModule } from '@skyux/i18n';
5
- import { SkyChevronModule, SkyIconModule } from '@skyux/indicators';
6
- import { SkyThemeModule } from '@skyux/theme';
7
- import { SkyTilesResourcesModule } from '../../shared/sky-tiles-resources.module';
8
- import { SkyTileSummaryComponent } from './tile-summary.component';
9
- import { SkyTileTitleComponent } from './tile-title.component';
10
- import { SkyTileComponent } from './tile.component';
11
- import * as i0 from "@angular/core";
12
- export class SkyTileModule {
13
- }
14
- SkyTileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
15
- SkyTileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileModule, declarations: [SkyTileComponent,
16
- SkyTileSummaryComponent,
17
- SkyTileTitleComponent], imports: [CommonModule,
18
- SkyChevronModule,
19
- SkyIdModule,
20
- SkyI18nModule,
21
- SkyIconModule,
22
- SkyThemeModule,
23
- SkyTilesResourcesModule], exports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent] });
24
- SkyTileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileModule, imports: [[
25
- CommonModule,
26
- SkyChevronModule,
27
- SkyIdModule,
28
- SkyI18nModule,
29
- SkyIconModule,
30
- SkyThemeModule,
31
- SkyTilesResourcesModule,
32
- ]] });
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileModule, decorators: [{
34
- type: NgModule,
35
- args: [{
36
- declarations: [
37
- SkyTileComponent,
38
- SkyTileSummaryComponent,
39
- SkyTileTitleComponent,
40
- ],
41
- imports: [
42
- CommonModule,
43
- SkyChevronModule,
44
- SkyIdModule,
45
- SkyI18nModule,
46
- SkyIconModule,
47
- SkyThemeModule,
48
- SkyTilesResourcesModule,
49
- ],
50
- exports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent],
51
- }]
52
- }] });
53
- //# sourceMappingURL=tile.module.js.map
@@ -1 +0,0 @@
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"]}
@@ -1,19 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@skyux/theme";
4
- /**
5
- * Specifies content to display inside a padded section of a SkyTileContentComponent.
6
- */
7
- export class SkyTileContentSectionComponent {
8
- }
9
- SkyTileContentSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileContentSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- SkyTileContentSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileContentSectionComponent, selector: "sky-tile-content-section", ngImport: i0, template: "<div\n class=\"sky-tile-content-section\"\n [skyThemeClass]=\"{\n 'sky-padding-even-large': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host-context(.sky-theme-modern) .sky-tile-content-section{padding:15px 0}.sky-theme-modern .sky-tile-content-section{padding:15px 0}\n"], directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileContentSectionComponent, decorators: [{
12
- type: Component,
13
- args: [{
14
- selector: 'sky-tile-content-section',
15
- styleUrls: ['./tile-content-section.component.scss'],
16
- templateUrl: './tile-content-section.component.html',
17
- }]
18
- }] });
19
- //# sourceMappingURL=tile-content-section.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tile-content-section.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-content/tile-content-section.component.ts","../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-content/tile-content-section.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;AAE1C;;GAEG;AAMH,MAAM,OAAO,8BAA8B;;4HAA9B,8BAA8B;gHAA9B,8BAA8B,gECV3C,6JAQA;4FDEa,8BAA8B;kBAL1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,SAAS,EAAE,CAAC,uCAAuC,CAAC;oBACpD,WAAW,EAAE,uCAAuC;iBACrD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies content to display inside a padded section of a SkyTileContentComponent.\n */\n@Component({\n selector: 'sky-tile-content-section',\n styleUrls: ['./tile-content-section.component.scss'],\n templateUrl: './tile-content-section.component.html',\n})\nexport class SkyTileContentSectionComponent {}\n","<div\n class=\"sky-tile-content-section\"\n [skyThemeClass]=\"{\n 'sky-padding-even-large': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n"]}
@@ -1,18 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Specifies content to display in the tile's body.
5
- */
6
- export class SkyTileContentComponent {
7
- }
8
- SkyTileContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- SkyTileContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTileContentComponent, selector: "sky-tile-content", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host ::ng-deep sky-tile-content-section:not(:last-child) .sky-tile-content-section{border-bottom:1px solid #e2e3e4}\n"] });
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileContentComponent, decorators: [{
11
- type: Component,
12
- args: [{
13
- selector: 'sky-tile-content',
14
- styleUrls: ['./tile-content.component.scss'],
15
- templateUrl: 'tile-content.component.html',
16
- }]
17
- }] });
18
- //# sourceMappingURL=tile-content.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tile-content.component.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-content/tile-content.component.ts","../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-content/tile-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAMH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;yGAAvB,uBAAuB,wDCVpC,6BACA;4FDSa,uBAAuB;kBALnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,SAAS,EAAE,CAAC,+BAA+B,CAAC;oBAC5C,WAAW,EAAE,6BAA6B;iBAC3C","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies content to display in the tile's body.\n */\n@Component({\n selector: 'sky-tile-content',\n styleUrls: ['./tile-content.component.scss'],\n templateUrl: 'tile-content.component.html',\n})\nexport class SkyTileContentComponent {}\n","<ng-content></ng-content>\n"]}
@@ -1,20 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyThemeModule } from '@skyux/theme';
4
- import { SkyTileContentSectionComponent } from './tile-content-section.component';
5
- import { SkyTileContentComponent } from './tile-content.component';
6
- import * as i0 from "@angular/core";
7
- export class SkyTileContentModule {
8
- }
9
- SkyTileContentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
10
- SkyTileContentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileContentModule, declarations: [SkyTileContentComponent, SkyTileContentSectionComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyTileContentComponent, SkyTileContentSectionComponent] });
11
- SkyTileContentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileContentModule, imports: [[CommonModule, SkyThemeModule]] });
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTileContentModule, decorators: [{
13
- type: NgModule,
14
- args: [{
15
- declarations: [SkyTileContentComponent, SkyTileContentSectionComponent],
16
- imports: [CommonModule, SkyThemeModule],
17
- exports: [SkyTileContentComponent, SkyTileContentSectionComponent],
18
- }]
19
- }] });
20
- //# sourceMappingURL=tile-content.module.js.map
@@ -1 +0,0 @@
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"]}
@@ -1,15 +0,0 @@
1
- /**
2
- * Specifies the type of message to send to the tile dashboard component.
3
- */
4
- export var SkyTileDashboardMessageType;
5
- (function (SkyTileDashboardMessageType) {
6
- /**
7
- * Expands all tiles within the tile dashboard.
8
- */
9
- SkyTileDashboardMessageType[SkyTileDashboardMessageType["ExpandAll"] = 0] = "ExpandAll";
10
- /**
11
- * Collapses all tiles within the tile dashboard.
12
- */
13
- SkyTileDashboardMessageType[SkyTileDashboardMessageType["CollapseAll"] = 1] = "CollapseAll";
14
- })(SkyTileDashboardMessageType || (SkyTileDashboardMessageType = {}));
15
- //# sourceMappingURL=tile-dashboard-message-type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tile-dashboard-message-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard/tile-dashboard-message-type.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,2BAUX;AAVD,WAAY,2BAA2B;IACrC;;OAEG;IACH,uFAAa,CAAA;IAEb;;OAEG;IACH,2FAAe,CAAA;AACjB,CAAC,EAVW,2BAA2B,KAA3B,2BAA2B,QAUtC","sourcesContent":["/**\n * Specifies the type of message to send to the tile dashboard component.\n */\nexport enum SkyTileDashboardMessageType {\n /**\n * Expands all tiles within the tile dashboard.\n */\n ExpandAll = 0,\n\n /**\n * Collapses all tiles within the tile dashboard.\n */\n CollapseAll = 1,\n}\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=tile-dashboard-message.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tile-dashboard-message.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/tiles/src/lib/modules/tiles/tile-dashboard/tile-dashboard-message.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyTileDashboardMessageType } from './tile-dashboard-message-type';\n\n/**\n * Specifies the messages to be sent to the tile dashboard component.\n */\nexport interface SkyTileDashboardMessage {\n /**\n * The type of message to send.\n */\n type?: SkyTileDashboardMessageType;\n}\n"]}