@skyux/tiles 12.3.0 → 12.5.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.
@@ -25,10 +25,10 @@ import { DragulaService, DragulaModule } from 'ng2-dragula';
25
25
  * Specifies content to display in the tile's summary.
26
26
  */
27
27
  class SkyTileSummaryComponent {
28
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
29
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyTileSummaryComponent, isStandalone: true, selector: "sky-tile-summary", ngImport: i0, template: "<ng-content />\n" }); }
28
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
29
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyTileSummaryComponent, isStandalone: true, selector: "sky-tile-summary", ngImport: i0, template: "<ng-content />\n" }); }
30
30
  }
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileSummaryComponent, decorators: [{
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileSummaryComponent, decorators: [{
32
32
  type: Component,
33
33
  args: [{ standalone: true, selector: 'sky-tile-summary', template: "<ng-content />\n" }]
34
34
  }] });
@@ -42,10 +42,10 @@ class SkyTileTitleComponent {
42
42
  constructor() {
43
43
  this.tileTitleId = inject(SKY_TILE_TITLE_ID);
44
44
  }
45
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
46
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyTileTitleComponent, isStandalone: true, selector: "sky-tile-title", ngImport: i0, template: "<h2 class=\"sky-tile-title sky-font-heading-2\">\n <span skyTrim [id]=\"tileTitleId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</h2>\n", styles: [".sky-tile-title{margin:0;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: SkyTrimModule }, { kind: "directive", type: i1.λ4, selector: "[skyTrim]" }] }); }
45
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
46
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyTileTitleComponent, isStandalone: true, selector: "sky-tile-title", ngImport: i0, template: "<h2 class=\"sky-tile-title sky-font-heading-2\">\n <span skyTrim [id]=\"tileTitleId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</h2>\n", styles: [".sky-tile-title{margin:0;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: SkyTrimModule }, { kind: "directive", type: i1.λ4, selector: "[skyTrim]" }] }); }
47
47
  }
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileTitleComponent, decorators: [{
48
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileTitleComponent, decorators: [{
49
49
  type: Component,
50
50
  args: [{ selector: 'sky-tile-title', imports: [SkyTrimModule], template: "<h2 class=\"sky-tile-title sky-font-heading-2\">\n <span skyTrim [id]=\"tileTitleId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</h2>\n", styles: [".sky-tile-title{margin:0;padding:0}\n"] }]
51
51
  }] });
@@ -96,11 +96,11 @@ SkyLibResourcesService.addResources(RESOURCES);
96
96
  * Import into any component library module that needs to use resource strings.
97
97
  */
98
98
  class SkyTilesResourcesModule {
99
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTilesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
100
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyTilesResourcesModule, exports: [SkyI18nModule] }); }
101
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTilesResourcesModule, imports: [SkyI18nModule] }); }
99
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTilesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
100
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyTilesResourcesModule, exports: [SkyI18nModule] }); }
101
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTilesResourcesModule, imports: [SkyI18nModule] }); }
102
102
  }
103
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTilesResourcesModule, decorators: [{
103
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTilesResourcesModule, decorators: [{
104
104
  type: NgModule,
105
105
  args: [{
106
106
  exports: [SkyI18nModule],
@@ -639,10 +639,10 @@ class SkyTileDashboardService {
639
639
  }
640
640
  }
641
641
  }
642
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
643
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardService }); }
642
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
643
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardService }); }
644
644
  }
645
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardService, decorators: [{
645
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardService, decorators: [{
646
646
  type: Injectable
647
647
  }], ctorParameters: () => [], propDecorators: { dashboardInitialized: [{
648
648
  type: Output
@@ -788,8 +788,8 @@ class SkyTileComponent {
788
788
  #focusHandle() {
789
789
  this.grabHandle?.nativeElement.focus();
790
790
  }
791
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: SkyTileDashboardService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
792
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyTileComponent, isStandalone: true, selector: "sky-tile", inputs: { helpKey: "helpKey", helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle", showSettings: "showSettings", showHelp: "showHelp", tileName: "tileName", isCollapsed: "isCollapsed" }, outputs: { settingsClick: "settingsClick", isCollapsedChange: "isCollapsedChange", helpClick: "helpClick" }, providers: [
791
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: SkyTileDashboardService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
792
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyTileComponent, isStandalone: true, selector: "sky-tile", inputs: { helpKey: "helpKey", helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle", showSettings: "showSettings", showHelp: "showHelp", tileName: "tileName", isCollapsed: "isCollapsed" }, outputs: { settingsClick: "settingsClick", isCollapsedChange: "isCollapsedChange", helpClick: "helpClick" }, providers: [
793
793
  {
794
794
  provide: SKY_TILE_TITLE_ID,
795
795
  useFactory() {
@@ -799,7 +799,7 @@ class SkyTileComponent {
799
799
  },
800
800
  ], queries: [{ propertyName: "titleRef", first: true, predicate: SkyTileTitleComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: ElementRef }, { propertyName: "title", first: true, predicate: ["titleContainer"], descendants: true, read: ElementRef }], usesOnChanges: true, 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($event)\">\n <div #titleContainer class=\"sky-tile-header-title\">\n <ng-content select=\"sky-tile-title\" />\n @if (tileName && (helpKey || helpPopoverContent)) {\n <span class=\"sky-control-help-container\">\n <sky-help-inline\n [helpKey]=\"helpKey\"\n [labelText]=\"tileName\"\n [popoverContent]=\"helpPopoverContent\"\n [popoverTitle]=\"helpPopoverTitle\"\n />\n </span>\n }\n </div>\n <div class=\"sky-tile-summary sky-font-display-3\">\n <ng-content select=\"sky-tile-summary\" />\n </div>\n </div>\n <div class=\"sky-tile-header-column-tools\">\n <div class=\"sky-tile-tools\">\n <ng-container *skyThemeIf=\"'default'\">\n @if (hasHelp) {\n <button\n class=\"sky-btn sky-btn-icon-borderless 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 (click)=\"helpButtonClicked()\"\n >\n <sky-icon iconName=\"question-circle\" />\n </button>\n }\n </ng-container>\n <sky-chevron\n class=\"sky-tile-tools-control\"\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 (directionChange)=\"chevronDirectionChange($event)\"\n />\n @if (hasSettings) {\n <button\n class=\"sky-btn sky-tile-settings sky-btn-icon-borderless sky-tile-tools-control\"\n type=\"button\"\n [attr.aria-label]=\"\n tileName\n ? ('skyux_tile_settings' | skyLibResources: tileName)\n : ('skyux_tile_settings_default' | skyLibResources)\n \"\n (click)=\"settingsButtonClicked()\"\n >\n <sky-icon iconName=\"settings\" />\n </button>\n }\n @if (isInDashboardColumn) {\n <button\n #grabHandle\n class=\"sky-btn sky-btn-icon-borderless sky-tile-tools-control sky-tile-grab-handle\"\n type=\"button\"\n [attr.aria-label]=\"\n tileName\n ? ('skyux_tile_move' | skyLibResources: tileName)\n : ('skyux_tile_move_default' | skyLibResources)\n \"\n [attr.aria-describedby]=\"ariaDescribedBy\"\n (click)=\"$event.stopPropagation()\"\n (keydown)=\"moveTile($event)\"\n >\n <sky-icon iconName=\"re-order-dots-vertical\" iconSize=\"s\" />\n </button>\n }\n </div>\n </div>\n </header>\n <div\n #tileContent=\"skyId\"\n class=\"sky-tile-content\"\n role=\"region\"\n skyId\n [attr.aria-label]=\"tileName\"\n [attr.aria-labelledby]=\"!tileName && titleRef ? tileTitleId : undefined\"\n [@skyAnimationSlide]=\"isCollapsed ? 'up' : 'down'\"\n >\n <ng-content select=\"sky-tile-content\" />\n </div>\n</section>\n", styles: [".sky-tile:not(.sky-theme-modern *){--sky-override-tile-border-radius: 0;--sky-override-tile-border-radius-xs-first: 0;--sky-override-tile-border-radius-xs-last: 0;--sky-override-tile-content-border-color: #e2e3e4;--sky-override-tile-content-border-style: solid solid none;--sky-override-tile-content-border-width: 1px 0;--sky-override-tile-header-border-color: #cdcfd2;--sky-override-tile-header-border-style: solid solid none;--sky-override-tile-header-border-width: 4px 0 0;--sky-override-tile-header-column-tools-align-items: center;--sky-override-tile-header-title-margin: 0;--sky-override-tile-header-title-padding: 10px 15px;--sky-override-tile-margin-bottom-base: 20px;--sky-override-tile-margin-bottom-gt-xs: 20px;--sky-override-tile-margin-bottom-xs: 0;--sky-override-tile-summary-color: #0974a1;--sky-override-tile-summary-padding-left: 15px;--sky-override-tile-tools-control-color: var(--sky-text-color-deemphasized);--sky-override-tile-tools-control-height: 24px;--sky-override-tile-tools-control-margin-right: 9px;--sky-override-tile-tools-control-size: 24px;--sky-override-tile-tools-control-width: 24px;--sky-override-tile-tools-padding-right: 15px}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-tile{--sky-override-tile-border-radius-xs-first: 0;--sky-override-tile-border-radius-xs-last: 0;--sky-override-tile-margin-bottom-base: 20px;--sky-override-tile-summary-color: #0974a1;--sky-override-tile-tools-control-margin-right: 10px;--sky-override-tile-tools-control-size: 26px}.sky-tile{background-color:#fff;margin-bottom:var(--sky-override-tile-margin-bottom-base, var(--sky-space-stacked-xl));--sky-background-color-page-default: #fff}:host-context(.sky-tile-dashboard-layout-single,.sky-tile-dashboard-layout-multi) .sky-tile{margin-bottom:var(--sky-override-tile-margin-bottom-xs, var(--sky-space-stacked-0))}:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-single) .sky-tile,:host-context(.sky-tile-dashboard-gt-xs) :host-context(.sky-tile-dashboard-layout-multi) .sky-tile{margin-bottom:var(--sky-override-tile-margin-bottom-gt-xs, var(--sky-space-stacked-xl))}.sky-tile-header{border-color:var(--sky-override-tile-header-border-color, none);border-style:var(--sky-override-tile-header-border-style, none);border-width:var(--sky-override-tile-header-border-width, 0);display:flex}.sky-tile-header-content{display:flex;flex:1;align-items:baseline;cursor:pointer}.sky-tile-header-title{display:inline-flex;align-items:baseline;padding:var(--sky-override-tile-header-title-padding, 0);margin:var(--sky-override-tile-header-title-margin, 0 var(--sky-space-inline-xl) 0 0)}.sky-tile-summary{color:var(--sky-override-tile-summary-color, var(--sky-color-text-action));display:none;padding-right:var(--sky-override-tile-summary-padding-left, var(--sky-space-inline-m));max-height:30px;overflow:hidden}.sky-tile-collapsed .sky-tile-summary{display:block}.sky-tile-header-column-tools{display:flex;align-items:var(--sky-override-tile-header-column-tools-align-items, flex-start);flex:0 0 auto}.sky-tile-tools{display:flex;padding:0 var(--sky-override-tile-tools-padding-right, 0) 0 0}.sky-tile-tools-control{--sky-expansion-indicator-color: var( --sky-override-tile-tools-control-color, var(--sky-color-icon-deemphasized) );color:var(--sky-override-tile-tools-control-color, var(--sky-color-icon-deemphasized));height:var(--sky-override-tile-tools-control-size, auto);width:var(--sky-override-tile-tools-control-size, auto)}.sky-tile-tools-control:not(:last-child){margin-right:var(--sky-override-tile-tools-control-margin-right, var(--sky-space-gap-action_group-s))}.sky-tile-grab-handle{cursor:move;cursor:-webkit-grab;cursor:-moz-grab}.sky-tile-content{border-color:var(--sky-override-tile-content-border-color, none);border-style:var(--sky-override-tile-content-border-style, none);border-width:var(--sky-override-tile-content-border-width, 0);border-image:none}:host-context(.sky-tile-dashboard-xs .sky-tile-dashboard-column > *:has(.sky-tile):nth-child(1 of .sky-tile-parent)) .sky-tile{border-radius:var(--sky-override-tile-border-radius-xs-first, var(--sky-border-radius-s) var(--sky-border-radius-s) var(--sky-border-radius-0) var(--sky-border-radius-0))}:host-context(.sky-tile-dashboard-xs .sky-tile-dashboard-column > *:has(.sky-tile):nth-last-child(1 of .sky-tile-parent)) .sky-tile{border-radius:var(--sky-override-tile-border-radius-xs-last, var(--sky-border-radius-0) var(--sky-border-radius-0) var(--sky-border-radius-s) var(--sky-border-radius-s))}:host .sky-tile{border-radius:var(--sky-override-tile-border-radius, var(--sky-border-radius-0))}:host-context(.sky-responsive-container-xs) .sky-tile,:host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile{border-radius:var(--sky-override-tile-border-radius, var(--sky-border-radius-0))}@media (min-width: 768px){:host .sky-tile{border-radius:var(--sky-override-tile-border-radius, var(--sky-border-radius-s))}}:host-context(.sky-responsive-container-sm) .sky-tile,:host-context(.sky-responsive-container-md) .sky-tile,:host-context(.sky-responsive-container-lg) .sky-tile{border-radius:var(--sky-override-tile-border-radius, var(--sky-border-radius-s))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SkyChevronModule }, { kind: "component", type: i3.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "ngmodule", type: SkyHelpInlineModule }, { kind: "component", type: i4$1.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i5.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i7.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "ngmodule", type: SkyTilesResourcesModule }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }], animations: [skyAnimationSlide] }); }
801
801
  }
802
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileComponent, decorators: [{
802
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileComponent, decorators: [{
803
803
  type: Component,
804
804
  args: [{ selector: 'sky-tile', animations: [skyAnimationSlide], imports: [
805
805
  CommonModule,
@@ -858,11 +858,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
858
858
  }] } });
859
859
 
860
860
  class SkyTileModule {
861
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
862
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyTileModule, imports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent], exports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent] }); }
863
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileModule, imports: [SkyTileComponent, SkyTileTitleComponent] }); }
861
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
862
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyTileModule, imports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent], exports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent] }); }
863
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileModule, imports: [SkyTileComponent, SkyTileTitleComponent] }); }
864
864
  }
865
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileModule, decorators: [{
865
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileModule, decorators: [{
866
866
  type: NgModule,
867
867
  args: [{
868
868
  imports: [SkyTileComponent, SkyTileSummaryComponent, SkyTileTitleComponent],
@@ -874,10 +874,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
874
874
  * Specifies content to display inside a padded section of a SkyTileContentComponent.
875
875
  */
876
876
  class SkyTileContentSectionComponent {
877
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileContentSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
878
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyTileContentSectionComponent, isStandalone: true, selector: "sky-tile-content-section", ngImport: i0, template: "<div class=\"sky-tile-content-section sky-border-bottom-row\">\n <ng-content />\n</div>\n", styles: [".sky-tile-content-section:not(.sky-theme-modern *){--sky-override-tile-content-section-border-color: #e2e3e4;--sky-override-tile-content-section-border-style: solid;--sky-override-tile-content-section-first-margin-top: 0;--sky-override-tile-content-section-padding: 15px;--sky-override-tile-content-section-padding-last: 15px}.sky-tile-content-section{border-bottom-color:var(--sky-override-tile-content-section-border-color, var(--sky-color-border-separator-row));border-bottom-style:var(--sky-override-tile-content-section-border-style, var(--sky-border-style-separator-row));padding:var(--sky-override-tile-content-section-padding, var(--sky-space-inset-vertical-top-m) var(--sky-space-inset-vertical-right-m) var(--sky-space-inset-vertical-bottom-m) var(--sky-space-inset-vertical-left-m))}:host:first-child .sky-tile-content-section{margin-top:var(--sky-override-tile-content-section-first-margin-top, var(--sky-space-stacked-m))}:host:last-child .sky-tile-content-section{padding-bottom:var(--sky-override-tile-content-section-padding-last, 0);border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: SkyThemeModule }] }); }
877
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileContentSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
878
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyTileContentSectionComponent, isStandalone: true, selector: "sky-tile-content-section", ngImport: i0, template: "<div class=\"sky-tile-content-section sky-border-bottom-row\">\n <ng-content />\n</div>\n", styles: [".sky-tile-content-section:not(.sky-theme-modern *){--sky-override-tile-content-section-border-color: #e2e3e4;--sky-override-tile-content-section-border-style: solid;--sky-override-tile-content-section-first-margin-top: 0;--sky-override-tile-content-section-padding: 15px;--sky-override-tile-content-section-padding-last: 15px}.sky-tile-content-section{border-bottom-color:var(--sky-override-tile-content-section-border-color, var(--sky-color-border-separator-row));border-bottom-style:var(--sky-override-tile-content-section-border-style, var(--sky-border-style-separator-row));padding:var(--sky-override-tile-content-section-padding, var(--sky-space-inset-vertical-top-m) var(--sky-space-inset-vertical-right-m) var(--sky-space-inset-vertical-bottom-m) var(--sky-space-inset-vertical-left-m))}:host:first-child .sky-tile-content-section{margin-top:var(--sky-override-tile-content-section-first-margin-top, var(--sky-space-stacked-m))}:host:last-child .sky-tile-content-section{padding-bottom:var(--sky-override-tile-content-section-padding-last, 0);border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: SkyThemeModule }] }); }
879
879
  }
880
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileContentSectionComponent, decorators: [{
880
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileContentSectionComponent, decorators: [{
881
881
  type: Component,
882
882
  args: [{ selector: 'sky-tile-content-section', imports: [SkyThemeModule], template: "<div class=\"sky-tile-content-section sky-border-bottom-row\">\n <ng-content />\n</div>\n", styles: [".sky-tile-content-section:not(.sky-theme-modern *){--sky-override-tile-content-section-border-color: #e2e3e4;--sky-override-tile-content-section-border-style: solid;--sky-override-tile-content-section-first-margin-top: 0;--sky-override-tile-content-section-padding: 15px;--sky-override-tile-content-section-padding-last: 15px}.sky-tile-content-section{border-bottom-color:var(--sky-override-tile-content-section-border-color, var(--sky-color-border-separator-row));border-bottom-style:var(--sky-override-tile-content-section-border-style, var(--sky-border-style-separator-row));padding:var(--sky-override-tile-content-section-padding, var(--sky-space-inset-vertical-top-m) var(--sky-space-inset-vertical-right-m) var(--sky-space-inset-vertical-bottom-m) var(--sky-space-inset-vertical-left-m))}:host:first-child .sky-tile-content-section{margin-top:var(--sky-override-tile-content-section-first-margin-top, var(--sky-space-stacked-m))}:host:last-child .sky-tile-content-section{padding-bottom:var(--sky-override-tile-content-section-padding-last, 0);border-bottom:none}\n"] }]
883
883
  }] });
@@ -886,20 +886,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
886
886
  * Specifies content to display in the tile's body.
887
887
  */
888
888
  class SkyTileContentComponent {
889
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
890
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyTileContentComponent, isStandalone: true, selector: "sky-tile-content", ngImport: i0, template: "<ng-content />\n" }); }
889
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
890
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyTileContentComponent, isStandalone: true, selector: "sky-tile-content", ngImport: i0, template: "<ng-content />\n" }); }
891
891
  }
892
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileContentComponent, decorators: [{
892
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileContentComponent, decorators: [{
893
893
  type: Component,
894
894
  args: [{ standalone: true, selector: 'sky-tile-content', template: "<ng-content />\n" }]
895
895
  }] });
896
896
 
897
897
  class SkyTileContentModule {
898
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
899
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyTileContentModule, imports: [SkyTileContentComponent, SkyTileContentSectionComponent], exports: [SkyTileContentComponent, SkyTileContentSectionComponent] }); }
900
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileContentModule, imports: [SkyTileContentSectionComponent] }); }
898
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
899
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyTileContentModule, imports: [SkyTileContentComponent, SkyTileContentSectionComponent], exports: [SkyTileContentComponent, SkyTileContentSectionComponent] }); }
900
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileContentModule, imports: [SkyTileContentSectionComponent] }); }
901
901
  }
902
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileContentModule, decorators: [{
902
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileContentModule, decorators: [{
903
903
  type: NgModule,
904
904
  args: [{
905
905
  imports: [SkyTileContentComponent, SkyTileContentSectionComponent],
@@ -934,10 +934,10 @@ class SkyTileDashboardColumnComponent {
934
934
  this.columnId = `tile-dashboard-column-${++columnIdIndex}`;
935
935
  this.bagId = this.#dashboardService.bagId;
936
936
  }
937
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardColumnComponent, deps: [{ token: i0.EnvironmentInjector }, { token: SkyTileDashboardService }], target: i0.ɵɵFactoryTarget.Component }); }
938
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyTileDashboardColumnComponent, isStandalone: true, selector: "sky-tile-dashboard-column", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef }], hostDirectives: [{ directive: i7.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n <div #content></div>\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-tile-dashboard-column-padding-gt-sm: 0 10px}:host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:var(--sky-override-tile-dashboard-column-padding-gt-sm, var(--sky-space-inset-horizontal-top-m) var(--sky-space-inset-horizontal-right-m) var(--sky-space-inset-horizontal-bottom-m) var(--sky-space-inset-horizontal-left-m))}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:var(--sky-override-tile-dashboard-column-padding-gt-sm, var(--sky-space-inset-horizontal-top-m) var(--sky-space-inset-horizontal-right-m) var(--sky-space-inset-horizontal-bottom-m) var(--sky-space-inset-horizontal-left-m))}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}\n"], dependencies: [{ kind: "ngmodule", type: DragulaModule }, { kind: "directive", type: i3$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }] }); }
937
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardColumnComponent, deps: [{ token: i0.EnvironmentInjector }, { token: SkyTileDashboardService }], target: i0.ɵɵFactoryTarget.Component }); }
938
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyTileDashboardColumnComponent, isStandalone: true, selector: "sky-tile-dashboard-column", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef }], hostDirectives: [{ directive: i7.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n <div #content></div>\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-tile-dashboard-column-padding-gt-sm: 0 10px}:host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:var(--sky-override-tile-dashboard-column-padding-gt-sm, var(--sky-space-inset-horizontal-top-m) var(--sky-space-inset-horizontal-right-m) var(--sky-space-inset-horizontal-bottom-m) var(--sky-space-inset-horizontal-left-m))}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:var(--sky-override-tile-dashboard-column-padding-gt-sm, var(--sky-space-inset-horizontal-top-m) var(--sky-space-inset-horizontal-right-m) var(--sky-space-inset-horizontal-bottom-m) var(--sky-space-inset-horizontal-left-m))}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}\n"], dependencies: [{ kind: "ngmodule", type: DragulaModule }, { kind: "directive", type: i3$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }] }); }
939
939
  }
940
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardColumnComponent, decorators: [{
940
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardColumnComponent, decorators: [{
941
941
  type: Component,
942
942
  args: [{ selector: 'sky-tile-dashboard-column', imports: [DragulaModule], hostDirectives: [SkyThemeComponentClassDirective], template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n <div #content></div>\n</div>\n", styles: [":host.sky-cmp-theme-default{--sky-override-tile-dashboard-column-padding-gt-sm: 0 10px}:host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:var(--sky-override-tile-dashboard-column-padding-gt-sm, var(--sky-space-inset-horizontal-top-m) var(--sky-space-inset-horizontal-right-m) var(--sky-space-inset-horizontal-bottom-m) var(--sky-space-inset-horizontal-left-m))}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:var(--sky-override-tile-dashboard-column-padding-gt-sm, var(--sky-space-inset-horizontal-top-m) var(--sky-space-inset-horizontal-right-m) var(--sky-space-inset-horizontal-bottom-m) var(--sky-space-inset-horizontal-left-m))}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host.sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-first,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-first{padding-left:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-multi-last,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-multi-last{padding-right:0}:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-sm).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-md).sky-tile-dashboard-layout-single,:host-context(.sky-theme-modern .sky-layout-host-blocks) :host-context(.sky-responsive-container-lg).sky-tile-dashboard-layout-single{padding-left:0;padding-right:0}\n"] }]
943
943
  }], ctorParameters: () => [{ type: i0.EnvironmentInjector }, { type: SkyTileDashboardService }], propDecorators: { content: [{
@@ -1060,10 +1060,10 @@ class SkyTileDashboardComponent {
1060
1060
  break;
1061
1061
  }
1062
1062
  }
1063
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardComponent, deps: [{ token: SkyTileDashboardService }, { token: i2.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1064
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyTileDashboardComponent, isStandalone: false, selector: "sky-tile-dashboard", inputs: { config: "config", messageStream: "messageStream", settingsKey: "settingsKey" }, outputs: { configChange: "configChange" }, host: { properties: { "class": "layoutClassName()" } }, providers: [SkyTileDashboardService], viewQueries: [{ propertyName: "singleColumn", first: true, predicate: ["singleColumn"], descendants: true, read: SkyTileDashboardColumnComponent }, { propertyName: "columns", predicate: SkyTileDashboardColumnComponent, descendants: true }], hostDirectives: [{ directive: i7.SkyThemeComponentClassDirective }], ngImport: i0, template: "@if (config) {\n <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n {{ tileMovedReport }}\n </span>\n @for (\n column of config.layout.multiColumn;\n track column;\n let first = $first, last = $last\n ) {\n <sky-tile-dashboard-column\n class=\"sky-tile-dashboard-layout-multi\"\n [ngClass]=\"{\n 'sky-tile-dashboard-layout-multi-first': first,\n 'sky-tile-dashboard-layout-multi-last': last\n }\"\n [ngStyle]=\"{\n 'flex-basis': 100 / config.layout.multiColumn.length + '%'\n }\"\n />\n }\n <sky-tile-dashboard-column\n #singleColumn\n class=\"sky-tile-dashboard-layout-single\"\n />\n <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n 'skyux_tile_move_instructions' | skyLibResources\n }}</span>\n <ng-content />\n}\n", styles: [":host.sky-cmp-theme-default{--sky-override-tile-dashboard-background-color: #eeeeef;--sky-override-tile-dashboard-column-padding: 0;--sky-override-tile-dashboard-multi-column-padding: 0 10px;--sky-override-tile-dashboard-padding-top: 20px}:host{background-color:var(--sky-override-tile-dashboard-background-color, transparent);display:block;padding:var(--sky-override-tile-dashboard-column-padding, var(--sky-space-inset-horizontal-0))}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs){padding-top:var(--sky-override-tile-dashboard-padding-top, var(--sky-space-inset-horizontal-top-s))!important}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:var(--sky-override-tile-dashboard-multi-column-padding, var(--sky-space-inset-horizontal-top-s) var(--sky-space-inset-horizontal-right-s) var(--sky-space-inset-horizontal-bottom-s) var(--sky-space-inset-horizontal-left-s))}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-modern .sky-layout-host-blocks){padding:0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SkyTileDashboardColumnComponent, selector: "sky-tile-dashboard-column" }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
1063
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardComponent, deps: [{ token: SkyTileDashboardService }, { token: i2.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1064
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyTileDashboardComponent, isStandalone: false, selector: "sky-tile-dashboard", inputs: { config: "config", messageStream: "messageStream", settingsKey: "settingsKey" }, outputs: { configChange: "configChange" }, host: { properties: { "class": "layoutClassName()" } }, providers: [SkyTileDashboardService], viewQueries: [{ propertyName: "singleColumn", first: true, predicate: ["singleColumn"], descendants: true, read: SkyTileDashboardColumnComponent }, { propertyName: "columns", predicate: SkyTileDashboardColumnComponent, descendants: true }], hostDirectives: [{ directive: i7.SkyThemeComponentClassDirective }], ngImport: i0, template: "@if (config) {\n <span aria-live=\"assertive\" class=\"sky-assistive-text\">\n {{ tileMovedReport }}\n </span>\n @for (\n column of config.layout.multiColumn;\n track column;\n let first = $first, last = $last\n ) {\n <sky-tile-dashboard-column\n class=\"sky-tile-dashboard-layout-multi\"\n [ngClass]=\"{\n 'sky-tile-dashboard-layout-multi-first': first,\n 'sky-tile-dashboard-layout-multi-last': last\n }\"\n [ngStyle]=\"{\n 'flex-basis': 100 / config.layout.multiColumn.length + '%'\n }\"\n />\n }\n <sky-tile-dashboard-column\n #singleColumn\n class=\"sky-tile-dashboard-layout-single\"\n />\n <span class=\"sky-screen-reader-only\" [id]=\"moveInstructionsId\">{{\n 'skyux_tile_move_instructions' | skyLibResources\n }}</span>\n <ng-content />\n}\n", styles: [":host.sky-cmp-theme-default{--sky-override-tile-dashboard-background-color: #eeeeef;--sky-override-tile-dashboard-column-padding: 0;--sky-override-tile-dashboard-multi-column-padding: 0 10px;--sky-override-tile-dashboard-padding-top: 20px}:host{background-color:var(--sky-override-tile-dashboard-background-color, transparent);display:block;padding:var(--sky-override-tile-dashboard-column-padding, var(--sky-space-inset-horizontal-0))}:host .sky-tile-dashboard-layout-multi{display:none}:host .sky-tile-dashboard-layout-single{display:block}:host-context(.sky-tile-dashboard-gt-xs){padding-top:var(--sky-override-tile-dashboard-padding-top, var(--sky-space-inset-horizontal-top-s))!important}:host-context(.sky-tile-dashboard-multi-column){display:flex;padding:var(--sky-override-tile-dashboard-multi-column-padding, var(--sky-space-inset-horizontal-top-s) var(--sky-space-inset-horizontal-right-s) var(--sky-space-inset-horizontal-bottom-s) var(--sky-space-inset-horizontal-left-s))}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-multi{display:block}:host-context(.sky-tile-dashboard-multi-column) .sky-tile-dashboard-layout-single{display:none}@media screen{.sky-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}}:host-context(.sky-theme-modern .sky-layout-host-blocks){padding:0}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SkyTileDashboardColumnComponent, selector: "sky-tile-dashboard-column" }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
1065
1065
  }
1066
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardComponent, decorators: [{
1066
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardComponent, decorators: [{
1067
1067
  type: Component,
1068
1068
  args: [{ selector: 'sky-tile-dashboard', providers: [SkyTileDashboardService], host: {
1069
1069
  '[class]': 'layoutClassName()',
@@ -1090,15 +1090,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
1090
1090
  }] } });
1091
1091
 
1092
1092
  class SkyTileDashboardModule {
1093
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1094
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardModule, declarations: [SkyTileDashboardComponent], imports: [CommonModule,
1093
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1094
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardModule, declarations: [SkyTileDashboardComponent], imports: [CommonModule,
1095
1095
  SkyTileDashboardColumnComponent,
1096
1096
  SkyTilesResourcesModule], exports: [SkyTileDashboardComponent] }); }
1097
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardModule, providers: [DragulaService], imports: [CommonModule,
1097
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardModule, providers: [DragulaService], imports: [CommonModule,
1098
1098
  SkyTileDashboardColumnComponent,
1099
1099
  SkyTilesResourcesModule] }); }
1100
1100
  }
1101
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardModule, decorators: [{
1101
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardModule, decorators: [{
1102
1102
  type: NgModule,
1103
1103
  args: [{
1104
1104
  declarations: [SkyTileDashboardComponent],
@@ -1113,11 +1113,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
1113
1113
  }] });
1114
1114
 
1115
1115
  class SkyTileDashboardColumnModule {
1116
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1117
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardColumnModule, imports: [SkyTileDashboardColumnComponent], exports: [SkyTileDashboardColumnComponent] }); }
1118
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardColumnModule, imports: [SkyTileDashboardColumnComponent] }); }
1116
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1117
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardColumnModule, imports: [SkyTileDashboardColumnComponent], exports: [SkyTileDashboardColumnComponent] }); }
1118
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardColumnModule, imports: [SkyTileDashboardColumnComponent] }); }
1119
1119
  }
1120
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTileDashboardColumnModule, decorators: [{
1120
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTileDashboardColumnModule, decorators: [{
1121
1121
  type: NgModule,
1122
1122
  args: [{
1123
1123
  imports: [SkyTileDashboardColumnComponent],
@@ -1126,17 +1126,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
1126
1126
  }] });
1127
1127
 
1128
1128
  class SkyTilesModule {
1129
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTilesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1130
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyTilesModule, exports: [SkyTileContentModule,
1129
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTilesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1130
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyTilesModule, exports: [SkyTileContentModule,
1131
1131
  SkyTileModule,
1132
1132
  SkyTileDashboardColumnModule,
1133
1133
  SkyTileDashboardModule] }); }
1134
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTilesModule, imports: [SkyTileContentModule,
1134
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTilesModule, imports: [SkyTileContentModule,
1135
1135
  SkyTileModule,
1136
1136
  SkyTileDashboardColumnModule,
1137
1137
  SkyTileDashboardModule] }); }
1138
1138
  }
1139
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyTilesModule, decorators: [{
1139
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyTilesModule, decorators: [{
1140
1140
  type: NgModule,
1141
1141
  args: [{
1142
1142
  exports: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/tiles",
3
- "version": "12.3.0",
3
+ "version": "12.5.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -16,16 +16,16 @@
16
16
  },
17
17
  "homepage": "https://github.com/blackbaud/skyux#readme",
18
18
  "peerDependencies": {
19
- "@angular/cdk": "^19.2.2",
20
- "@angular/common": "^19.2.1",
21
- "@angular/core": "^19.2.1",
22
- "@skyux/animations": "12.3.0",
23
- "@skyux/core": "12.3.0",
24
- "@skyux/help-inline": "12.3.0",
25
- "@skyux/i18n": "12.3.0",
26
- "@skyux/icon": "12.3.0",
27
- "@skyux/indicators": "12.3.0",
28
- "@skyux/theme": "12.3.0"
19
+ "@angular/cdk": "^19.2.10",
20
+ "@angular/common": "^19.2.7",
21
+ "@angular/core": "^19.2.7",
22
+ "@skyux/animations": "12.5.0",
23
+ "@skyux/core": "12.5.0",
24
+ "@skyux/help-inline": "12.5.0",
25
+ "@skyux/i18n": "12.5.0",
26
+ "@skyux/icon": "12.5.0",
27
+ "@skyux/indicators": "12.5.0",
28
+ "@skyux/theme": "12.5.0"
29
29
  },
30
30
  "dependencies": {
31
31
  "@types/dragula": "2.1.36",