@skyux/layout 14.0.0-alpha.0 → 14.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/skyux-layout.mjs +215 -215
- package/package.json +18 -18
|
@@ -66,10 +66,10 @@ class SkyActionButtonAdapterService {
|
|
|
66
66
|
return RESPONSIVE_CLASS_LG;
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
70
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
69
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
70
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonAdapterService }); }
|
|
71
71
|
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
72
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonAdapterService, decorators: [{
|
|
73
73
|
type: Injectable
|
|
74
74
|
}], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
|
|
75
75
|
|
|
@@ -100,10 +100,10 @@ class SkyActionButtonComponent {
|
|
|
100
100
|
});
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
104
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonComponent, deps: [{ token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyActionButtonComponent, isStandalone: false, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, host: { properties: { "hidden": "this.hidden" } }, ngImport: i0, template: "@if (!!permalink?.route?.commands) {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink?.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink?.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink?.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink?.route?.commands\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n} @else if (!permalink?.route && permalink?.url) {\n @if (\n !permalink?.url?.includes('://') || permalink?.url?.startsWith('https://')\n ) {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [href]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n } @else {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n }\n} @else {\n <div\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </div>\n}\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\" />\n <ng-container *ngTemplateOutlet=\"header\" />\n </div>\n <ng-container *ngTemplateOutlet=\"details\" />\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\" />\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\" />\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\" />\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\" />\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\" />\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\" />\n</ng-template>\n", styles: [".sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media(min-width:768px){.sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n", ".sky-theme-modern .sky-action-button{cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:var(--sky-comp-action_button-space-inset-top) var(--sky-comp-action_button-space-inset-right) var(--sky-comp-action_button-space-inset-bottom) var(--sky-comp-action_button-space-inset-left);text-align:left;border:none;margin:0}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 var(--sky-space-inline-s) 0 0;white-space:initial}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "directive", type: i2$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i2$1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
|
|
107
107
|
type: Component,
|
|
108
108
|
args: [{ selector: 'sky-action-button', encapsulation: ViewEncapsulation.None, standalone: false, template: "@if (!!permalink?.route?.commands) {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink?.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink?.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink?.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink?.route?.commands\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n} @else if (!permalink?.route && permalink?.url) {\n @if (\n !permalink?.url?.includes('://') || permalink?.url?.startsWith('https://')\n ) {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [href]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n } @else {\n <a\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </a>\n }\n} @else {\n <div\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\" />\n </div>\n}\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\" />\n <ng-container *ngTemplateOutlet=\"header\" />\n </div>\n <ng-container *ngTemplateOutlet=\"details\" />\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\" />\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\" />\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\" />\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\" />\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\" />\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\" />\n</ng-template>\n", styles: [".sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media(min-width:768px){.sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n", ".sky-theme-modern .sky-action-button{cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:var(--sky-comp-action_button-space-inset-top) var(--sky-comp-action_button-space-inset-right) var(--sky-comp-action_button-space-inset-bottom) var(--sky-comp-action_button-space-inset-left);text-align:left;border:none;margin:0}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 var(--sky-space-inline-s) 0 0;white-space:initial}\n"] }]
|
|
109
109
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef, decorators: [{
|
|
@@ -220,10 +220,10 @@ class SkyActionButtonContainerComponent {
|
|
|
220
220
|
this.#actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
224
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
223
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i1$1.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i2$1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
224
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyActionButtonContainerComponent, isStandalone: false, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyActionButtonAdapterService], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], hostDirectives: [{ directive: i2$1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div #container class=\"sky-action-button-container\">\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n (cdkObserveContent)=\"onContentChange()\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:-20px 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:-20px 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}@media(min-width:768px){.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:-10px 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:-10px 0}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{display:block}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-container .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 calc(var(--sky-space-gap-action_group-xl) * -1) calc(var(--sky-space-gap-action_group-xl) * -1)}.sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{margin:0 0 var(--sky-space-gap-action_group-xl) var(--sky-space-gap-action_group-xl);flex:0 1 446px}.sky-responsive-container-xs .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 calc(var(--sky-space-gap-action_group-xl) * -1) calc(var(--sky-space-gap-action_group-xl) * -1)}.sky-responsive-container-xs .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{margin:0 0 var(--sky-space-gap-action_group-xl) var(--sky-space-gap-action_group-xl);flex:0 1 446px}@media(min-width:768px){.sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}}.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
225
225
|
}
|
|
226
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
|
|
227
227
|
type: Component,
|
|
228
228
|
args: [{ selector: 'sky-action-button-container', providers: [SkyActionButtonAdapterService], encapsulation: ViewEncapsulation.None, hostDirectives: [SkyThemeComponentClassDirective], standalone: false, template: "<div #container class=\"sky-action-button-container\">\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n (cdkObserveContent)=\"onContentChange()\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:-20px 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:-20px 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}@media(min-width:768px){.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:-10px 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:-10px 0}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{display:block}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-container .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 calc(var(--sky-space-gap-action_group-xl) * -1) calc(var(--sky-space-gap-action_group-xl) * -1)}.sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{margin:0 0 var(--sky-space-gap-action_group-xl) var(--sky-space-gap-action_group-xl);flex:0 1 446px}.sky-responsive-container-xs .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 calc(var(--sky-space-gap-action_group-xl) * -1) calc(var(--sky-space-gap-action_group-xl) * -1)}.sky-responsive-container-xs .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{margin:0 0 var(--sky-space-gap-action_group-xl) var(--sky-space-gap-action_group-xl);flex:0 1 446px}@media(min-width:768px){.sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}}.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}\n"] }]
|
|
229
229
|
}], ctorParameters: () => [{ type: SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i1$1.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: i2$1.SkyThemeService, decorators: [{
|
|
@@ -248,10 +248,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
248
248
|
* Specifies a description to display on an action button.
|
|
249
249
|
*/
|
|
250
250
|
class SkyActionButtonDetailsComponent {
|
|
251
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
252
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
252
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyActionButtonDetailsComponent, isStandalone: false, selector: "sky-action-button-details", ngImport: i0, template: "<ng-content />\n" }); }
|
|
253
253
|
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonDetailsComponent, decorators: [{
|
|
255
255
|
type: Component,
|
|
256
256
|
args: [{ selector: 'sky-action-button-details', standalone: false, template: "<ng-content />\n" }]
|
|
257
257
|
}] });
|
|
@@ -260,10 +260,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
260
260
|
* Specifies a header to display on an action button.
|
|
261
261
|
*/
|
|
262
262
|
class SkyActionButtonHeaderComponent {
|
|
263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
264
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
264
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyActionButtonHeaderComponent, isStandalone: false, selector: "sky-action-button-header", hostDirectives: [{ directive: i2$1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern',\n 'sky-font-heading-2': 'default'\n }\"\n>\n <ng-content />\n</div>\n", styles: [":host .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}@media(min-width:768px){:host .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 var(--sky-space-stacked-s) 0}\n"], dependencies: [{ kind: "directive", type: i2$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] }); }
|
|
265
265
|
}
|
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
|
|
267
267
|
type: Component,
|
|
268
268
|
args: [{ selector: 'sky-action-button-header', hostDirectives: [SkyThemeComponentClassDirective], standalone: false, template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern',\n 'sky-font-heading-2': 'default'\n }\"\n>\n <ng-content />\n</div>\n", styles: [":host .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}@media(min-width:768px){:host .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 var(--sky-space-stacked-s) 0}\n"] }]
|
|
269
269
|
}] });
|
|
@@ -275,10 +275,10 @@ class SkyActionButtonIconComponent {
|
|
|
275
275
|
constructor() {
|
|
276
276
|
this.breakpoint = toSignal(inject(SkyMediaQueryService).breakpointChange);
|
|
277
277
|
}
|
|
278
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
279
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
278
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
279
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyActionButtonIconComponent, isStandalone: true, selector: "sky-action-button-icon", inputs: { iconName: "iconName" }, ngImport: i0, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n *skyThemeIf=\"'default'\"\n class=\"sky-action-button-icon\"\n [iconSize]=\"breakpoint() === 'xs' ? 'xl' : 'xxxl'\"\n [iconName]=\"iconName\"\n />\n <sky-icon\n *skyThemeIf=\"'modern'\"\n class=\"sky-action-button-icon\"\n iconSize=\"l\"\n [iconName]=\"iconName\"\n />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media(min-width:768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-icon-container{color:var(--sky-color-icon-action);background:var(--sky-color-background-icon_matte-action-soft);margin:0 var(--sky-space-inline-l) 0 0;border-radius:var(--sky-border-radius-round);width:calc(var(--sky-size-icon-l) + var(--sky-space-inset-thumbnail_matte-xl) * 2);height:calc(var(--sky-size-icon-l) + var(--sky-space-inset-thumbnail_matte-xl) * 2);display:flex;align-items:center;justify-content:center}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}:host-context(.sky-theme-modern) .sky-action-button-icon-container .sky-action-button-icon{color:var(--sky-color-icon-action)}\n"], dependencies: [{ kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i1$2.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "directive", type: i2$1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] }); }
|
|
280
280
|
}
|
|
281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
|
|
282
282
|
type: Component,
|
|
283
283
|
args: [{ selector: 'sky-action-button-icon', imports: [SkyIconModule, SkyThemeModule], template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n *skyThemeIf=\"'default'\"\n class=\"sky-action-button-icon\"\n [iconSize]=\"breakpoint() === 'xs' ? 'xl' : 'xxxl'\"\n [iconName]=\"iconName\"\n />\n <sky-icon\n *skyThemeIf=\"'modern'\"\n class=\"sky-action-button-icon\"\n iconSize=\"l\"\n [iconName]=\"iconName\"\n />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media(min-width:768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-icon-container{color:var(--sky-color-icon-action);background:var(--sky-color-background-icon_matte-action-soft);margin:0 var(--sky-space-inline-l) 0 0;border-radius:var(--sky-border-radius-round);width:calc(var(--sky-size-icon-l) + var(--sky-space-inset-thumbnail_matte-xl) * 2);height:calc(var(--sky-size-icon-l) + var(--sky-space-inset-thumbnail_matte-xl) * 2);display:flex;align-items:center;justify-content:center}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}:host-context(.sky-theme-modern) .sky-action-button-icon-container .sky-action-button-icon{color:var(--sky-color-icon-action)}\n"] }]
|
|
284
284
|
}], propDecorators: { iconName: [{
|
|
@@ -287,8 +287,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
287
287
|
}] } });
|
|
288
288
|
|
|
289
289
|
class SkyActionButtonModule {
|
|
290
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
291
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
290
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
291
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
|
|
292
292
|
SkyActionButtonContainerComponent,
|
|
293
293
|
SkyActionButtonDetailsComponent,
|
|
294
294
|
SkyActionButtonHeaderComponent], imports: [CommonModule,
|
|
@@ -301,14 +301,14 @@ class SkyActionButtonModule {
|
|
|
301
301
|
SkyActionButtonDetailsComponent,
|
|
302
302
|
SkyActionButtonHeaderComponent,
|
|
303
303
|
SkyActionButtonIconComponent] }); }
|
|
304
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
304
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonModule, imports: [CommonModule,
|
|
305
305
|
ObserversModule,
|
|
306
306
|
RouterModule,
|
|
307
307
|
SkyActionButtonIconComponent,
|
|
308
308
|
SkyHrefModule,
|
|
309
309
|
SkyThemeModule] }); }
|
|
310
310
|
}
|
|
311
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyActionButtonModule, decorators: [{
|
|
312
312
|
type: NgModule,
|
|
313
313
|
args: [{
|
|
314
314
|
declarations: [
|
|
@@ -383,11 +383,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
383
383
|
* Import into any component library module that needs to use resource strings.
|
|
384
384
|
*/
|
|
385
385
|
class SkyLayoutResourcesModule {
|
|
386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
387
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
388
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyLayoutResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
387
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyLayoutResourcesModule, exports: [SkyI18nModule] }); }
|
|
388
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyLayoutResourcesModule, imports: [SkyI18nModule] }); }
|
|
389
389
|
}
|
|
390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
390
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyLayoutResourcesModule, decorators: [{
|
|
391
391
|
type: NgModule,
|
|
392
392
|
args: [{
|
|
393
393
|
exports: [SkyI18nModule],
|
|
@@ -406,10 +406,10 @@ class SkyBackToTopComponent {
|
|
|
406
406
|
this.#_scrollToTopClick.next();
|
|
407
407
|
this.#_scrollToTopClick.complete();
|
|
408
408
|
}
|
|
409
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
410
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
409
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
410
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyBackToTopComponent, isStandalone: false, selector: "sky-back-to-top", ngImport: i0, template: "<div\n class=\"sky-back-to-top\"\n [skyThemeClass]=\"{\n 'sky-shadow': 'default',\n 'sky-elevation-3': 'modern'\n }\"\n>\n <button\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"onScrollToTopClick()\"\n >\n {{ 'skyux_back_to_top' | skyLibResources }}\n </button>\n</div>\n", styles: [".sky-back-to-top:not(.sky-theme-modern *){--sky-override-back-to-top-padding: var(--sky-margin-stacked-sm) var(--sky-margin-inline-lg);--sky-override-back-to-top-background-color: #ffffff}.sky-back-to-top{display:flex;align-items:center;width:100%;background-color:var(--sky-override-back-to-top-background-color, var(--sky-color-background-container-base));padding:var(--sky-override-back-to-top-padding, var(--sky-comp-back_to_top-space-inset-top) var(--sky-comp-back_to_top-space-inset-right) var(--sky-comp-back_to_top-space-inset-bottom) var(--sky-comp-back_to_top-space-inset-left))}\n"], dependencies: [{ kind: "directive", type: i2$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
411
411
|
}
|
|
412
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
412
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopComponent, decorators: [{
|
|
413
413
|
type: Component,
|
|
414
414
|
args: [{ selector: 'sky-back-to-top', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"sky-back-to-top\"\n [skyThemeClass]=\"{\n 'sky-shadow': 'default',\n 'sky-elevation-3': 'modern'\n }\"\n>\n <button\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"onScrollToTopClick()\"\n >\n {{ 'skyux_back_to_top' | skyLibResources }}\n </button>\n</div>\n", styles: [".sky-back-to-top:not(.sky-theme-modern *){--sky-override-back-to-top-padding: var(--sky-margin-stacked-sm) var(--sky-margin-inline-lg);--sky-override-back-to-top-background-color: #ffffff}.sky-back-to-top{display:flex;align-items:center;width:100%;background-color:var(--sky-override-back-to-top-background-color, var(--sky-color-background-container-base));padding:var(--sky-override-back-to-top-padding, var(--sky-comp-back_to_top-space-inset-top) var(--sky-comp-back_to_top-space-inset-right) var(--sky-comp-back_to_top-space-inset-bottom) var(--sky-comp-back_to_top-space-inset-left))}\n"] }]
|
|
415
415
|
}] });
|
|
@@ -486,10 +486,10 @@ class SkyBackToTopDomAdapterService {
|
|
|
486
486
|
return elementRect.top > -buffer;
|
|
487
487
|
}
|
|
488
488
|
}
|
|
489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
490
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
489
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopDomAdapterService, deps: [{ token: i1$1.SkyAppWindowRef }, { token: i1$1.SkyScrollableHostService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
490
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopDomAdapterService }); }
|
|
491
491
|
}
|
|
492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopDomAdapterService, decorators: [{
|
|
493
493
|
type: Injectable
|
|
494
494
|
}], ctorParameters: () => [{ type: i1$1.SkyAppWindowRef }, { type: i1$1.SkyScrollableHostService }] });
|
|
495
495
|
|
|
@@ -599,10 +599,10 @@ class SkyBackToTopDirective {
|
|
|
599
599
|
this.#dockItem = undefined;
|
|
600
600
|
}
|
|
601
601
|
}
|
|
602
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
603
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.
|
|
602
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopDirective, deps: [{ token: i1$1.SkyDockService }, { token: SkyBackToTopDomAdapterService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
603
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.2", type: SkyBackToTopDirective, isStandalone: false, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [SkyBackToTopDomAdapterService], ngImport: i0 }); }
|
|
604
604
|
}
|
|
605
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopDirective, decorators: [{
|
|
606
606
|
type: Directive,
|
|
607
607
|
args: [{
|
|
608
608
|
selector: '[skyBackToTop]',
|
|
@@ -616,11 +616,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
616
616
|
}] } });
|
|
617
617
|
|
|
618
618
|
class SkyBackToTopModule {
|
|
619
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
620
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
621
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
619
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
620
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [SkyLayoutResourcesModule, SkyThemeModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] }); }
|
|
621
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopModule, imports: [SkyLayoutResourcesModule, SkyThemeModule] }); }
|
|
622
622
|
}
|
|
623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBackToTopModule, decorators: [{
|
|
624
624
|
type: NgModule,
|
|
625
625
|
args: [{
|
|
626
626
|
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
@@ -633,10 +633,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
633
633
|
* Specifies the body content to display inside the box and provides padding around that content.
|
|
634
634
|
*/
|
|
635
635
|
class SkyBoxContentComponent {
|
|
636
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
637
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
636
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
637
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyBoxContentComponent, isStandalone: false, selector: "sky-box-content", ngImport: i0, template: "<div class=\"sky-box-content\">\n <ng-content />\n</div>\n" }); }
|
|
638
638
|
}
|
|
639
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
639
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxContentComponent, decorators: [{
|
|
640
640
|
type: Component,
|
|
641
641
|
args: [{ selector: 'sky-box-content', standalone: false, template: "<div class=\"sky-box-content\">\n <ng-content />\n</div>\n" }]
|
|
642
642
|
}] });
|
|
@@ -659,10 +659,10 @@ class SkyBoxControlsComponent {
|
|
|
659
659
|
}
|
|
660
660
|
#contentInfoProvider = inject(SkyContentInfoProvider);
|
|
661
661
|
#boxHeaderId = inject(SKY_BOX_HEADER_ID);
|
|
662
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
663
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
662
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
663
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyBoxControlsComponent, isStandalone: false, selector: "sky-box-controls", providers: [SkyContentInfoProvider], ngImport: i0, template: "<div class=\"sky-box-controls\">\n <ng-content />\n</div>\n" }); }
|
|
664
664
|
}
|
|
665
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxControlsComponent, decorators: [{
|
|
666
666
|
type: Component,
|
|
667
667
|
args: [{ selector: 'sky-box-controls', providers: [SkyContentInfoProvider], standalone: false, template: "<div class=\"sky-box-controls\">\n <ng-content />\n</div>\n" }]
|
|
668
668
|
}] });
|
|
@@ -679,10 +679,10 @@ class SkyBoxHeaderComponent {
|
|
|
679
679
|
replacementRecommendation: 'To add a header to box, use the `headingText` input on the box component instead.',
|
|
680
680
|
});
|
|
681
681
|
}
|
|
682
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
683
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
682
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
683
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyBoxHeaderComponent, isStandalone: false, selector: "sky-box-header", ngImport: i0, template: "<div class=\"sky-box-header\">\n <span skyTrim [id]=\"boxHeaderId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box:not(.sky-theme-modern *){--sky-override-box-header-padding-right: var(--sky-margin-inline-xl)}sky-box-header{flex:1 0}sky-box-header .sky-box-header{padding-right:var(--sky-override-box-header-padding-right, var(--sky-space-gap-text_action-l))}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"], dependencies: [{ kind: "directive", type: i1$1.λ4, selector: "[skyTrim]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
684
684
|
}
|
|
685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
685
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxHeaderComponent, decorators: [{
|
|
686
686
|
type: Component,
|
|
687
687
|
args: [{ selector: 'sky-box-header', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"sky-box-header\">\n <span skyTrim [id]=\"boxHeaderId\"><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box:not(.sky-theme-modern *){--sky-override-box-header-padding-right: var(--sky-margin-inline-xl)}sky-box-header{flex:1 0}sky-box-header .sky-box-header{padding-right:var(--sky-override-box-header-padding-right, var(--sky-space-gap-text_action-l))}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"] }]
|
|
688
688
|
}], ctorParameters: () => [] });
|
|
@@ -741,8 +741,8 @@ class SkyBoxComponent {
|
|
|
741
741
|
#_headingText;
|
|
742
742
|
#boxControls;
|
|
743
743
|
#boxHeaderRef;
|
|
744
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
745
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
744
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
745
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyBoxComponent, isStandalone: false, selector: "sky-box", inputs: { headingText: "headingText", headingHidden: ["headingHidden", "headingHidden", booleanAttribute], headingLevel: ["headingLevel", "headingLevel", numberAttribute2], headingStyle: ["headingStyle", "headingStyle", numberAttribute2], helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle", helpKey: "helpKey", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, providers: [
|
|
746
746
|
{
|
|
747
747
|
provide: SKY_BOX_HEADER_ID,
|
|
748
748
|
useFactory() {
|
|
@@ -752,7 +752,7 @@ class SkyBoxComponent {
|
|
|
752
752
|
},
|
|
753
753
|
], queries: [{ propertyName: "boxHeaderRef", first: true, predicate: SkyBoxHeaderComponent, descendants: true, read: ElementRef }, { propertyName: "boxControls", first: true, predicate: SkyBoxControlsComponent, descendants: true }], ngImport: i0, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"headingText || ariaLabel\"\n [attr.aria-labelledby]=\"headingText ? headerId : ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n @if (headingText) {\n <div class=\"sky-box-header-right\">\n @switch (headingLevel) {\n @case (3) {\n <!-- display: inline -->\n <h3\n [id]=\"headerId\"\n [class]=\"headingClass\"\n [class.sky-screen-reader-only]=\"headingHidden\"\n >{{ headingText }}</h3\n >\n }\n @case (4) {\n <!-- display: inline -->\n <h4\n [id]=\"headerId\"\n [class]=\"headingClass\"\n [class.sky-screen-reader-only]=\"headingHidden\"\n >{{ headingText }}</h4\n >\n }\n @case (5) {\n <!-- display: inline -->\n <h5\n [id]=\"headerId\"\n [class]=\"headingClass\"\n [class.sky-screen-reader-only]=\"headingHidden\"\n >{{ headingText }}</h5\n >\n }\n @default {\n <!-- display: inline -->\n <h2\n [id]=\"headerId\"\n [class]=\"headingClass\"\n [class.sky-screen-reader-only]=\"headingHidden\"\n >{{ headingText }}</h2\n >\n }\n }\n @if ((helpPopoverContent || helpKey) && !headingHidden) {\n <span class=\"sky-control-help-container\">\n <sky-help-inline\n [helpKey]=\"helpKey\"\n [labelText]=\"headingText\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n />\n </span>\n }\n </div>\n } @else {\n <ng-content select=\"sky-box-header\" />\n }\n <ng-content select=\"sky-box-controls\" />\n </div>\n <ng-content />\n</section>\n", styles: ["sky-box:not(.sky-theme-modern *){--sky-override-box-content-padding: var(--sky-padding-even-xl);--sky-override-box-header-container-padding: var(--sky-padding-even-xl) var(--sky-padding-even-xl) 0 var(--sky-padding-even-xl);--sky-override-box-header-padding-right: var(--sky-margin-inline-xl);--sky-override-box-background-color-default: #fff}sky-box{display:block}.sky-box{--sky-background-color-page-default: var( --sky-override-box-background-color-default, var(--sky-color-background-container-base) );--sky-comp-override-list-header-background-color: initial;border-radius:var(--sky-box-border-radius);overflow:var(--sky-box-overflow)}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:var(--sky-override-box-header-container-padding, var(--sky-comp-box-header-space-inset-top) var(--sky-comp-box-header-space-inset-right) var(--sky-comp-box-header-space-inset-bottom) var(--sky-comp-box-header-space-inset-left))}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box .sky-box-header-content .sky-box-header-right{flex:1 0;padding-right:var(--sky-override-box-header-padding-right, var(--sky-space-gap-text_action-l))}.sky-box .sky-box-header-content h2,.sky-box .sky-box-header-content h3,.sky-box .sky-box-header-content h4,.sky-box .sky-box-header-content h5{display:inline;margin-block:0}.sky-box sky-box-content .sky-box-content{padding:var(--sky-override-box-content-padding, var(--sky-comp-box-content-space-inset-top) var(--sky-comp-box-content-space-inset-right) var(--sky-comp-box-content-space-inset-bottom) var(--sky-comp-box-content-space-inset-left))}\n"], dependencies: [{ kind: "component", type: i1$3.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "directive", type: i2$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
754
754
|
}
|
|
755
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxComponent, decorators: [{
|
|
756
756
|
type: Component,
|
|
757
757
|
args: [{ selector: 'sky-box', encapsulation: ViewEncapsulation.None, providers: [
|
|
758
758
|
{
|
|
@@ -795,17 +795,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
795
795
|
}] } });
|
|
796
796
|
|
|
797
797
|
class SkyBoxModule {
|
|
798
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
799
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
798
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
799
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxModule, declarations: [SkyBoxComponent,
|
|
800
800
|
SkyBoxHeaderComponent,
|
|
801
801
|
SkyBoxContentComponent,
|
|
802
802
|
SkyBoxControlsComponent], imports: [SkyHelpInlineModule, SkyThemeModule, SkyTrimModule], exports: [SkyBoxComponent,
|
|
803
803
|
SkyBoxHeaderComponent,
|
|
804
804
|
SkyBoxContentComponent,
|
|
805
805
|
SkyBoxControlsComponent] }); }
|
|
806
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
806
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxModule, imports: [SkyHelpInlineModule, SkyThemeModule, SkyTrimModule] }); }
|
|
807
807
|
}
|
|
808
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyBoxModule, decorators: [{
|
|
809
809
|
type: NgModule,
|
|
810
810
|
args: [{
|
|
811
811
|
declarations: [
|
|
@@ -937,10 +937,10 @@ class SkyInlineDeleteAdapterService {
|
|
|
937
937
|
previousInd > currentInd ||
|
|
938
938
|
!event.relatedTarget);
|
|
939
939
|
}
|
|
940
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
941
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
940
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyInlineDeleteAdapterService, deps: [{ token: i1$1.SkyCoreAdapterService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
941
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyInlineDeleteAdapterService }); }
|
|
942
942
|
}
|
|
943
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
943
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyInlineDeleteAdapterService, decorators: [{
|
|
944
944
|
type: Injectable
|
|
945
945
|
}], ctorParameters: () => [{ type: i1$1.SkyCoreAdapterService }, { type: i0.RendererFactory2 }] });
|
|
946
946
|
|
|
@@ -1043,8 +1043,8 @@ class SkyInlineDeleteComponent {
|
|
|
1043
1043
|
}
|
|
1044
1044
|
}
|
|
1045
1045
|
}
|
|
1046
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1047
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1046
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyInlineDeleteComponent, deps: [{ token: SkyInlineDeleteAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1047
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyInlineDeleteComponent, isStandalone: false, selector: "sky-inline-delete", inputs: { pending: "pending" }, outputs: { cancelTriggered: "cancelTriggered", deleteTriggered: "deleteTriggered" }, providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n>\n <span\n class=\"sky-inline-delete-assistive-text sky-screen-reader-only\"\n [id]=\"assistiveTextId\"\n >\n {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n </span>\n <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\" />\n <div class=\"sky-inline-delete-content\">\n <div class=\"sky-inline-delete-content-animation-container\">\n <button\n #delete\n class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n type=\"button\"\n (click)=\"onDeleteClick()\"\n >\n {{ 'skyux_inline_delete_delete' | skyLibResources }}\n </button>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onCancelClick()\"\n >\n {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".sky-inline-delete:not(.sky-theme-modern *){--sky-override-inline-delete-background-color: rgba(0, 0, 0, .5);--sky-override-inline-delete-border: 2px solid #ef4044;--sky-override-inline-delete-button-margin-right: 10px;--sky-override-inline-delete-content-left: 20px;--sky-override-inline-delete-content-padding: 0}.sky-inline-delete{position:absolute!important;top:0;left:0;width:100%;height:100%;background-color:var(--sky-override-inline-delete-background-color, var(--sky-color-background-scrim));z-index:999;border:var(--sky-override-inline-delete-border, var(--sky-border-width-selected-m) solid var(--sky-color-border-danger))}.sky-inline-delete-button{margin-right:var(--sky-override-inline-delete-button-margin-right, var(--sky-space-gap-action_group-m))}.sky-inline-delete-card .sky-inline-delete-content{position:absolute;bottom:10px;text-align:center;width:100%}.sky-inline-delete-standard .sky-inline-delete-content{position:absolute;top:50%;transform:translateY(-50%);left:var(--sky-override-inline-delete-content-left, 0);padding:var(--sky-override-inline-delete-content-padding, var(--sky-space-inset-horizontal-top-l) var(--sky-space-inset-horizontal-right-l) var(--sky-space-inset-horizontal-bottom-l) var(--sky-space-inset-horizontal-left-l))}.sky-inline-delete-wait{height:100%}\n"], dependencies: [{ kind: "component", type: i2$2.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], animations: [
|
|
1048
1048
|
trigger('inlineDeleteAnimation', [
|
|
1049
1049
|
transition('* => shown', [
|
|
1050
1050
|
style({
|
|
@@ -1072,7 +1072,7 @@ class SkyInlineDeleteComponent {
|
|
|
1072
1072
|
]),
|
|
1073
1073
|
] }); }
|
|
1074
1074
|
}
|
|
1075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1075
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyInlineDeleteComponent, decorators: [{
|
|
1076
1076
|
type: Component,
|
|
1077
1077
|
args: [{ selector: 'sky-inline-delete', animations: [
|
|
1078
1078
|
trigger('inlineDeleteAnimation', [
|
|
@@ -1116,11 +1116,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1116
1116
|
}] } });
|
|
1117
1117
|
|
|
1118
1118
|
class SkyInlineDeleteModule {
|
|
1119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1120
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
1121
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
1119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyInlineDeleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1120
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyInlineDeleteModule, declarations: [SkyInlineDeleteComponent], imports: [SkyLayoutResourcesModule, SkyWaitModule], exports: [SkyInlineDeleteComponent] }); }
|
|
1121
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyInlineDeleteModule, imports: [SkyLayoutResourcesModule, SkyWaitModule] }); }
|
|
1122
1122
|
}
|
|
1123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyInlineDeleteModule, decorators: [{
|
|
1124
1124
|
type: NgModule,
|
|
1125
1125
|
args: [{
|
|
1126
1126
|
declarations: [SkyInlineDeleteComponent],
|
|
@@ -1134,10 +1134,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1134
1134
|
* @deprecated
|
|
1135
1135
|
*/
|
|
1136
1136
|
class SkyCardActionsComponent {
|
|
1137
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1138
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1137
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1138
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyCardActionsComponent, isStandalone: false, selector: "sky-card-actions", hostDirectives: [{ directive: i2$1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<ng-content />\n", styles: [":host.sky-cmp-theme-default{--sky-override-card-actions-border-top: 1px solid #e2e3e4;--sky-override-card-actions-padding: 7px 0}:host{display:block;border-top:var(--sky-override-card-actions-border-top, none);padding:var(--sky-override-card-actions-padding, var(--sky-comp-card-large-actions-space-inset-top) var(--sky-comp-card-large-actions-space-inset-right) var(--sky-comp-card-large-actions-space-inset-bottom) var(--sky-comp-card-large-actions-space-inset-left))}:host-context(.sky-card-small){padding:var(--sky-override-card-actions-padding, var(--sky-comp-card-small-actions-space-inset-top) var(--sky-comp-card-small-actions-space-inset-right) var(--sky-comp-card-small-actions-space-inset-bottom) var(--sky-comp-card-small-actions-space-inset-left))}\n"] }); }
|
|
1139
1139
|
}
|
|
1140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardActionsComponent, decorators: [{
|
|
1141
1141
|
type: Component,
|
|
1142
1142
|
args: [{ selector: 'sky-card-actions', standalone: false, hostDirectives: [SkyThemeComponentClassDirective], template: "<ng-content />\n", styles: [":host.sky-cmp-theme-default{--sky-override-card-actions-border-top: 1px solid #e2e3e4;--sky-override-card-actions-padding: 7px 0}:host{display:block;border-top:var(--sky-override-card-actions-border-top, none);padding:var(--sky-override-card-actions-padding, var(--sky-comp-card-large-actions-space-inset-top) var(--sky-comp-card-large-actions-space-inset-right) var(--sky-comp-card-large-actions-space-inset-bottom) var(--sky-comp-card-large-actions-space-inset-left))}:host-context(.sky-card-small){padding:var(--sky-override-card-actions-padding, var(--sky-comp-card-small-actions-space-inset-top) var(--sky-comp-card-small-actions-space-inset-right) var(--sky-comp-card-small-actions-space-inset-bottom) var(--sky-comp-card-small-actions-space-inset-left))}\n"] }]
|
|
1143
1143
|
}] });
|
|
@@ -1147,10 +1147,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1147
1147
|
* @deprecated
|
|
1148
1148
|
*/
|
|
1149
1149
|
class SkyCardContentComponent {
|
|
1150
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1151
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1150
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1151
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyCardContentComponent, isStandalone: false, selector: "sky-card-content", ngImport: i0, template: "<ng-content />\n" }); }
|
|
1152
1152
|
}
|
|
1153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardContentComponent, decorators: [{
|
|
1154
1154
|
type: Component,
|
|
1155
1155
|
args: [{ selector: 'sky-card-content', standalone: false, template: "<ng-content />\n" }]
|
|
1156
1156
|
}] });
|
|
@@ -1160,10 +1160,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1160
1160
|
* @deprecated
|
|
1161
1161
|
*/
|
|
1162
1162
|
class SkyCardTitleComponent {
|
|
1163
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1164
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1163
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1164
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyCardTitleComponent, isStandalone: false, selector: "sky-card-title", ngImport: i0, template: "<ng-content />\n" }); }
|
|
1165
1165
|
}
|
|
1166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardTitleComponent, decorators: [{
|
|
1167
1167
|
type: Component,
|
|
1168
1168
|
args: [{ selector: 'sky-card-title', standalone: false, template: "<ng-content />\n" }]
|
|
1169
1169
|
}] });
|
|
@@ -1243,10 +1243,10 @@ class SkyCardComponent {
|
|
|
1243
1243
|
this.#subscription.unsubscribe();
|
|
1244
1244
|
}
|
|
1245
1245
|
}
|
|
1246
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1247
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
1246
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardComponent, deps: [{ token: i1$1.SkyLogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1247
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyCardComponent, isStandalone: false, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0, template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\" />\n <header>\n @if (selectable || showTitle) {\n <div class=\"sky-card-header\" (click)=\"contentClick()\">\n <div class=\"sky-card-heading-middle\">\n @if (showTitle) {\n <h1 class=\"sky-card-title sky-section-heading sky-font-heading-2\">\n <ng-content select=\"sky-card-title\" />\n </h1>\n }\n </div>\n @if (selectable) {\n <div class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n />\n </div>\n }\n </div>\n }\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\" />\n </div>\n <div\n #actionsEl\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n >\n <ng-content select=\"sky-card-actions\" />\n </div>\n</section>\n", styles: [".sky-card:not(.sky-theme-modern *){--sky-override-card-background-color-selected: #f1eef6;--sky-override-card-background-color: #fff;--sky-override-card-border-radius: 0;--sky-override-card-border: 1px solid #cdcfd2;--sky-override-card-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-card-checkbox-margin-right: 5px;--sky-override-card-content-padding: 10px;--sky-override-card-header-checkbox-padding-right: 10px;--sky-override-card-header-font-size: 26px;--sky-override-card-header-font-weight: 300;--sky-override-card-header-line-height: 1.428571429;--sky-override-card-header-padding: 10px 0 0 0;--sky-override-card-header-text-padding: 0 10px;--sky-override-card-large-height: 350px;--sky-override-card-large-width: 350px;--sky-override-card-margin: 0 10px 10px 0;--sky-override-card-small-height: 250px;--sky-override-card-small-width: 225px}.sky-card{--sky-comp-override-switch-label-margin-right: var( --sky-override-card-checkbox-margin-right, 0 );background-color:var(--sky-override-card-background-color, var(--sky-color-background-container-base));border:var(--sky-override-card-border, none);border-radius:var(--sky-override-card-border-radius, var(--sky-border-radius-s));box-shadow:var(--sky-override-card-box-shadow, inset 0 0 0 var(--sky-border-width-container-base) var(--sky-color-border-container-base), var(--sky-elevation-raised-100));display:inline-flex;flex-direction:column;height:var(--sky-override-card-large-height, 360px);margin:var(--sky-override-card-margin, var(--sky-comp-card-space-offset-top) var(--sky-comp-card-space-offset-right) var(--sky-comp-card-space-offset-bottom) var(--sky-comp-card-space-offset-left));transition:background-color .15s;vertical-align:top;width:var(--sky-override-card-large-width, 360px);position:relative}.sky-card-small{height:var(--sky-override-card-small-height, 256px);width:var(--sky-override-card-small-width, 240px)}.sky-card-small .sky-card-header{padding:var(--sky-override-card-header-padding, var(--sky-comp-card-small-header-space-inset-top) var(--sky-comp-card-small-header-space-inset-right) var(--sky-comp-card-small-header-space-inset-bottom) var(--sky-comp-card-small-header-space-inset-left))}.sky-card-small .sky-card-content{padding:var(--sky-override-card-content-padding, var(--sky-comp-card-small-content-space-inset-top) var(--sky-comp-card-small-content-space-inset-right) var(--sky-comp-card-small-content-space-inset-bottom) var(--sky-comp-card-small-content-space-inset-left))}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:var(--sky-override-card-background-color-selected, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-card-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-secondary-base));transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:var(--sky-override-card-header-padding, var(--sky-comp-card-large-header-space-inset-top) var(--sky-comp-card-large-header-space-inset-right) var(--sky-comp-card-large-header-space-inset-bottom) var(--sky-comp-card-large-header-space-inset-left))}.sky-card-heading-middle{flex-grow:1;padding:var(--sky-override-card-header-text-padding, 0 var(--sky-space-gap-text_action-l) 0 0);overflow:hidden}.sky-card-title{margin:0;line-height:var(--sky-override-card-header-line-height, var(--sky-font-line_height-heading-2));font-size:var(--sky-override-card-header-font-size, var(--sky-font-size-heading-2));font-weight:var(--sky-override-card-header-font-weight, var(--sky-font-style-heading-2))}.sky-card-check{flex-shrink:0;padding-right:var(--sky-override-card-header-checkbox-padding-right, 0)}.sky-card-content{flex-grow:1;font-weight:400;margin:0;padding:var(--sky-override-card-content-padding, var(--sky-comp-card-large-content-space-inset-top) var(--sky-comp-card-large-content-space-inset-right) var(--sky-comp-card-large-content-space-inset-bottom) var(--sky-comp-card-large-content-space-inset-left));overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
|
|
1248
1248
|
}
|
|
1249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardComponent, decorators: [{
|
|
1250
1250
|
type: Component,
|
|
1251
1251
|
args: [{ selector: 'sky-card', standalone: false, template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\" />\n <header>\n @if (selectable || showTitle) {\n <div class=\"sky-card-header\" (click)=\"contentClick()\">\n <div class=\"sky-card-heading-middle\">\n @if (showTitle) {\n <h1 class=\"sky-card-title sky-section-heading sky-font-heading-2\">\n <ng-content select=\"sky-card-title\" />\n </h1>\n }\n </div>\n @if (selectable) {\n <div class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n />\n </div>\n }\n </div>\n }\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\" />\n </div>\n <div\n #actionsEl\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n >\n <ng-content select=\"sky-card-actions\" />\n </div>\n</section>\n", styles: [".sky-card:not(.sky-theme-modern *){--sky-override-card-background-color-selected: #f1eef6;--sky-override-card-background-color: #fff;--sky-override-card-border-radius: 0;--sky-override-card-border: 1px solid #cdcfd2;--sky-override-card-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-card-checkbox-margin-right: 5px;--sky-override-card-content-padding: 10px;--sky-override-card-header-checkbox-padding-right: 10px;--sky-override-card-header-font-size: 26px;--sky-override-card-header-font-weight: 300;--sky-override-card-header-line-height: 1.428571429;--sky-override-card-header-padding: 10px 0 0 0;--sky-override-card-header-text-padding: 0 10px;--sky-override-card-large-height: 350px;--sky-override-card-large-width: 350px;--sky-override-card-margin: 0 10px 10px 0;--sky-override-card-small-height: 250px;--sky-override-card-small-width: 225px}.sky-card{--sky-comp-override-switch-label-margin-right: var( --sky-override-card-checkbox-margin-right, 0 );background-color:var(--sky-override-card-background-color, var(--sky-color-background-container-base));border:var(--sky-override-card-border, none);border-radius:var(--sky-override-card-border-radius, var(--sky-border-radius-s));box-shadow:var(--sky-override-card-box-shadow, inset 0 0 0 var(--sky-border-width-container-base) var(--sky-color-border-container-base), var(--sky-elevation-raised-100));display:inline-flex;flex-direction:column;height:var(--sky-override-card-large-height, 360px);margin:var(--sky-override-card-margin, var(--sky-comp-card-space-offset-top) var(--sky-comp-card-space-offset-right) var(--sky-comp-card-space-offset-bottom) var(--sky-comp-card-space-offset-left));transition:background-color .15s;vertical-align:top;width:var(--sky-override-card-large-width, 360px);position:relative}.sky-card-small{height:var(--sky-override-card-small-height, 256px);width:var(--sky-override-card-small-width, 240px)}.sky-card-small .sky-card-header{padding:var(--sky-override-card-header-padding, var(--sky-comp-card-small-header-space-inset-top) var(--sky-comp-card-small-header-space-inset-right) var(--sky-comp-card-small-header-space-inset-bottom) var(--sky-comp-card-small-header-space-inset-left))}.sky-card-small .sky-card-content{padding:var(--sky-override-card-content-padding, var(--sky-comp-card-small-content-space-inset-top) var(--sky-comp-card-small-content-space-inset-right) var(--sky-comp-card-small-content-space-inset-bottom) var(--sky-comp-card-small-content-space-inset-left))}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:var(--sky-override-card-background-color-selected, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-card-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-secondary-base));transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:var(--sky-override-card-header-padding, var(--sky-comp-card-large-header-space-inset-top) var(--sky-comp-card-large-header-space-inset-right) var(--sky-comp-card-large-header-space-inset-bottom) var(--sky-comp-card-large-header-space-inset-left))}.sky-card-heading-middle{flex-grow:1;padding:var(--sky-override-card-header-text-padding, 0 var(--sky-space-gap-text_action-l) 0 0);overflow:hidden}.sky-card-title{margin:0;line-height:var(--sky-override-card-header-line-height, var(--sky-font-line_height-heading-2));font-size:var(--sky-override-card-header-font-size, var(--sky-font-size-heading-2));font-weight:var(--sky-override-card-header-font-weight, var(--sky-font-style-heading-2))}.sky-card-check{flex-shrink:0;padding-right:var(--sky-override-card-header-checkbox-padding-right, 0)}.sky-card-content{flex-grow:1;font-weight:400;margin:0;padding:var(--sky-override-card-content-padding, var(--sky-comp-card-large-content-space-inset-top) var(--sky-comp-card-large-content-space-inset-right) var(--sky-comp-card-large-content-space-inset-bottom) var(--sky-comp-card-large-content-space-inset-left));overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}\n"] }]
|
|
1252
1252
|
}], ctorParameters: () => [{ type: i1$1.SkyLogService }], propDecorators: { size: [{
|
|
@@ -1269,8 +1269,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1269
1269
|
* @deprecated `SkyCardModule` is deprecated. For other SKY UX components that group and list content, see the content containers guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/content-containers.
|
|
1270
1270
|
*/
|
|
1271
1271
|
class SkyCardModule {
|
|
1272
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1273
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
1272
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1273
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyCardModule, declarations: [SkyCardActionsComponent,
|
|
1274
1274
|
SkyCardComponent,
|
|
1275
1275
|
SkyCardContentComponent,
|
|
1276
1276
|
SkyCardTitleComponent], imports: [CommonModule,
|
|
@@ -1281,13 +1281,13 @@ class SkyCardModule {
|
|
|
1281
1281
|
SkyCardComponent,
|
|
1282
1282
|
SkyCardContentComponent,
|
|
1283
1283
|
SkyCardTitleComponent] }); }
|
|
1284
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
1284
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardModule, imports: [CommonModule,
|
|
1285
1285
|
FormsModule,
|
|
1286
1286
|
SkyCheckboxModule,
|
|
1287
1287
|
SkyLayoutResourcesModule,
|
|
1288
1288
|
SkyInlineDeleteModule] }); }
|
|
1289
1289
|
}
|
|
1290
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyCardModule, decorators: [{
|
|
1291
1291
|
type: NgModule,
|
|
1292
1292
|
args: [{
|
|
1293
1293
|
declarations: [
|
|
@@ -1317,10 +1317,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1317
1317
|
* @deprecated Use `SkyDescriptionListContentComponent` instead.
|
|
1318
1318
|
*/
|
|
1319
1319
|
class SkyDefinitionListContentComponent {
|
|
1320
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1321
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1320
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1321
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyDefinitionListContentComponent, isStandalone: false, selector: "sky-definition-list-content", ngImport: i0, template: "<div class=\"sky-definition-list-content\">\n <ng-content />\n</div>\n", styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1322
1322
|
}
|
|
1323
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListContentComponent, decorators: [{
|
|
1324
1324
|
type: Component,
|
|
1325
1325
|
args: [{ selector: 'sky-definition-list-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-definition-list-content\">\n <ng-content />\n</div>\n", styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"] }]
|
|
1326
1326
|
}] });
|
|
@@ -1330,10 +1330,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1330
1330
|
* @deprecated
|
|
1331
1331
|
*/
|
|
1332
1332
|
class SkyDefinitionListHeadingComponent {
|
|
1333
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1334
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1333
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1334
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyDefinitionListHeadingComponent, isStandalone: false, selector: "sky-definition-list-heading", ngImport: i0, template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content />\n</div>\n", styles: [".sky-definition-list-heading{margin-bottom:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1335
1335
|
}
|
|
1336
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1336
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListHeadingComponent, decorators: [{
|
|
1337
1337
|
type: Component,
|
|
1338
1338
|
args: [{ selector: 'sky-definition-list-heading', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content />\n</div>\n", styles: [".sky-definition-list-heading{margin-bottom:5px}\n"] }]
|
|
1339
1339
|
}] });
|
|
@@ -1346,10 +1346,10 @@ class SkyDefinitionListService {
|
|
|
1346
1346
|
this.labelWidth = new BehaviorSubject('');
|
|
1347
1347
|
this.defaultValue = new BehaviorSubject('');
|
|
1348
1348
|
}
|
|
1349
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1350
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
1349
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1350
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListService }); }
|
|
1351
1351
|
}
|
|
1352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1352
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListService, decorators: [{
|
|
1353
1353
|
type: Injectable
|
|
1354
1354
|
}] });
|
|
1355
1355
|
|
|
@@ -1361,10 +1361,10 @@ class SkyDefinitionListLabelComponent {
|
|
|
1361
1361
|
constructor(service) {
|
|
1362
1362
|
this.service = service;
|
|
1363
1363
|
}
|
|
1364
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1365
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1364
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListLabelComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1365
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyDefinitionListLabelComponent, isStandalone: false, selector: "sky-definition-list-label", ngImport: i0, template: "<div\n class=\"sky-field-label sky-definition-list-label\"\n [ngStyle]=\"{\n width: (service.labelWidth | async) || ''\n }\"\n>\n <ng-content />\n</div>\n", styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1366
1366
|
}
|
|
1367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListLabelComponent, decorators: [{
|
|
1368
1368
|
type: Component,
|
|
1369
1369
|
args: [{ selector: 'sky-definition-list-label', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"sky-field-label sky-definition-list-label\"\n [ngStyle]=\"{\n width: (service.labelWidth | async) || ''\n }\"\n>\n <ng-content />\n</div>\n", styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"] }]
|
|
1370
1370
|
}], ctorParameters: () => [{ type: SkyDefinitionListService }] });
|
|
@@ -1377,10 +1377,10 @@ class SkyDefinitionListValueComponent {
|
|
|
1377
1377
|
constructor(service) {
|
|
1378
1378
|
this.service = service;
|
|
1379
1379
|
}
|
|
1380
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1381
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
1380
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListValueComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1381
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyDefinitionListValueComponent, isStandalone: false, selector: "sky-definition-list-value", ngImport: i0, template: "<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content />\n </span>\n @if (!valueEl.textContent?.trim()) {\n <span class=\"sky-deemphasized\">\n {{\n (service.defaultValue | async) ||\n ('skyux_definition_list_none_found' | skyLibResources)\n }}\n </span>\n }\n</div>\n", styles: [":host{flex:1}\n"], dependencies: [{ kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
|
|
1382
1382
|
}
|
|
1383
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1383
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListValueComponent, decorators: [{
|
|
1384
1384
|
type: Component,
|
|
1385
1385
|
args: [{ selector: 'sky-definition-list-value', standalone: false, template: "<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content />\n </span>\n @if (!valueEl.textContent?.trim()) {\n <span class=\"sky-deemphasized\">\n {{\n (service.defaultValue | async) ||\n ('skyux_definition_list_none_found' | skyLibResources)\n }}\n </span>\n }\n</div>\n", styles: [":host{flex:1}\n"] }]
|
|
1386
1386
|
}], ctorParameters: () => [{ type: SkyDefinitionListService }] });
|
|
@@ -1413,10 +1413,10 @@ class SkyDefinitionListComponent {
|
|
|
1413
1413
|
replacementRecommendation: 'Use `SkyDescriptionListComponent` instead.',
|
|
1414
1414
|
});
|
|
1415
1415
|
}
|
|
1416
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1417
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1416
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListComponent, deps: [{ token: SkyDefinitionListService }, { token: i1$1.SkyLogService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1417
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyDefinitionListComponent, isStandalone: false, selector: "sky-definition-list", inputs: { labelWidth: "labelWidth", defaultValue: "defaultValue" }, providers: [SkyDefinitionListService], ngImport: i0, template: "<div class=\"sky-definition-list\">\n <ng-content select=\"sky-definition-list-heading\" />\n <ng-content select=\"sky-definition-list-content\" />\n</div>\n", styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1418
1418
|
}
|
|
1419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListComponent, decorators: [{
|
|
1420
1420
|
type: Component,
|
|
1421
1421
|
args: [{ selector: 'sky-definition-list', providers: [SkyDefinitionListService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-definition-list\">\n <ng-content select=\"sky-definition-list-heading\" />\n <ng-content select=\"sky-definition-list-content\" />\n</div>\n", styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"] }]
|
|
1422
1422
|
}], ctorParameters: () => [{ type: SkyDefinitionListService }, { type: i1$1.SkyLogService }], propDecorators: { labelWidth: [{
|
|
@@ -1429,8 +1429,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1429
1429
|
* @deprecated Use `SkyDescriptionListModule` instead.
|
|
1430
1430
|
*/
|
|
1431
1431
|
class SkyDefinitionListModule {
|
|
1432
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1433
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
1432
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1433
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
|
|
1434
1434
|
SkyDefinitionListContentComponent,
|
|
1435
1435
|
SkyDefinitionListHeadingComponent,
|
|
1436
1436
|
SkyDefinitionListLabelComponent,
|
|
@@ -1439,9 +1439,9 @@ class SkyDefinitionListModule {
|
|
|
1439
1439
|
SkyDefinitionListHeadingComponent,
|
|
1440
1440
|
SkyDefinitionListLabelComponent,
|
|
1441
1441
|
SkyDefinitionListValueComponent] }); }
|
|
1442
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
1442
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListModule, imports: [CommonModule, SkyLayoutResourcesModule] }); }
|
|
1443
1443
|
}
|
|
1444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDefinitionListModule, decorators: [{
|
|
1445
1445
|
type: NgModule,
|
|
1446
1446
|
args: [{
|
|
1447
1447
|
declarations: [
|
|
@@ -1476,10 +1476,10 @@ class SkyDescriptionListService {
|
|
|
1476
1476
|
updateDefaultDescription(value) {
|
|
1477
1477
|
this.#_defaultDescription.next(value);
|
|
1478
1478
|
}
|
|
1479
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1480
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
1479
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1480
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListService }); }
|
|
1481
1481
|
}
|
|
1482
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListService, decorators: [{
|
|
1483
1483
|
type: Injectable
|
|
1484
1484
|
}] });
|
|
1485
1485
|
|
|
@@ -1510,10 +1510,10 @@ class SkyDescriptionListDescriptionComponent {
|
|
|
1510
1510
|
this.#ngUnsubscribe.next();
|
|
1511
1511
|
this.#ngUnsubscribe.complete();
|
|
1512
1512
|
}
|
|
1513
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1514
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1513
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0.ChangeDetectorRef }, { token: i2$1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1514
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyDescriptionListDescriptionComponent, isStandalone: false, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #descriptionTemplateRef>\n <span skyTrim class=\"sky-description-list-description\"\n ><ng-content></ng-content\n ></span>\n <span\n class=\"sky-description-list-default-value\"\n data-sky-id=\"sky-description-list-default-value\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern',\n 'sky-deemphasized': 'default'\n }\"\n >\n {{\n (service.defaultDescription | async) ||\n ('skyux_description_list_none_found' | skyLibResources)\n }}\n </span>\n</ng-template>\n", styles: [".sky-description-list-description:not(:empty)+.sky-description-list-default-value{display:none}\n"], dependencies: [{ kind: "directive", type: i2$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i1$1.λ4, selector: "[skyTrim]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1515
1515
|
}
|
|
1516
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListDescriptionComponent, decorators: [{
|
|
1517
1517
|
type: Component,
|
|
1518
1518
|
args: [{ selector: 'sky-description-list-description', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template #descriptionTemplateRef>\n <span skyTrim class=\"sky-description-list-description\"\n ><ng-content></ng-content\n ></span>\n <span\n class=\"sky-description-list-default-value\"\n data-sky-id=\"sky-description-list-default-value\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern',\n 'sky-deemphasized': 'default'\n }\"\n >\n {{\n (service.defaultDescription | async) ||\n ('skyux_description_list_none_found' | skyLibResources)\n }}\n </span>\n</ng-template>\n", styles: [".sky-description-list-description:not(:empty)+.sky-description-list-default-value{display:none}\n"] }]
|
|
1519
1519
|
}], ctorParameters: () => [{ type: SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i2$1.SkyThemeService, decorators: [{
|
|
@@ -1537,10 +1537,10 @@ class SkyDescriptionListTermComponent {
|
|
|
1537
1537
|
optional: true,
|
|
1538
1538
|
});
|
|
1539
1539
|
}
|
|
1540
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1541
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
1540
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1541
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyDescriptionListTermComponent, isStandalone: false, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef\n ><span #term=\"skyId\" skyTrim skyId class=\"description-list-term\"\n ><ng-content /></span\n ><span class=\"sky-control-help-container\">\n @if (content?.helpPopoverContent || content?.helpKey) {\n <sky-help-inline\n [labelledBy]=\"term.id\"\n [helpKey]=\"content?.helpKey\"\n [popoverTitle]=\"content?.helpPopoverTitle\"\n [popoverContent]=\"content?.helpPopoverContent\"\n />\n } @else {\n <ng-content select=\".sky-control-help\" />\n }</span\n></ng-template>\n", styles: ["span.description-list-term{display:contents;white-space:normal}:host-context(.sky-description-list-long-description-mode) span.description-list-term{overflow-wrap:break-word}\n"], dependencies: [{ kind: "component", type: i1$3.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "directive", type: i1$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i1$1.λ4, selector: "[skyTrim]" }] }); }
|
|
1542
1542
|
}
|
|
1543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1543
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1544
1544
|
type: Component,
|
|
1545
1545
|
args: [{ selector: 'sky-description-list-term', standalone: false, template: "<ng-template #termTemplateRef\n ><span #term=\"skyId\" skyTrim skyId class=\"description-list-term\"\n ><ng-content /></span\n ><span class=\"sky-control-help-container\">\n @if (content?.helpPopoverContent || content?.helpKey) {\n <sky-help-inline\n [labelledBy]=\"term.id\"\n [helpKey]=\"content?.helpKey\"\n [popoverTitle]=\"content?.helpPopoverTitle\"\n [popoverContent]=\"content?.helpPopoverContent\"\n />\n } @else {\n <ng-content select=\".sky-control-help\" />\n }</span\n></ng-template>\n", styles: ["span.description-list-term{display:contents;white-space:normal}:host-context(.sky-description-list-long-description-mode) span.description-list-term{overflow-wrap:break-word}\n"] }]
|
|
1546
1546
|
}], propDecorators: { templateRef: [{
|
|
@@ -1555,10 +1555,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1555
1555
|
* Wraps the term-description pairs in the description list.
|
|
1556
1556
|
*/
|
|
1557
1557
|
class SkyDescriptionListContentComponent {
|
|
1558
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1559
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1558
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1559
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyDescriptionListContentComponent, isStandalone: false, selector: "sky-description-list-content", inputs: { helpKey: "helpKey", helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle" }, queries: [{ propertyName: "termComponents", predicate: SkyDescriptionListTermComponent }, { propertyName: "descriptionComponents", predicate: SkyDescriptionListDescriptionComponent }], ngImport: i0, template: "<ng-content />\n" }); }
|
|
1560
1560
|
}
|
|
1561
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListContentComponent, decorators: [{
|
|
1562
1562
|
type: Component,
|
|
1563
1563
|
args: [{ selector: 'sky-description-list-content', standalone: false, template: "<ng-content />\n" }]
|
|
1564
1564
|
}], propDecorators: { termComponents: [{
|
|
@@ -1610,10 +1610,10 @@ class SkyDescriptionListAdapterService {
|
|
|
1610
1610
|
return 'sky-responsive-container-md';
|
|
1611
1611
|
}
|
|
1612
1612
|
}
|
|
1613
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1614
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
1613
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1614
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListAdapterService }); }
|
|
1615
1615
|
}
|
|
1616
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1616
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListAdapterService, decorators: [{
|
|
1617
1617
|
type: Injectable
|
|
1618
1618
|
}], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
|
|
1619
1619
|
|
|
@@ -1676,10 +1676,10 @@ class SkyDescriptionListComponent {
|
|
|
1676
1676
|
this.#changeDetector.markForCheck();
|
|
1677
1677
|
}
|
|
1678
1678
|
}
|
|
1679
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1680
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
1679
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListComponent, deps: [{ token: SkyDescriptionListAdapterService }, { token: i0.ChangeDetectorRef }, { token: SkyDescriptionListService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1680
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyDescriptionListComponent, isStandalone: false, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<dl\n #descriptionListElement\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n @for (contentComponent of contentComponents; track contentComponent) {\n <div\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n @for (\n termComponent of contentComponent?.termComponents;\n track termComponent\n ) {\n <dt>\n @if (termComponent.templateRef) {\n <ng-container *ngTemplateOutlet=\"termComponent.templateRef\" />\n }\n </dt>\n }\n @for (\n descriptionComponent of contentComponent?.descriptionComponents;\n track descriptionComponent\n ) {\n <dd>\n @if (descriptionComponent.templateRef) {\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n />\n }\n </dd>\n }\n </div>\n }\n</dl>\n", styles: [".sky-description-list:not(.sky-theme-modern *){--sky-override-description-list-term-color: #686c73;--sky-override-description-list-term-font-size: 14px;--sky-override-description-list-term-font-weight: 400;--sky-override-description-list-term-font-line-height: normal;--sky-override-description-list-term-bottom-margin: 3px;--sky-override-description-list-pair-bottom-margin: 15px;--sky-override-description-list-horizontal-pair-padding-right: 60px;--sky-override-description-list-long-bottom-margin: 10px;--sky-override-description-list-long-term-font-weight: 600;--sky-override-description-list-long-term-font-size: 16px;--sky-override-description-list-long-term-font-color: #212327;--sky-override-description-list-long-term-right-margin: 20px;--sky-override-description-list-long-term-bottom-margin-xs: 3px;--sky-override-description-list-long-pair-bottom-margin: 10px}:host{display:block}.sky-description-list{margin:0;padding:0}.sky-description-list dt{color:var(--sky-override-description-list-term-color, var(--sky-color-text-deemphasized));font-size:var(--sky-override-description-list-term-font-size, var(--sky-font-size-body-s));font-weight:var(--sky-override-description-list-term-font-weight, var(--sky-font-style-body-s));line-height:var(--sky-override-description-list-term-font-line-height, var(--sky-font-line_height-body-s));margin:0 0 var(--sky-override-description-list-term-bottom-margin, var(--sky-space-gap-label-xs));white-space:nowrap}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{width:auto}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content:not(:last-child){margin:0 0 var(--sky-override-description-list-pair-bottom-margin, var(--sky-space-stacked-l))}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap;margin:0 0 calc(-1 * var(--sky-override-description-list-pair-bottom-margin, var(--sky-space-stacked-l)))}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 var(--sky-override-description-list-pair-bottom-margin, var(--sky-space-stacked-l));padding:0 var(--sky-override-description-list-horizontal-pair-padding-right, var(--sky-space-inline-xxl)) 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 var(--sky-override-description-list-long-bottom-margin, var(--sky-space-stacked-s))}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:var(--sky-override-description-list-long-term-font-color, inherit);font-size:var(--sky-override-description-list-long-term-font-size, inherit);font-weight:var(--sky-override-description-list-long-term-font-weight, var(--sky-font-style-emphasized));margin:0 var(--sky-override-description-list-long-term-right-margin, var(--sky-space-inline-l)) 0 0;width:25%;overflow-wrap:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 var(--sky-override-description-list-long-term-bottom-margin-xs, var(--sky-space-stacked-xs));width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 var(--sky-override-description-list-long-pair-bottom-margin, var(--sky-space-stacked-l))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1681
1681
|
}
|
|
1682
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
1683
1683
|
type: Component,
|
|
1684
1684
|
args: [{ selector: 'sky-description-list', providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<dl\n #descriptionListElement\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n @for (contentComponent of contentComponents; track contentComponent) {\n <div\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n @for (\n termComponent of contentComponent?.termComponents;\n track termComponent\n ) {\n <dt>\n @if (termComponent.templateRef) {\n <ng-container *ngTemplateOutlet=\"termComponent.templateRef\" />\n }\n </dt>\n }\n @for (\n descriptionComponent of contentComponent?.descriptionComponents;\n track descriptionComponent\n ) {\n <dd>\n @if (descriptionComponent.templateRef) {\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n />\n }\n </dd>\n }\n </div>\n }\n</dl>\n", styles: [".sky-description-list:not(.sky-theme-modern *){--sky-override-description-list-term-color: #686c73;--sky-override-description-list-term-font-size: 14px;--sky-override-description-list-term-font-weight: 400;--sky-override-description-list-term-font-line-height: normal;--sky-override-description-list-term-bottom-margin: 3px;--sky-override-description-list-pair-bottom-margin: 15px;--sky-override-description-list-horizontal-pair-padding-right: 60px;--sky-override-description-list-long-bottom-margin: 10px;--sky-override-description-list-long-term-font-weight: 600;--sky-override-description-list-long-term-font-size: 16px;--sky-override-description-list-long-term-font-color: #212327;--sky-override-description-list-long-term-right-margin: 20px;--sky-override-description-list-long-term-bottom-margin-xs: 3px;--sky-override-description-list-long-pair-bottom-margin: 10px}:host{display:block}.sky-description-list{margin:0;padding:0}.sky-description-list dt{color:var(--sky-override-description-list-term-color, var(--sky-color-text-deemphasized));font-size:var(--sky-override-description-list-term-font-size, var(--sky-font-size-body-s));font-weight:var(--sky-override-description-list-term-font-weight, var(--sky-font-style-body-s));line-height:var(--sky-override-description-list-term-font-line-height, var(--sky-font-line_height-body-s));margin:0 0 var(--sky-override-description-list-term-bottom-margin, var(--sky-space-gap-label-xs));white-space:nowrap}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{width:auto}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content:not(:last-child){margin:0 0 var(--sky-override-description-list-pair-bottom-margin, var(--sky-space-stacked-l))}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap;margin:0 0 calc(-1 * var(--sky-override-description-list-pair-bottom-margin, var(--sky-space-stacked-l)))}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 var(--sky-override-description-list-pair-bottom-margin, var(--sky-space-stacked-l));padding:0 var(--sky-override-description-list-horizontal-pair-padding-right, var(--sky-space-inline-xxl)) 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 var(--sky-override-description-list-long-bottom-margin, var(--sky-space-stacked-s))}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:var(--sky-override-description-list-long-term-font-color, inherit);font-size:var(--sky-override-description-list-long-term-font-size, inherit);font-weight:var(--sky-override-description-list-long-term-font-weight, var(--sky-font-style-emphasized));margin:0 var(--sky-override-description-list-long-term-right-margin, var(--sky-space-inline-l)) 0 0;width:25%;overflow-wrap:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 var(--sky-override-description-list-long-term-bottom-margin-xs, var(--sky-space-stacked-xs));width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 var(--sky-override-description-list-long-pair-bottom-margin, var(--sky-space-stacked-l))}\n"] }]
|
|
1685
1685
|
}], ctorParameters: () => [{ type: SkyDescriptionListAdapterService }, { type: i0.ChangeDetectorRef }, { type: SkyDescriptionListService }], propDecorators: { defaultDescription: [{
|
|
@@ -1703,8 +1703,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1703
1703
|
}] } });
|
|
1704
1704
|
|
|
1705
1705
|
class SkyDescriptionListModule {
|
|
1706
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1707
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
1706
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1707
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
|
|
1708
1708
|
SkyDescriptionListContentComponent,
|
|
1709
1709
|
SkyDescriptionListTermComponent,
|
|
1710
1710
|
SkyDescriptionListDescriptionComponent], imports: [CommonModule,
|
|
@@ -1716,14 +1716,14 @@ class SkyDescriptionListModule {
|
|
|
1716
1716
|
SkyDescriptionListContentComponent,
|
|
1717
1717
|
SkyDescriptionListTermComponent,
|
|
1718
1718
|
SkyDescriptionListDescriptionComponent] }); }
|
|
1719
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
1719
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListModule, imports: [CommonModule,
|
|
1720
1720
|
SkyHelpInlineModule,
|
|
1721
1721
|
SkyIdModule,
|
|
1722
1722
|
SkyLayoutResourcesModule,
|
|
1723
1723
|
SkyThemeModule,
|
|
1724
1724
|
SkyTrimModule] }); }
|
|
1725
1725
|
}
|
|
1726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1726
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyDescriptionListModule, decorators: [{
|
|
1727
1727
|
type: NgModule,
|
|
1728
1728
|
args: [{
|
|
1729
1729
|
declarations: [
|
|
@@ -1818,10 +1818,10 @@ class SkyColumnComponent {
|
|
|
1818
1818
|
ngOnInit() {
|
|
1819
1819
|
this.classnames = this.getClassNames();
|
|
1820
1820
|
}
|
|
1821
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1822
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SkyColumnComponent, isStandalone: false, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content />\n", styles: [".sky-column:not(.sky-theme-modern *){--sky-override-fluid-grid-gutter-size-small: 5px;--sky-override-fluid-grid-gutter-size-medium: 10px;--sky-override-fluid-grid-gutter-size-large: 15px;--sky-override-fluid-grid-top-bottom: 0}sky-column.sky-column{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl));width:100%;min-height:1px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-right-s)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-left-s))}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-right-m)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-left-m))}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:25%}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:50%}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:75%}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:100%}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:25%}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:50%}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:75%}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:100%}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media(min-width:768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:25%}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:50%}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:75%}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:100%}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:25%}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:50%}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:75%}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:100%}@media(min-width:992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:25%}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:50%}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:75%}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:100%}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:25%}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:50%}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:75%}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:100%}@media(min-width:1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:25%}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:50%}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:75%}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:100%}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:25%}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:50%}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:75%}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1821
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1822
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyColumnComponent, isStandalone: false, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content />\n", styles: [".sky-column:not(.sky-theme-modern *){--sky-override-fluid-grid-gutter-size-small: 5px;--sky-override-fluid-grid-gutter-size-medium: 10px;--sky-override-fluid-grid-gutter-size-large: 15px;--sky-override-fluid-grid-top-bottom: 0}sky-column.sky-column{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl));width:100%;min-height:1px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-right-s)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-left-s))}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-right-m)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-left-m))}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:25%}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:50%}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:75%}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:100%}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:25%}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:50%}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:75%}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:100%}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media(min-width:768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:25%}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:50%}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:75%}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:100%}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:25%}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:50%}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:75%}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:100%}@media(min-width:992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:25%}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:50%}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:75%}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:100%}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:25%}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:50%}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:75%}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:100%}@media(min-width:1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:25%}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:50%}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:75%}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:100%}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:25%}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:50%}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:75%}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1823
1823
|
}
|
|
1824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1824
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyColumnComponent, decorators: [{
|
|
1825
1825
|
type: Component,
|
|
1826
1826
|
args: [{ selector: 'sky-column', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-content />\n", styles: [".sky-column:not(.sky-theme-modern *){--sky-override-fluid-grid-gutter-size-small: 5px;--sky-override-fluid-grid-gutter-size-medium: 10px;--sky-override-fluid-grid-gutter-size-large: 15px;--sky-override-fluid-grid-top-bottom: 0}sky-column.sky-column{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl));width:100%;min-height:1px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-right-s)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-left-s))}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-right-m)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-left-m))}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:25%}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:50%}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:75%}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:100%}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:25%}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:50%}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:75%}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:100%}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media(min-width:768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:25%}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:50%}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:75%}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:100%}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:25%}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:50%}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:75%}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:100%}@media(min-width:992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:25%}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:50%}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:75%}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:100%}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:25%}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:50%}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:75%}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:100%}@media(min-width:1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:25%}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:50%}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:75%}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:100%}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:25%}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:50%}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:75%}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:100%}\n"] }]
|
|
1827
1827
|
}], propDecorators: { screenXSmall: [{
|
|
@@ -1862,10 +1862,10 @@ class SkyFluidGridComponent {
|
|
|
1862
1862
|
return this.#_gutterSize;
|
|
1863
1863
|
}
|
|
1864
1864
|
#_gutterSize;
|
|
1865
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1866
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1865
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFluidGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1866
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyFluidGridComponent, isStandalone: false, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0, template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSize === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSize === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSize === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content />\n</div>\n", styles: [".sky-fluid-grid:not(.sky-theme-modern *){--sky-override-fluid-grid-gutter-size-small: 5px;--sky-override-fluid-grid-gutter-size-medium: 10px;--sky-override-fluid-grid-gutter-size-large: 15px;--sky-override-fluid-grid-top-bottom: 0}.sky-fluid-grid-gutter-size-small{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-right-s)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-left-s))}.sky-fluid-grid-gutter-size-medium{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-right-m)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-left-m))}.sky-fluid-grid-gutter-size-large{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1867
1867
|
}
|
|
1868
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1868
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFluidGridComponent, decorators: [{
|
|
1869
1869
|
type: Component,
|
|
1870
1870
|
args: [{ selector: 'sky-fluid-grid', standalone: false, template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSize === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSize === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSize === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content />\n</div>\n", styles: [".sky-fluid-grid:not(.sky-theme-modern *){--sky-override-fluid-grid-gutter-size-small: 5px;--sky-override-fluid-grid-gutter-size-medium: 10px;--sky-override-fluid-grid-gutter-size-large: 15px;--sky-override-fluid-grid-top-bottom: 0}.sky-fluid-grid-gutter-size-small{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-right-s)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-s)) var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-left-s))}.sky-fluid-grid-gutter-size-medium{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-right-m)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-m)) var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-left-m))}.sky-fluid-grid-gutter-size-large{padding:var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-top-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) var(--sky-override-fluid-grid-top-bottom, var(--sky-space-inset-horizontal-bottom-xl)) var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl))}\n"] }]
|
|
1871
1871
|
}], propDecorators: { disableMargin: [{
|
|
@@ -1886,10 +1886,10 @@ class SkyRowComponent {
|
|
|
1886
1886
|
*/
|
|
1887
1887
|
this.reverseColumnOrder = false;
|
|
1888
1888
|
}
|
|
1889
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1890
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1889
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1890
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyRowComponent, isStandalone: false, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content />\n</div>\n", styles: [".sky-row:not(.sky-theme-modern *){--sky-override-fluid-grid-gutter-size-small: 5px;--sky-override-fluid-grid-gutter-size-medium: 10px;--sky-override-fluid-grid-gutter-size-large: 15px;--sky-override-fluid-grid-top-bottom: 0}.sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-xl) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) * -1) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-xl) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl)) * -1)}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-s) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-right-s)) * -1) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-s) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-left-s)) * -1)}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-s) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-right-s)) * -2) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-s) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-left-s)) * -2)}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-m) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-right-m)) * -1) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-m) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-left-m)) * -1)}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-m) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-right-m)) * -2) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-m) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-left-m)) * -2)}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-xl) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) * -1) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-xl) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl)) * -1)}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-xl) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) * -2) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-xl) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl)) * -2)}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media(min-width:768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
1891
1891
|
}
|
|
1892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1892
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyRowComponent, decorators: [{
|
|
1893
1893
|
type: Component,
|
|
1894
1894
|
args: [{ selector: 'sky-row', standalone: false, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content />\n</div>\n", styles: [".sky-row:not(.sky-theme-modern *){--sky-override-fluid-grid-gutter-size-small: 5px;--sky-override-fluid-grid-gutter-size-medium: 10px;--sky-override-fluid-grid-gutter-size-large: 15px;--sky-override-fluid-grid-top-bottom: 0}.sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-xl) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) * -1) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-xl) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl)) * -1)}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-s) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-right-s)) * -1) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-s) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-left-s)) * -1)}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-s) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-right-s)) * -2) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-s) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-small, var(--sky-space-inset-horizontal-left-s)) * -2)}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-m) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-right-m)) * -1) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-m) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-left-m)) * -1)}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-m) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-right-m)) * -2) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-m) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-medium, var(--sky-space-inset-horizontal-left-m)) * -2)}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-xl) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) * -1) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-xl) * -1)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl)) * -1)}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin:var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-top-xl) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-right-xl)) * -2) var(--sky-override-fluid-grid-top-bottom, calc(var(--sky-space-inset-horizontal-bottom-xl) * -2)) calc(var(--sky-override-fluid-grid-gutter-size-large, var(--sky-space-inset-horizontal-left-xl)) * -2)}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media(min-width:768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}\n"] }]
|
|
1895
1895
|
}], propDecorators: { reverseColumnOrder: [{
|
|
@@ -1897,11 +1897,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1897
1897
|
}] } });
|
|
1898
1898
|
|
|
1899
1899
|
class SkyFluidGridModule {
|
|
1900
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1901
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
1902
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
1900
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFluidGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1901
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyFluidGridModule, declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent], imports: [CommonModule], exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent] }); }
|
|
1902
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFluidGridModule, imports: [CommonModule] }); }
|
|
1903
1903
|
}
|
|
1904
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1904
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFluidGridModule, decorators: [{
|
|
1905
1905
|
type: NgModule,
|
|
1906
1906
|
args: [{
|
|
1907
1907
|
imports: [CommonModule],
|
|
@@ -1959,10 +1959,10 @@ class SkyFormatComponent {
|
|
|
1959
1959
|
}
|
|
1960
1960
|
}
|
|
1961
1961
|
}
|
|
1962
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1963
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
1962
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1963
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyFormatComponent, isStandalone: false, selector: "sky-format", inputs: { text: "text", args: "args" }, ngImport: i0, template: "@for (item of itemsForDisplay; track item) {\n @if (item.text) {\n <ng-container>{{ item.text }}</ng-container>\n } @else if (item.templateRef) {\n <ng-container *ngTemplateOutlet=\"item.templateRef\" />\n }\n}\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1964
1964
|
}
|
|
1965
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1965
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFormatComponent, decorators: [{
|
|
1966
1966
|
type: Component,
|
|
1967
1967
|
args: [{ selector: 'sky-format', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@for (item of itemsForDisplay; track item) {\n @if (item.text) {\n <ng-container>{{ item.text }}</ng-container>\n } @else if (item.templateRef) {\n <ng-container *ngTemplateOutlet=\"item.templateRef\" />\n }\n}\n" }]
|
|
1968
1968
|
}], propDecorators: { text: [{
|
|
@@ -1972,11 +1972,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1972
1972
|
}] } });
|
|
1973
1973
|
|
|
1974
1974
|
class SkyFormatModule {
|
|
1975
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1976
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
1977
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
1975
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFormatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1976
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyFormatModule, declarations: [SkyFormatComponent], imports: [CommonModule], exports: [SkyFormatComponent] }); }
|
|
1977
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFormatModule, imports: [CommonModule] }); }
|
|
1978
1978
|
}
|
|
1979
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyFormatModule, decorators: [{
|
|
1980
1980
|
type: NgModule,
|
|
1981
1981
|
args: [{
|
|
1982
1982
|
declarations: [SkyFormatComponent],
|
|
@@ -1993,10 +1993,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
1993
1993
|
/* istanbul ignore next */
|
|
1994
1994
|
/* Code coverage having problems with no statements in classes */
|
|
1995
1995
|
class SkyPageSummaryAlertComponent {
|
|
1996
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1997
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1996
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1997
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyPageSummaryAlertComponent, isStandalone: false, selector: "sky-page-summary-alert", ngImport: i0, template: "<ng-content />\n", styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"] }); }
|
|
1998
1998
|
}
|
|
1999
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryAlertComponent, decorators: [{
|
|
2000
2000
|
type: Component,
|
|
2001
2001
|
args: [{ selector: 'sky-page-summary-alert', standalone: false, template: "<ng-content />\n", styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"] }]
|
|
2002
2002
|
}] });
|
|
@@ -2008,10 +2008,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2008
2008
|
/* istanbul ignore next */
|
|
2009
2009
|
/* Code coverage having problems with no statements in classes */
|
|
2010
2010
|
class SkyPageSummaryContentComponent {
|
|
2011
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2012
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2011
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2012
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyPageSummaryContentComponent, isStandalone: false, selector: "sky-page-summary-content", ngImport: i0, template: "<div class=\"sky-page-summary-content\">\n <ng-content />\n</div>\n", styles: [".sky-page-summary-content{margin-top:20px}\n"] }); }
|
|
2013
2013
|
}
|
|
2014
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryContentComponent, decorators: [{
|
|
2015
2015
|
type: Component,
|
|
2016
2016
|
args: [{ selector: 'sky-page-summary-content', standalone: false, template: "<div class=\"sky-page-summary-content\">\n <ng-content />\n</div>\n", styles: [".sky-page-summary-content{margin-top:20px}\n"] }]
|
|
2017
2017
|
}] });
|
|
@@ -2024,10 +2024,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2024
2024
|
/* istanbul ignore next */
|
|
2025
2025
|
/* Code coverage having problems with no statements in classes */
|
|
2026
2026
|
class SkyPageSummaryImageComponent {
|
|
2027
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2028
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2027
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2028
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyPageSummaryImageComponent, isStandalone: false, selector: "sky-page-summary-image", ngImport: i0, template: "<div class=\"sky-page-summary-image\">\n <ng-content />\n</div>\n", styles: [":host .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}:host-context(.sky-responsive-container-xs) .sky-page-summary-image,:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}@media(min-width:768px){:host .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}\n"] }); }
|
|
2029
2029
|
}
|
|
2030
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2030
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryImageComponent, decorators: [{
|
|
2031
2031
|
type: Component,
|
|
2032
2032
|
args: [{ selector: 'sky-page-summary-image', standalone: false, template: "<div class=\"sky-page-summary-image\">\n <ng-content />\n</div>\n", styles: [":host .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}:host-context(.sky-responsive-container-xs) .sky-page-summary-image,:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}@media(min-width:768px){:host .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}\n"] }]
|
|
2033
2033
|
}] });
|
|
@@ -2038,10 +2038,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2038
2038
|
* @deprecated
|
|
2039
2039
|
*/
|
|
2040
2040
|
class SkyPageSummaryKeyInfoComponent {
|
|
2041
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2042
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2041
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyPageSummaryKeyInfoComponent, isStandalone: false, selector: "sky-page-summary-key-info", ngImport: i0, template: "<div class=\"sky-page-summary-key-info\">\n <ng-content />\n</div>\n", styles: [":host .sky-page-summary-key-info{margin-top:20px}:host-context(.sky-responsive-container-xs) .sky-page-summary-key-info,:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:20px}@media(min-width:768px){:host .sky-page-summary-key-info{margin-top:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:initial}.sky-page-summary-key-info{--sky-host-key-info-display: block}\n"] }); }
|
|
2043
2043
|
}
|
|
2044
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryKeyInfoComponent, decorators: [{
|
|
2045
2045
|
type: Component,
|
|
2046
2046
|
args: [{ selector: 'sky-page-summary-key-info', standalone: false, template: "<div class=\"sky-page-summary-key-info\">\n <ng-content />\n</div>\n", styles: [":host .sky-page-summary-key-info{margin-top:20px}:host-context(.sky-responsive-container-xs) .sky-page-summary-key-info,:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:20px}@media(min-width:768px){:host .sky-page-summary-key-info{margin-top:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:initial}.sky-page-summary-key-info{--sky-host-key-info-display: block}\n"] }]
|
|
2047
2047
|
}] });
|
|
@@ -2054,10 +2054,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2054
2054
|
/* istanbul ignore next */
|
|
2055
2055
|
/* Code coverage having problems with no statements in classes */
|
|
2056
2056
|
class SkyPageSummaryStatusComponent {
|
|
2057
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2058
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2057
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2058
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyPageSummaryStatusComponent, isStandalone: false, selector: "sky-page-summary-status", ngImport: i0, template: "<div class=\"sky-page-summary-status\">\n <ng-content />\n</div>\n", styles: [".sky-page-summary-status{margin-top:10px}.sky-page-summary-status ::ng-deep .sky-label{margin-right:5px}\n"] }); }
|
|
2059
2059
|
}
|
|
2060
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2060
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryStatusComponent, decorators: [{
|
|
2061
2061
|
type: Component,
|
|
2062
2062
|
args: [{ selector: 'sky-page-summary-status', standalone: false, template: "<div class=\"sky-page-summary-status\">\n <ng-content />\n</div>\n", styles: [".sky-page-summary-status{margin-top:10px}.sky-page-summary-status ::ng-deep .sky-label{margin-right:5px}\n"] }]
|
|
2063
2063
|
}] });
|
|
@@ -2069,10 +2069,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2069
2069
|
/* istanbul ignore next */
|
|
2070
2070
|
/* Code coverage having problems with no statements in classes */
|
|
2071
2071
|
class SkyPageSummarySubtitleComponent {
|
|
2072
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2073
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2072
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummarySubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2073
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyPageSummarySubtitleComponent, isStandalone: false, selector: "sky-page-summary-subtitle", ngImport: i0, template: "<p class=\"sky-page-summary-subtitle sky-emphasized\">\n <ng-content />\n</p>\n", styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"] }); }
|
|
2074
2074
|
}
|
|
2075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2075
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummarySubtitleComponent, decorators: [{
|
|
2076
2076
|
type: Component,
|
|
2077
2077
|
args: [{ selector: 'sky-page-summary-subtitle', standalone: false, template: "<p class=\"sky-page-summary-subtitle sky-emphasized\">\n <ng-content />\n</p>\n", styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"] }]
|
|
2078
2078
|
}] });
|
|
@@ -2084,10 +2084,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2084
2084
|
/* istanbul ignore next */
|
|
2085
2085
|
/* Code coverage having problems with no statements in classes */
|
|
2086
2086
|
class SkyPageSummaryTitleComponent {
|
|
2087
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2088
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2087
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2088
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyPageSummaryTitleComponent, isStandalone: false, selector: "sky-page-summary-title", ngImport: i0, template: "<h1 class=\"sky-page-summary-title sky-page-heading\">\n <ng-content />\n</h1>\n", styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"] }); }
|
|
2089
2089
|
}
|
|
2090
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryTitleComponent, decorators: [{
|
|
2091
2091
|
type: Component,
|
|
2092
2092
|
args: [{ selector: 'sky-page-summary-title', standalone: false, template: "<h1 class=\"sky-page-summary-title sky-page-heading\">\n <ng-content />\n</h1>\n", styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"] }]
|
|
2093
2093
|
}] });
|
|
@@ -2106,10 +2106,10 @@ class SkyPageSummaryAdapterService {
|
|
|
2106
2106
|
el.querySelector('.sky-page-summary-key-info-sm').appendChild(keyInfoContainerEl);
|
|
2107
2107
|
}
|
|
2108
2108
|
}
|
|
2109
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2110
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
2109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2110
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryAdapterService }); }
|
|
2111
2111
|
}
|
|
2112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryAdapterService, decorators: [{
|
|
2113
2113
|
type: Injectable
|
|
2114
2114
|
}] });
|
|
2115
2115
|
|
|
@@ -2133,10 +2133,10 @@ class SkyPageSummaryComponent {
|
|
|
2133
2133
|
adapter.updateKeyInfoLocation(elRef, this.#breakpoint() === 'xs');
|
|
2134
2134
|
});
|
|
2135
2135
|
}
|
|
2136
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2137
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.
|
|
2136
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2137
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.2", type: SkyPageSummaryComponent, isStandalone: false, selector: "sky-page-summary", providers: [SkyPageSummaryAdapterService], queries: [{ propertyName: "keyInfoComponents", predicate: SkyPageSummaryKeyInfoComponent, isSignal: true }], ngImport: i0, template: "<div\n class=\"sky-page-summary\"\n [ngClass]=\"{\n 'sky-page-summary-with-key-info': keyInfoComponents().length > 0\n }\"\n>\n <ng-content select=\"sky-page-summary-alert\" />\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\" />\n <div class=\"sky-page-summary-data\">\n <ng-content select=\"sky-page-summary-title\" />\n <ng-content select=\"sky-page-summary-subtitle\" />\n <ng-content select=\"sky-page-summary-status\" />\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\" />\n </div>\n </div>\n <div class=\"sky-page-summary-key-info-sm\">\n <div class=\"sky-page-summary-key-info-container\">\n <ng-content select=\"sky-page-summary-key-info\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}:host .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}@media(min-width:768px){:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host .sky-page-summary-left{align-items:stretch;display:flex}:host .sky-page-summary-data{flex-grow:1}}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{align-items:stretch;display:flex}:host-context(.sky-responsive-container-sm) .sky-page-summary-data,:host-context(.sky-responsive-container-md) .sky-page-summary-data,:host-context(.sky-responsive-container-lg) .sky-page-summary-data{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2138
2138
|
}
|
|
2139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryComponent, decorators: [{
|
|
2140
2140
|
type: Component,
|
|
2141
2141
|
args: [{ selector: 'sky-page-summary', providers: [SkyPageSummaryAdapterService], standalone: false, template: "<div\n class=\"sky-page-summary\"\n [ngClass]=\"{\n 'sky-page-summary-with-key-info': keyInfoComponents().length > 0\n }\"\n>\n <ng-content select=\"sky-page-summary-alert\" />\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\" />\n <div class=\"sky-page-summary-data\">\n <ng-content select=\"sky-page-summary-title\" />\n <ng-content select=\"sky-page-summary-subtitle\" />\n <ng-content select=\"sky-page-summary-status\" />\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\" />\n </div>\n </div>\n <div class=\"sky-page-summary-key-info-sm\">\n <div class=\"sky-page-summary-key-info-container\">\n <ng-content select=\"sky-page-summary-key-info\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}:host .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}@media(min-width:768px){:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host .sky-page-summary-left{align-items:stretch;display:flex}:host .sky-page-summary-data{flex-grow:1}}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{align-items:stretch;display:flex}:host-context(.sky-responsive-container-sm) .sky-page-summary-data,:host-context(.sky-responsive-container-md) .sky-page-summary-data,:host-context(.sky-responsive-container-lg) .sky-page-summary-data{flex-grow:1}\n"] }]
|
|
2142
2142
|
}], ctorParameters: () => [], propDecorators: { keyInfoComponents: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SkyPageSummaryKeyInfoComponent), { isSignal: true }] }] } });
|
|
@@ -2145,8 +2145,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2145
2145
|
* @deprecated `SkyPageSummaryModule` is deprecated. For page templates and techniques to summarize page content, see the page design guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/page-layouts.
|
|
2146
2146
|
*/
|
|
2147
2147
|
class SkyPageSummaryModule {
|
|
2148
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2149
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
2148
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2149
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryModule, declarations: [SkyPageSummaryAlertComponent,
|
|
2150
2150
|
SkyPageSummaryComponent,
|
|
2151
2151
|
SkyPageSummaryContentComponent,
|
|
2152
2152
|
SkyPageSummaryImageComponent,
|
|
@@ -2161,9 +2161,9 @@ class SkyPageSummaryModule {
|
|
|
2161
2161
|
SkyPageSummaryStatusComponent,
|
|
2162
2162
|
SkyPageSummarySubtitleComponent,
|
|
2163
2163
|
SkyPageSummaryTitleComponent] }); }
|
|
2164
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
2164
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryModule, imports: [CommonModule] }); }
|
|
2165
2165
|
}
|
|
2166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyPageSummaryModule, decorators: [{
|
|
2167
2167
|
type: NgModule,
|
|
2168
2168
|
args: [{
|
|
2169
2169
|
declarations: [
|
|
@@ -2207,10 +2207,10 @@ class SkyTextExpandAdapterService {
|
|
|
2207
2207
|
setText(textEl, text) {
|
|
2208
2208
|
textEl.nativeElement.textContent = text;
|
|
2209
2209
|
}
|
|
2210
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2211
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
2210
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2211
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandAdapterService }); }
|
|
2212
2212
|
}
|
|
2213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandAdapterService, decorators: [{
|
|
2214
2214
|
type: Injectable
|
|
2215
2215
|
}], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
|
|
2216
2216
|
|
|
@@ -2230,10 +2230,10 @@ class SkyTextExpandModalComponent {
|
|
|
2230
2230
|
close() {
|
|
2231
2231
|
this.instance.close();
|
|
2232
2232
|
}
|
|
2233
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2234
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2233
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandModalComponent, deps: [{ token: SKY_TEXT_EXPAND_MODAL_CONTEXT }, { token: i1$4.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2234
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyTextExpandModalComponent, isStandalone: true, selector: "sky-text-expand-modal", ngImport: i0, template: "<sky-modal>\n <sky-modal-header>{{ context.header }}</sky-modal-header>\n <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n context.text\n }}</sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"close()\">\n {{ 'skyux_text_expand_close_text' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-text-expand-container:not(.sky-theme-modern *){--sky-text-expand-see-more-margin-left: 5px}.sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:var(--sky-text-expand-see-more-margin-left, var(--sky-space-gap-text_action-xs))}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], dependencies: [{ kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i1$4.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i1$4.λ2, selector: "sky-modal-content" }, { kind: "component", type: i1$4.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i1$4.λ4, selector: "sky-modal-header" }, { kind: "ngmodule", type: SkyLayoutResourcesModule }, { kind: "pipe", type: i3$1.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
|
|
2235
2235
|
}
|
|
2236
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2236
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandModalComponent, decorators: [{
|
|
2237
2237
|
type: Component,
|
|
2238
2238
|
args: [{ selector: 'sky-text-expand-modal', imports: [SkyModalModule, SkyLayoutResourcesModule], template: "<sky-modal>\n <sky-modal-header>{{ context.header }}</sky-modal-header>\n <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n context.text\n }}</sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"close()\">\n {{ 'skyux_text_expand_close_text' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-text-expand-container:not(.sky-theme-modern *){--sky-text-expand-see-more-margin-left: 5px}.sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:var(--sky-text-expand-see-more-margin-left, var(--sky-space-gap-text_action-xs))}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"] }]
|
|
2239
2239
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -2486,8 +2486,8 @@ class SkyTextExpandComponent {
|
|
|
2486
2486
|
this.isExpanded = expanding;
|
|
2487
2487
|
}
|
|
2488
2488
|
}
|
|
2489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2490
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
2489
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandComponent, deps: [{ token: i3$1.SkyLibResourcesService }, { token: i1$4.SkyModalService }, { token: SkyTextExpandAdapterService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2490
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyTextExpandComponent, isStandalone: false, selector: "sky-text-expand", inputs: { expandModalTitle: "expandModalTitle", maxExpandedLength: "maxExpandedLength", maxExpandedNewlines: "maxExpandedNewlines", maxLength: "maxLength", text: "text", truncateNewlines: "truncateNewlines" }, providers: [SkyTextExpandAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n #container\n class=\"sky-text-expand-container\"\n [@expansionAnimation]=\"{\n value: isExpanded,\n params: { transitionHeight: transitionHeight }\n }\"\n (@expansionAnimation.done)=\"animationEnd()\"\n>\n <span #text class=\"sky-text-expand-text\" [id]=\"contentSectionId\"></span>\n @if (expandable) {\n @if (!isExpanded) {\n <span class=\"sky-text-expand-ellipsis\">... </span>\n }\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n [attr.aria-expanded]=\"isModal ? undefined : !!isExpanded\"\n [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n (click)=\"textExpand()\"\n >\n {{ buttonText }}\n </button>\n }\n</div>\n", styles: [".sky-text-expand-container:not(.sky-theme-modern *){--sky-text-expand-see-more-margin-left: 5px}.sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:var(--sky-text-expand-see-more-margin-left, var(--sky-space-gap-text_action-xs))}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], animations: [
|
|
2491
2491
|
trigger('expansionAnimation', [
|
|
2492
2492
|
transition(':enter', []),
|
|
2493
2493
|
state('true', style({
|
|
@@ -2502,7 +2502,7 @@ class SkyTextExpandComponent {
|
|
|
2502
2502
|
]),
|
|
2503
2503
|
] }); }
|
|
2504
2504
|
}
|
|
2505
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandComponent, decorators: [{
|
|
2506
2506
|
type: Component,
|
|
2507
2507
|
args: [{ animations: [
|
|
2508
2508
|
trigger('expansionAnimation', [
|
|
@@ -2545,11 +2545,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2545
2545
|
}] } });
|
|
2546
2546
|
|
|
2547
2547
|
class SkyTextExpandModule {
|
|
2548
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2549
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
2550
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
2548
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2549
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandModule, declarations: [SkyTextExpandComponent], exports: [SkyTextExpandComponent] }); }
|
|
2550
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandModule }); }
|
|
2551
2551
|
}
|
|
2552
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2552
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandModule, decorators: [{
|
|
2553
2553
|
type: NgModule,
|
|
2554
2554
|
args: [{
|
|
2555
2555
|
declarations: [SkyTextExpandComponent],
|
|
@@ -2580,10 +2580,10 @@ class SkyTextExpandRepeaterAdapterService {
|
|
|
2580
2580
|
removeContainerMaxHeight(containerEl) {
|
|
2581
2581
|
this.#renderer.removeStyle(containerEl.nativeElement, 'max-height');
|
|
2582
2582
|
}
|
|
2583
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2584
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
2583
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2584
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandRepeaterAdapterService }); }
|
|
2585
2585
|
}
|
|
2586
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2586
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, decorators: [{
|
|
2587
2587
|
type: Injectable
|
|
2588
2588
|
}], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
|
|
2589
2589
|
|
|
@@ -2717,8 +2717,8 @@ class SkyTextExpandRepeaterComponent {
|
|
|
2717
2717
|
}
|
|
2718
2718
|
}
|
|
2719
2719
|
}
|
|
2720
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2721
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
2720
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandRepeaterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2721
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SkyTextExpandRepeaterComponent, isStandalone: false, selector: "sky-text-expand-repeater", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, listStyle: { classPropertyName: "listStyle", publicName: "listStyle", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SkyTextExpandRepeaterAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"sky-text-expand-repeater\">\n @if (listStyle() !== 'ordered') {\n <ul\n #container\n class=\"sky-text-expand-repeater-container\"\n [@expansionAnimation]=\"{\n value: isExpanded(),\n params: { transitionHeight: transitionHeight }\n }\"\n [id]=\"contentSectionId\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-list-style-none': listStyle() === 'unstyled'\n }\"\n (@expansionAnimation.done)=\"animationEnd()\"\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\" />\n </ul>\n } @else {\n <ol\n #container\n class=\"sky-text-expand-repeater-container\"\n [@expansionAnimation]=\"{\n value: isExpanded(),\n params: { transitionHeight: transitionHeight }\n }\"\n [id]=\"contentSectionId\"\n (@expansionAnimation.done)=\"animationEnd()\"\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\" />\n </ol>\n }\n @if (expandable) {\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n [attr.aria-expanded]=\"isExpanded()\"\n [attr.aria-controls]=\"contentSectionId\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none':\n listStyle() === 'unstyled'\n }\"\n (click)=\"repeaterExpand()\"\n >\n {{ buttonText() }}\n </button>\n }\n</div>\n\n<ng-template #defaultItemTemplate let-item>\n {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n @for (item of trackedData(); track item.index) {\n <li class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate() || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item.item }\"\n />\n </li>\n }\n</ng-template>\n", styles: [":host{display:block}.sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;margin-top:0}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}.sky-text-expand-repeater-list-style-none{list-style-type:none;padding-left:0}.sky-text-expand-repeater-see-more-list-style-none{margin-left:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
2722
2722
|
trigger('expansionAnimation', [
|
|
2723
2723
|
transition(':enter', []),
|
|
2724
2724
|
state('true', style({
|
|
@@ -2733,7 +2733,7 @@ class SkyTextExpandRepeaterComponent {
|
|
|
2733
2733
|
]),
|
|
2734
2734
|
] }); }
|
|
2735
2735
|
}
|
|
2736
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2736
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
2737
2737
|
type: Component,
|
|
2738
2738
|
args: [{ animations: [
|
|
2739
2739
|
trigger('expansionAnimation', [
|
|
@@ -2752,11 +2752,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2752
2752
|
}], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], listStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "listStyle", required: false }] }], maxItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxItems", required: false }] }], containerEl: [{ type: i0.ViewChild, args: ['container', { isSignal: true }] }] } });
|
|
2753
2753
|
|
|
2754
2754
|
class SkyTextExpandRepeaterModule {
|
|
2755
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2756
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
2757
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
2755
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandRepeaterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2756
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandRepeaterModule, declarations: [SkyTextExpandRepeaterComponent], imports: [SkyLayoutResourcesModule, CommonModule], exports: [SkyTextExpandRepeaterComponent] }); }
|
|
2757
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandRepeaterModule, imports: [SkyLayoutResourcesModule, CommonModule] }); }
|
|
2758
2758
|
}
|
|
2759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2759
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
2760
2760
|
type: NgModule,
|
|
2761
2761
|
args: [{
|
|
2762
2762
|
declarations: [SkyTextExpandRepeaterComponent],
|
|
@@ -2769,10 +2769,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2769
2769
|
* Specifies a container for an item in the toolbar.
|
|
2770
2770
|
*/
|
|
2771
2771
|
class SkyToolbarItemComponent {
|
|
2772
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2773
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2772
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2773
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyToolbarItemComponent, isStandalone: false, selector: "sky-toolbar-item", ngImport: i0, template: "<div class=\"sky-toolbar-item\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-item:not(.sky-theme-modern *){--sky-override-toolbar-item-spacing-bottom: 5px;--sky-override-toolbar-item-spacing-right: 5px}.sky-toolbar-item{margin-right:var(--sky-override-toolbar-item-spacing-right, var(--sky-space-gap-action_group-m));margin-bottom:var(--sky-override-toolbar-item-spacing-bottom);--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}.sky-theme-modern ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}\n"] }); }
|
|
2774
2774
|
}
|
|
2775
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2775
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarItemComponent, decorators: [{
|
|
2776
2776
|
type: Component,
|
|
2777
2777
|
args: [{ selector: 'sky-toolbar-item', standalone: false, template: "<div class=\"sky-toolbar-item\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-item:not(.sky-theme-modern *){--sky-override-toolbar-item-spacing-bottom: 5px;--sky-override-toolbar-item-spacing-right: 5px}.sky-toolbar-item{margin-right:var(--sky-override-toolbar-item-spacing-right, var(--sky-space-gap-action_group-m));margin-bottom:var(--sky-override-toolbar-item-spacing-bottom);--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}.sky-theme-modern ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}\n"] }]
|
|
2778
2778
|
}] });
|
|
@@ -2781,10 +2781,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2781
2781
|
* Specifies a section to group items within the toolbar. The section displays items in a separate horizontal row.
|
|
2782
2782
|
*/
|
|
2783
2783
|
class SkyToolbarSectionComponent {
|
|
2784
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2785
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2784
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2785
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyToolbarSectionComponent, isStandalone: false, selector: "sky-toolbar-section", ngImport: i0, template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content />\n </div>\n <ng-content select=\"sky-toolbar-view-actions\" />\n</div>\n", styles: [".sky-toolbar-container:not(.sky-theme-modern *){--sky-override-toolbar-container-padding: 5px 10px 0}.sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:var(--sky-override-toolbar-container-padding, var(--sky-comp-toolbar-space-inset-top) var(--sky-comp-toolbar-space-inset-right) var(--sky-comp-toolbar-space-inset-bottom) var(--sky-comp-toolbar-space-inset-left));min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}\n"] }); }
|
|
2786
2786
|
}
|
|
2787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2787
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarSectionComponent, decorators: [{
|
|
2788
2788
|
type: Component,
|
|
2789
2789
|
args: [{ selector: 'sky-toolbar-section', standalone: false, template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content />\n </div>\n <ng-content select=\"sky-toolbar-view-actions\" />\n</div>\n", styles: [".sky-toolbar-container:not(.sky-theme-modern *){--sky-override-toolbar-container-padding: 5px 10px 0}.sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:var(--sky-override-toolbar-container-padding, var(--sky-comp-toolbar-space-inset-top) var(--sky-comp-toolbar-space-inset-right) var(--sky-comp-toolbar-space-inset-bottom) var(--sky-comp-toolbar-space-inset-left));min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}\n"] }]
|
|
2790
2790
|
}] });
|
|
@@ -2794,10 +2794,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2794
2794
|
* the view of the content container. This includes simple filters and view switchers.
|
|
2795
2795
|
*/
|
|
2796
2796
|
class SkyToolbarViewActionsComponent {
|
|
2797
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2798
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2797
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarViewActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2798
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyToolbarViewActionsComponent, isStandalone: false, selector: "sky-toolbar-view-actions", ngImport: i0, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-view-actions:not(.sky-theme-modern *){--sky-override-toolbar-view-action-bottom-margin: 5px;--sky-override-toolbar-view-action-right-margin: 5px}:host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:var(--sky-override-toolbar-view-action-bottom-margin, 0)}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:var(--sky-override-toolbar-view-action-right-margin, var(--sky-space-gap-action_group-m))}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}.sky-theme-modern .sky-toolbar-view-actions{--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}.sky-theme-modern ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2799
2799
|
}
|
|
2800
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2800
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
2801
2801
|
type: Component,
|
|
2802
2802
|
args: [{ selector: 'sky-toolbar-view-actions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-view-actions:not(.sky-theme-modern *){--sky-override-toolbar-view-action-bottom-margin: 5px;--sky-override-toolbar-view-action-right-margin: 5px}:host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:var(--sky-override-toolbar-view-action-bottom-margin, 0)}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:var(--sky-override-toolbar-view-action-right-margin, var(--sky-space-gap-action_group-m))}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}.sky-theme-modern .sky-toolbar-view-actions{--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}.sky-theme-modern ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}\n"] }]
|
|
2803
2803
|
}] });
|
|
@@ -2823,10 +2823,10 @@ class SkyToolbarComponent {
|
|
|
2823
2823
|
});
|
|
2824
2824
|
}
|
|
2825
2825
|
#contentInfoProvider;
|
|
2826
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2827
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2826
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2827
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: SkyToolbarComponent, isStandalone: false, selector: "sky-toolbar", inputs: { listDescriptor: "listDescriptor" }, providers: [SkyContentInfoProvider], queries: [{ propertyName: "sectionComponents", predicate: SkyToolbarSectionComponent, descendants: true }], ngImport: i0, template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\" />\n <div class=\"sky-toolbar-items\">\n <ng-content />\n </div>\n <ng-content select=\"sky-toolbar-view-actions\" />\n</div>\n", styles: [".sky-toolbar-container:not(.sky-theme-modern *){--sky-override-toolbar-background-color: #ffffff;--sky-override-toolbar-border-top-bottom: 1px solid #cdcfd2;--sky-override-toolbar-container-padding: 5px 10px 0}sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{min-height:49px;background-color:var(--sky-comp-override-list-header-background-color, var(--sky-override-toolbar-background-color));padding:var(--sky-override-toolbar-container-padding, var(--sky-comp-toolbar-space-inset-top) var(--sky-comp-toolbar-space-inset-right) var(--sky-comp-toolbar-space-inset-bottom) var(--sky-comp-toolbar-space-inset-left));border-top:var(--sky-override-toolbar-border-top-bottom, none);border-bottom:var(--sky-override-toolbar-border-top-bottom, none);display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:var(--sky-override-toolbar-border-top-bottom, var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider))}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-container.sky-viewkeeper-fixed{background-color:var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page)))}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-viewkeeper-fixed) .sky-toolbar-container{background-color:var(--sky-override-toolbar-background-color, var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page))))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2828
2828
|
}
|
|
2829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2829
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarComponent, decorators: [{
|
|
2830
2830
|
type: Component,
|
|
2831
2831
|
args: [{ selector: 'sky-toolbar', providers: [SkyContentInfoProvider], standalone: false, template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\" />\n <div class=\"sky-toolbar-items\">\n <ng-content />\n </div>\n <ng-content select=\"sky-toolbar-view-actions\" />\n</div>\n", styles: [".sky-toolbar-container:not(.sky-theme-modern *){--sky-override-toolbar-background-color: #ffffff;--sky-override-toolbar-border-top-bottom: 1px solid #cdcfd2;--sky-override-toolbar-container-padding: 5px 10px 0}sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{min-height:49px;background-color:var(--sky-comp-override-list-header-background-color, var(--sky-override-toolbar-background-color));padding:var(--sky-override-toolbar-container-padding, var(--sky-comp-toolbar-space-inset-top) var(--sky-comp-toolbar-space-inset-right) var(--sky-comp-toolbar-space-inset-bottom) var(--sky-comp-toolbar-space-inset-left));border-top:var(--sky-override-toolbar-border-top-bottom, none);border-bottom:var(--sky-override-toolbar-border-top-bottom, none);display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:var(--sky-override-toolbar-border-top-bottom, var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider))}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-container.sky-viewkeeper-fixed{background-color:var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page)))}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-viewkeeper-fixed) .sky-toolbar-container{background-color:var(--sky-override-toolbar-background-color, var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page))))}\n"] }]
|
|
2832
2832
|
}], propDecorators: { sectionComponents: [{
|
|
@@ -2837,17 +2837,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
|
|
|
2837
2837
|
}] } });
|
|
2838
2838
|
|
|
2839
2839
|
class SkyToolbarModule {
|
|
2840
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2841
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
2840
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2841
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
|
|
2842
2842
|
SkyToolbarItemComponent,
|
|
2843
2843
|
SkyToolbarSectionComponent,
|
|
2844
2844
|
SkyToolbarViewActionsComponent], imports: [CommonModule], exports: [SkyToolbarComponent,
|
|
2845
2845
|
SkyToolbarItemComponent,
|
|
2846
2846
|
SkyToolbarSectionComponent,
|
|
2847
2847
|
SkyToolbarViewActionsComponent] }); }
|
|
2848
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
2848
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarModule, imports: [CommonModule] }); }
|
|
2849
2849
|
}
|
|
2850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SkyToolbarModule, decorators: [{
|
|
2851
2851
|
type: NgModule,
|
|
2852
2852
|
args: [{
|
|
2853
2853
|
declarations: [
|