@skyux/layout 5.1.0 → 5.2.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/bundles/skyux-layout-testing.umd.js +8 -3
- package/bundles/skyux-layout.umd.js +517 -498
- package/documentation.json +854 -429
- package/esm2015/modules/action-button/action-button-adapter-service.js +5 -5
- package/esm2015/modules/action-button/action-button-container.component.js +9 -13
- package/esm2015/modules/action-button/action-button-details.component.js +5 -5
- package/esm2015/modules/action-button/action-button-header.component.js +5 -5
- package/esm2015/modules/action-button/action-button-icon.component.js +5 -5
- package/esm2015/modules/action-button/action-button-permalink.js +1 -1
- package/esm2015/modules/action-button/action-button.component.js +6 -6
- package/esm2015/modules/action-button/action-button.module.js +10 -10
- package/esm2015/modules/action-button/types/action-button-container-align-items.js +1 -1
- package/esm2015/modules/back-to-top/back-to-top-adapter.service.js +7 -8
- package/esm2015/modules/back-to-top/back-to-top.component.js +6 -8
- package/esm2015/modules/back-to-top/back-to-top.directive.js +12 -12
- package/esm2015/modules/back-to-top/back-top-top.module.js +11 -21
- package/esm2015/modules/back-to-top/models/back-to-top-message-type.js +1 -1
- package/esm2015/modules/back-to-top/models/back-to-top-message.js +1 -1
- package/esm2015/modules/back-to-top/models/back-to-top-options.js +1 -1
- package/esm2015/modules/box/box-content.component.js +18 -0
- package/esm2015/modules/box/box-controls.component.js +17 -0
- package/esm2015/modules/box/box-header.component.js +17 -0
- package/esm2015/modules/box/box.component.js +26 -0
- package/esm2015/modules/box/box.module.js +38 -0
- package/esm2015/modules/card/card-actions.component.js +5 -5
- package/esm2015/modules/card/card-content.component.js +5 -5
- package/esm2015/modules/card/card-title.component.js +5 -5
- package/esm2015/modules/card/card.component.js +8 -8
- package/esm2015/modules/card/card.module.js +10 -10
- package/esm2015/modules/definition-list/definition-list-content.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-heading.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-label.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-value.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list.module.js +10 -20
- package/esm2015/modules/definition-list/definition-list.service.js +4 -4
- package/esm2015/modules/description-list/description-list-adapter-service.js +7 -6
- package/esm2015/modules/description-list/description-list-content.component.js +5 -5
- package/esm2015/modules/description-list/description-list-description.component.js +7 -7
- package/esm2015/modules/description-list/description-list-term.component.js +7 -7
- package/esm2015/modules/description-list/description-list.component.js +9 -15
- package/esm2015/modules/description-list/description-list.module.js +10 -10
- package/esm2015/modules/description-list/description-list.service.js +4 -4
- package/esm2015/modules/description-list/types/description-list-mode-type.js +1 -1
- package/esm2015/modules/description-list/types/description-list-mode.js +1 -1
- package/esm2015/modules/fluid-grid/column.component.js +11 -10
- package/esm2015/modules/fluid-grid/fluid-grid-gutter-size.js +1 -1
- package/esm2015/modules/fluid-grid/fluid-grid.component.js +5 -7
- package/esm2015/modules/fluid-grid/fluid-grid.module.js +8 -24
- package/esm2015/modules/fluid-grid/row.component.js +5 -5
- package/esm2015/modules/fluid-grid/types/fluid-grid-gutter-size-type.js +1 -1
- package/esm2015/modules/format/format-item.js +1 -1
- package/esm2015/modules/format/format.component.js +6 -6
- package/esm2015/modules/format/format.module.js +8 -16
- package/esm2015/modules/inline-delete/inline-delete-adapter.service.js +19 -15
- package/esm2015/modules/inline-delete/inline-delete-type.js +1 -1
- package/esm2015/modules/inline-delete/inline-delete.component.js +28 -34
- package/esm2015/modules/inline-delete/inline-delete.module.js +9 -13
- package/esm2015/modules/page/page-theme-adapter.service.js +4 -4
- package/esm2015/modules/page/page.component.js +5 -5
- package/esm2015/modules/page/page.module.js +7 -11
- package/esm2015/modules/page-summary/page-summary-adapter.service.js +4 -4
- package/esm2015/modules/page-summary/page-summary-alert.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-content.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-image.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-key-info.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-status.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-subtitle.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-title.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary.component.js +10 -8
- package/esm2015/modules/page-summary/page-summary.module.js +9 -13
- package/esm2015/modules/shared/sky-layout-resources.module.js +6 -6
- package/esm2015/modules/text-expand/text-expand-adapter.service.js +5 -5
- package/esm2015/modules/text-expand/text-expand-modal.component.js +5 -5
- package/esm2015/modules/text-expand/text-expand.component.js +21 -25
- package/esm2015/modules/text-expand/text-expand.module.js +10 -18
- package/esm2015/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +5 -5
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.component.js +9 -13
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.module.js +8 -22
- package/esm2015/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +1 -1
- package/esm2015/modules/toolbar/toolbar-item.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-section.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-view-actions.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar.component.js +6 -6
- package/esm2015/modules/toolbar/toolbar.module.js +9 -13
- package/esm2015/public-api.js +6 -1
- package/esm2015/testing/action-button-fixture.js +6 -3
- package/esm2015/testing/card-fixture.js +4 -2
- package/esm2015/testing/page-summary-fixture.js +1 -1
- package/fesm2015/skyux-layout-testing.js +8 -3
- package/fesm2015/skyux-layout-testing.js.map +1 -1
- package/fesm2015/skyux-layout.js +487 -492
- package/fesm2015/skyux-layout.js.map +1 -1
- package/modules/box/box-content.component.d.ts +8 -0
- package/modules/box/box-controls.component.d.ts +8 -0
- package/modules/box/box-header.component.d.ts +8 -0
- package/modules/box/box.component.d.ts +29 -0
- package/modules/box/box.module.d.ts +12 -0
- package/package.json +8 -8
- package/public-api.d.ts +5 -0
- package/bundles/skyux-layout-testing.umd.js.map +0 -1
- package/bundles/skyux-layout.umd.js.map +0 -1
|
@@ -70,9 +70,9 @@
|
|
|
70
70
|
};
|
|
71
71
|
return SkyActionButtonAdapterService;
|
|
72
72
|
}());
|
|
73
|
-
SkyActionButtonAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
74
|
-
SkyActionButtonAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
75
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
73
|
+
SkyActionButtonAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
74
|
+
SkyActionButtonAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonAdapterService });
|
|
75
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonAdapterService, decorators: [{
|
|
76
76
|
type: i0.Injectable
|
|
77
77
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
78
78
|
|
|
@@ -94,15 +94,15 @@
|
|
|
94
94
|
};
|
|
95
95
|
return SkyActionButtonComponent;
|
|
96
96
|
}());
|
|
97
|
-
SkyActionButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
98
|
-
SkyActionButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
99
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
97
|
+
SkyActionButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
98
|
+
SkyActionButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<a\n *ngIf=\"permalink && permalink.route\"\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\"> </ng-container>\n</a>\n\n<a\n *ngIf=\"permalink && !permalink.route\"\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>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n *ngIf=\"!permalink\"\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\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n", styles: [".sky-action-button{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}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3__namespace$1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
99
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonComponent, decorators: [{
|
|
100
100
|
type: i0.Component,
|
|
101
101
|
args: [{
|
|
102
102
|
selector: 'sky-action-button',
|
|
103
103
|
styles: [".sky-action-button{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}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"],
|
|
104
|
-
template: "<a
|
|
105
|
-
encapsulation: i0.ViewEncapsulation.None
|
|
104
|
+
template: "<a\n *ngIf=\"permalink && permalink.route\"\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\"> </ng-container>\n</a>\n\n<a\n *ngIf=\"permalink && !permalink.route\"\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>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n *ngIf=\"!permalink\"\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\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n",
|
|
105
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
106
106
|
}]
|
|
107
107
|
}], propDecorators: { permalink: [{
|
|
108
108
|
type: i0.Input
|
|
@@ -199,7 +199,7 @@
|
|
|
199
199
|
});
|
|
200
200
|
_this.mutationObserver.observe(el_1, {
|
|
201
201
|
characterData: true,
|
|
202
|
-
subtree: true
|
|
202
|
+
subtree: true,
|
|
203
203
|
});
|
|
204
204
|
});
|
|
205
205
|
}
|
|
@@ -226,20 +226,16 @@
|
|
|
226
226
|
};
|
|
227
227
|
return SkyActionButtonContainerComponent;
|
|
228
228
|
}());
|
|
229
|
-
SkyActionButtonContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
230
|
-
SkyActionButtonContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
231
|
-
|
|
232
|
-
], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-action-button-container\"\n #container\n>\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 >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.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{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
233
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonContainerComponent, decorators: [{
|
|
229
|
+
SkyActionButtonContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonContainerComponent, deps: [{ token: SkyActionButtonAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.SkyCoreAdapterService }, { token: i0__namespace.ElementRef }, { token: i1__namespace.MutationObserverService }, { token: i0__namespace.NgZone }, { token: i3__namespace$1.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
230
|
+
SkyActionButtonContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonContainerComponent, 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: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div class=\"sky-action-button-container\" #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 >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.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{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
231
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonContainerComponent, decorators: [{
|
|
234
232
|
type: i0.Component,
|
|
235
233
|
args: [{
|
|
236
234
|
selector: 'sky-action-button-container',
|
|
237
235
|
styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.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{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"],
|
|
238
|
-
template: "<div
|
|
239
|
-
providers: [
|
|
240
|
-
|
|
241
|
-
],
|
|
242
|
-
encapsulation: i0.ViewEncapsulation.None
|
|
236
|
+
template: "<div class=\"sky-action-button-container\" #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 >\n <ng-content></ng-content>\n </div>\n</div>\n",
|
|
237
|
+
providers: [SkyActionButtonAdapterService],
|
|
238
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
243
239
|
}]
|
|
244
240
|
}], ctorParameters: function () {
|
|
245
241
|
return [{ type: SkyActionButtonAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.SkyCoreAdapterService }, { type: i0__namespace.ElementRef }, { type: i1__namespace.MutationObserverService }, { type: i0__namespace.NgZone }, { type: i3__namespace$1.SkyThemeService, decorators: [{
|
|
@@ -254,7 +250,7 @@
|
|
|
254
250
|
type: i0.ViewChild,
|
|
255
251
|
args: ['container', {
|
|
256
252
|
read: i0.ElementRef,
|
|
257
|
-
static: true
|
|
253
|
+
static: true,
|
|
258
254
|
}]
|
|
259
255
|
}], onWindowResize: [{
|
|
260
256
|
type: i0.HostListener,
|
|
@@ -269,13 +265,13 @@
|
|
|
269
265
|
}
|
|
270
266
|
return SkyActionButtonDetailsComponent;
|
|
271
267
|
}());
|
|
272
|
-
SkyActionButtonDetailsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
273
|
-
SkyActionButtonDetailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
274
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
268
|
+
SkyActionButtonDetailsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonDetailsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
269
|
+
SkyActionButtonDetailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
270
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonDetailsComponent, decorators: [{
|
|
275
271
|
type: i0.Component,
|
|
276
272
|
args: [{
|
|
277
273
|
selector: 'sky-action-button-details',
|
|
278
|
-
template: "<ng-content></ng-content>\n"
|
|
274
|
+
template: "<ng-content></ng-content>\n",
|
|
279
275
|
}]
|
|
280
276
|
}] });
|
|
281
277
|
|
|
@@ -287,14 +283,14 @@
|
|
|
287
283
|
}
|
|
288
284
|
return SkyActionButtonHeaderComponent;
|
|
289
285
|
}());
|
|
290
|
-
SkyActionButtonHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
291
|
-
SkyActionButtonHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
292
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
286
|
+
SkyActionButtonHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
287
|
+
SkyActionButtonHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0__namespace, template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"], directives: [{ type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
288
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonHeaderComponent, decorators: [{
|
|
293
289
|
type: i0.Component,
|
|
294
290
|
args: [{
|
|
295
291
|
selector: 'sky-action-button-header',
|
|
296
292
|
styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"],
|
|
297
|
-
template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline'
|
|
293
|
+
template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
298
294
|
}]
|
|
299
295
|
}] });
|
|
300
296
|
|
|
@@ -326,14 +322,14 @@
|
|
|
326
322
|
};
|
|
327
323
|
return SkyActionButtonIconComponent;
|
|
328
324
|
}());
|
|
329
|
-
SkyActionButtonIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
330
|
-
SkyActionButtonIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
331
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
325
|
+
SkyActionButtonIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonIconComponent, deps: [{ token: i1__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
326
|
+
SkyActionButtonIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0__namespace, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n", styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"], components: [{ type: i2__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] });
|
|
327
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonIconComponent, decorators: [{
|
|
332
328
|
type: i0.Component,
|
|
333
329
|
args: [{
|
|
334
330
|
selector: 'sky-action-button-icon',
|
|
335
331
|
styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"],
|
|
336
|
-
template: "<div
|
|
332
|
+
template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n",
|
|
337
333
|
}]
|
|
338
334
|
}], ctorParameters: function () { return [{ type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
|
|
339
335
|
type: i0.Input
|
|
@@ -344,8 +340,8 @@
|
|
|
344
340
|
}
|
|
345
341
|
return SkyActionButtonModule;
|
|
346
342
|
}());
|
|
347
|
-
SkyActionButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
348
|
-
SkyActionButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
343
|
+
SkyActionButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
344
|
+
SkyActionButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
|
|
349
345
|
SkyActionButtonContainerComponent,
|
|
350
346
|
SkyActionButtonDetailsComponent,
|
|
351
347
|
SkyActionButtonHeaderComponent,
|
|
@@ -358,14 +354,14 @@
|
|
|
358
354
|
SkyActionButtonDetailsComponent,
|
|
359
355
|
SkyActionButtonHeaderComponent,
|
|
360
356
|
SkyActionButtonIconComponent] });
|
|
361
|
-
SkyActionButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
357
|
+
SkyActionButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonModule, imports: [[
|
|
362
358
|
i3.CommonModule,
|
|
363
359
|
i2.RouterModule,
|
|
364
360
|
i4.SkyHrefModule,
|
|
365
361
|
i2$1.SkyIconModule,
|
|
366
|
-
i3$1.SkyThemeModule
|
|
362
|
+
i3$1.SkyThemeModule,
|
|
367
363
|
]] });
|
|
368
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
364
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonModule, decorators: [{
|
|
369
365
|
type: i0.NgModule,
|
|
370
366
|
args: [{
|
|
371
367
|
declarations: [
|
|
@@ -373,22 +369,22 @@
|
|
|
373
369
|
SkyActionButtonContainerComponent,
|
|
374
370
|
SkyActionButtonDetailsComponent,
|
|
375
371
|
SkyActionButtonHeaderComponent,
|
|
376
|
-
SkyActionButtonIconComponent
|
|
372
|
+
SkyActionButtonIconComponent,
|
|
377
373
|
],
|
|
378
374
|
imports: [
|
|
379
375
|
i3.CommonModule,
|
|
380
376
|
i2.RouterModule,
|
|
381
377
|
i4.SkyHrefModule,
|
|
382
378
|
i2$1.SkyIconModule,
|
|
383
|
-
i3$1.SkyThemeModule
|
|
379
|
+
i3$1.SkyThemeModule,
|
|
384
380
|
],
|
|
385
381
|
exports: [
|
|
386
382
|
SkyActionButtonComponent,
|
|
387
383
|
SkyActionButtonContainerComponent,
|
|
388
384
|
SkyActionButtonDetailsComponent,
|
|
389
385
|
SkyActionButtonHeaderComponent,
|
|
390
|
-
SkyActionButtonIconComponent
|
|
391
|
-
]
|
|
386
|
+
SkyActionButtonIconComponent,
|
|
387
|
+
],
|
|
392
388
|
}]
|
|
393
389
|
}] });
|
|
394
390
|
|
|
@@ -411,8 +407,7 @@
|
|
|
411
407
|
SkyBackToTopDomAdapterService.prototype.elementInViewOnScroll = function (elementRef) {
|
|
412
408
|
var _this = this;
|
|
413
409
|
var parent = this.findScrollableParent(elementRef.nativeElement);
|
|
414
|
-
return rxjs.fromEvent(parent, 'scroll')
|
|
415
|
-
.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function () {
|
|
410
|
+
return rxjs.fromEvent(parent, 'scroll').pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function () {
|
|
416
411
|
var isInView = _this.isElementScrolledInView(elementRef.nativeElement, parent);
|
|
417
412
|
return isInView;
|
|
418
413
|
}));
|
|
@@ -463,18 +458,18 @@
|
|
|
463
458
|
var elementRect = element.getBoundingClientRect();
|
|
464
459
|
/* istanbul ignore else */
|
|
465
460
|
if (parentElement === windowObj) {
|
|
466
|
-
return
|
|
461
|
+
return elementRect.top > -buffer;
|
|
467
462
|
}
|
|
468
463
|
else {
|
|
469
464
|
var parentRect = parentElement.getBoundingClientRect();
|
|
470
|
-
return
|
|
465
|
+
return elementRect.top > parentRect.top - buffer;
|
|
471
466
|
}
|
|
472
467
|
};
|
|
473
468
|
return SkyBackToTopDomAdapterService;
|
|
474
469
|
}());
|
|
475
|
-
SkyBackToTopDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
476
|
-
SkyBackToTopDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
477
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
470
|
+
SkyBackToTopDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService, deps: [{ token: i1__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
471
|
+
SkyBackToTopDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService });
|
|
472
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService, decorators: [{
|
|
478
473
|
type: i0.Injectable
|
|
479
474
|
}], ctorParameters: function () { return [{ type: i1__namespace.SkyAppWindowRef }]; } });
|
|
480
475
|
|
|
@@ -498,15 +493,15 @@
|
|
|
498
493
|
};
|
|
499
494
|
return SkyBackToTopComponent;
|
|
500
495
|
}());
|
|
501
|
-
SkyBackToTopComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
502
|
-
SkyBackToTopComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
503
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
496
|
+
SkyBackToTopComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
497
|
+
SkyBackToTopComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBackToTopComponent, selector: "sky-back-to-top", ngImport: i0__namespace, template: "<div class=\"sky-back-to-top sky-padding-squish-large\">\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{display:flex;align-items:center;width:100%;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}\n"], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
498
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopComponent, decorators: [{
|
|
504
499
|
type: i0.Component,
|
|
505
500
|
args: [{
|
|
506
501
|
selector: 'sky-back-to-top',
|
|
507
|
-
template: "<div
|
|
502
|
+
template: "<div class=\"sky-back-to-top sky-padding-squish-large\">\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",
|
|
508
503
|
styles: [".sky-back-to-top{display:flex;align-items:center;width:100%;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}\n"],
|
|
509
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
504
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
510
505
|
}]
|
|
511
506
|
}] });
|
|
512
507
|
|
|
@@ -575,7 +570,10 @@
|
|
|
575
570
|
};
|
|
576
571
|
SkyBackToTopDirective.prototype.handleBackToTopButton = function (elementInView) {
|
|
577
572
|
// Add back to top button if user scrolls down and button is not hidden.
|
|
578
|
-
if (!this.dockItem &&
|
|
573
|
+
if (!this.dockItem &&
|
|
574
|
+
elementInView !== undefined &&
|
|
575
|
+
!elementInView &&
|
|
576
|
+
!this.buttonHidden) {
|
|
579
577
|
this.addBackToTop();
|
|
580
578
|
}
|
|
581
579
|
// Remove back to top button if user scrolls back up.
|
|
@@ -603,7 +601,8 @@
|
|
|
603
601
|
var _this = this;
|
|
604
602
|
/* istanbul ignore else */
|
|
605
603
|
if (this.element) {
|
|
606
|
-
this.domAdapter
|
|
604
|
+
this.domAdapter
|
|
605
|
+
.elementInViewOnScroll(this.element)
|
|
607
606
|
.pipe(operators.takeUntil(this.ngUnsubscribe))
|
|
608
607
|
.subscribe(function (elementInView) {
|
|
609
608
|
_this.elementInView = elementInView;
|
|
@@ -620,17 +619,13 @@
|
|
|
620
619
|
};
|
|
621
620
|
return SkyBackToTopDirective;
|
|
622
621
|
}());
|
|
623
|
-
SkyBackToTopDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
624
|
-
SkyBackToTopDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
625
|
-
|
|
626
|
-
], ngImport: i0__namespace });
|
|
627
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopDirective, decorators: [{
|
|
622
|
+
SkyBackToTopDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopDirective, deps: [{ token: i1__namespace.SkyDockService }, { token: SkyBackToTopDomAdapterService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
623
|
+
SkyBackToTopDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: SkyBackToTopDirective, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [SkyBackToTopDomAdapterService], ngImport: i0__namespace });
|
|
624
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopDirective, decorators: [{
|
|
628
625
|
type: i0.Directive,
|
|
629
626
|
args: [{
|
|
630
627
|
selector: '[skyBackToTop]',
|
|
631
|
-
providers: [
|
|
632
|
-
SkyBackToTopDomAdapterService
|
|
633
|
-
]
|
|
628
|
+
providers: [SkyBackToTopDomAdapterService],
|
|
634
629
|
}]
|
|
635
630
|
}], ctorParameters: function () { return [{ type: i1__namespace.SkyDockService }, { type: SkyBackToTopDomAdapterService }, { type: i0__namespace.ElementRef }]; }, propDecorators: { skyBackToTop: [{
|
|
636
631
|
type: i0.Input
|
|
@@ -645,7 +640,7 @@
|
|
|
645
640
|
* To update this file, simply rerun the command.
|
|
646
641
|
*/
|
|
647
642
|
var RESOURCES = {
|
|
648
|
-
'EN-US': { "skyux_back_to_top": { "message": "Back to top" }, "skyux_card_checkbox_label": { "message": "Select card" }, "skyux_definition_list_none_found": { "message": "None found" }, "skyux_description_list_none_found": { "message": "None found" }, "skyux_inline_delete_assistive_text": { "message": "Are you sure you want to delete this item?" }, "skyux_inline_delete_cancel": { "message": "Cancel" }, "skyux_inline_delete_confirm_deletion": { "message": "Confirm deletion" }, "skyux_inline_delete_delete": { "message": "Delete" }, "skyux_text_expand_close_text": { "message": "Close" }, "skyux_text_expand_modal_title": { "message": "Expanded view" }, "skyux_text_expand_see_less": { "message": "See less" }, "skyux_text_expand_see_more": { "message": "See more" } },
|
|
643
|
+
'EN-US': { "skyux_back_to_top": { "message": "Back to top" }, "skyux_card_checkbox_label": { "message": "Select card" }, "skyux_definition_list_none_found": { "message": "None found." }, "skyux_description_list_none_found": { "message": "None found." }, "skyux_inline_delete_assistive_text": { "message": "Are you sure you want to delete this item?" }, "skyux_inline_delete_cancel": { "message": "Cancel" }, "skyux_inline_delete_confirm_deletion": { "message": "Confirm deletion" }, "skyux_inline_delete_delete": { "message": "Delete" }, "skyux_text_expand_close_text": { "message": "Close" }, "skyux_text_expand_modal_title": { "message": "Expanded view" }, "skyux_text_expand_see_less": { "message": "See less" }, "skyux_text_expand_see_more": { "message": "See more" } },
|
|
649
644
|
};
|
|
650
645
|
var SkyLayoutResourcesProvider = /** @class */ (function () {
|
|
651
646
|
function SkyLayoutResourcesProvider() {
|
|
@@ -663,14 +658,14 @@
|
|
|
663
658
|
}
|
|
664
659
|
return SkyLayoutResourcesModule;
|
|
665
660
|
}());
|
|
666
|
-
SkyLayoutResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
667
|
-
SkyLayoutResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
668
|
-
SkyLayoutResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
661
|
+
SkyLayoutResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLayoutResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
662
|
+
SkyLayoutResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLayoutResourcesModule, exports: [i1$1.SkyI18nModule] });
|
|
663
|
+
SkyLayoutResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLayoutResourcesModule, providers: [{
|
|
669
664
|
provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
670
665
|
useClass: SkyLayoutResourcesProvider,
|
|
671
666
|
multi: true
|
|
672
667
|
}], imports: [i1$1.SkyI18nModule] });
|
|
673
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
668
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLayoutResourcesModule, decorators: [{
|
|
674
669
|
type: i0.NgModule,
|
|
675
670
|
args: [{
|
|
676
671
|
exports: [i1$1.SkyI18nModule],
|
|
@@ -687,39 +682,142 @@
|
|
|
687
682
|
}
|
|
688
683
|
return SkyBackToTopModule;
|
|
689
684
|
}());
|
|
690
|
-
SkyBackToTopModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
691
|
-
SkyBackToTopModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
692
|
-
SkyBackToTopDirective], imports: [i3.CommonModule,
|
|
685
|
+
SkyBackToTopModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
686
|
+
SkyBackToTopModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [i3.CommonModule,
|
|
693
687
|
i1.SkyDockModule,
|
|
694
688
|
i1$1.SkyI18nModule,
|
|
695
|
-
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent,
|
|
696
|
-
|
|
697
|
-
SkyBackToTopModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopModule, imports: [[
|
|
689
|
+
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] });
|
|
690
|
+
SkyBackToTopModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopModule, imports: [[
|
|
698
691
|
i3.CommonModule,
|
|
699
692
|
i1.SkyDockModule,
|
|
700
693
|
i1$1.SkyI18nModule,
|
|
701
|
-
SkyLayoutResourcesModule
|
|
694
|
+
SkyLayoutResourcesModule,
|
|
702
695
|
]] });
|
|
703
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
696
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopModule, decorators: [{
|
|
704
697
|
type: i0.NgModule,
|
|
705
698
|
args: [{
|
|
706
|
-
declarations: [
|
|
707
|
-
SkyBackToTopComponent,
|
|
708
|
-
SkyBackToTopDirective
|
|
709
|
-
],
|
|
699
|
+
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
710
700
|
imports: [
|
|
711
701
|
i3.CommonModule,
|
|
712
702
|
i1.SkyDockModule,
|
|
713
703
|
i1$1.SkyI18nModule,
|
|
714
|
-
SkyLayoutResourcesModule
|
|
704
|
+
SkyLayoutResourcesModule,
|
|
715
705
|
],
|
|
706
|
+
exports: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
707
|
+
entryComponents: [SkyBackToTopComponent],
|
|
708
|
+
}]
|
|
709
|
+
}] });
|
|
710
|
+
|
|
711
|
+
/**
|
|
712
|
+
* Specifies the body content to display inside the box and provides padding around that content.
|
|
713
|
+
*/
|
|
714
|
+
var SkyBoxContentComponent = /** @class */ (function () {
|
|
715
|
+
function SkyBoxContentComponent() {
|
|
716
|
+
}
|
|
717
|
+
return SkyBoxContentComponent;
|
|
718
|
+
}());
|
|
719
|
+
SkyBoxContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
720
|
+
SkyBoxContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBoxContentComponent, selector: "sky-box-content", ngImport: i0__namespace, template: "<div\n class=\"sky-box-content\"\n [skyThemeClass]=\"{\n 'sky-padding-even-large': 'default',\n 'sky-padding-even-xl': 'modern'\n }\"\n>\n <ng-content></ng-content>\n</div>\n", directives: [{ type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
721
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxContentComponent, decorators: [{
|
|
722
|
+
type: i0.Component,
|
|
723
|
+
args: [{
|
|
724
|
+
selector: 'sky-box-content',
|
|
725
|
+
template: "<div\n class=\"sky-box-content\"\n [skyThemeClass]=\"{\n 'sky-padding-even-large': 'default',\n 'sky-padding-even-xl': 'modern'\n }\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
726
|
+
}]
|
|
727
|
+
}] });
|
|
728
|
+
|
|
729
|
+
/**
|
|
730
|
+
* Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
|
|
731
|
+
*/
|
|
732
|
+
var SkyBoxControlsComponent = /** @class */ (function () {
|
|
733
|
+
function SkyBoxControlsComponent() {
|
|
734
|
+
}
|
|
735
|
+
return SkyBoxControlsComponent;
|
|
736
|
+
}());
|
|
737
|
+
SkyBoxControlsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxControlsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
738
|
+
SkyBoxControlsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBoxControlsComponent, selector: "sky-box-controls", ngImport: i0__namespace, template: "<div\n class=\"sky-box-controls\"\n>\n <ng-content></ng-content>\n</div>\n" });
|
|
739
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxControlsComponent, decorators: [{
|
|
740
|
+
type: i0.Component,
|
|
741
|
+
args: [{
|
|
742
|
+
selector: 'sky-box-controls',
|
|
743
|
+
template: "<div\n class=\"sky-box-controls\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
744
|
+
}]
|
|
745
|
+
}] });
|
|
746
|
+
|
|
747
|
+
/**
|
|
748
|
+
* Specifies a header for the box.
|
|
749
|
+
*/
|
|
750
|
+
var SkyBoxHeaderComponent = /** @class */ (function () {
|
|
751
|
+
function SkyBoxHeaderComponent() {
|
|
752
|
+
}
|
|
753
|
+
return SkyBoxHeaderComponent;
|
|
754
|
+
}());
|
|
755
|
+
SkyBoxHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
756
|
+
SkyBoxHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0__namespace, template: "<div\n class=\"sky-box-header\"\n>\n <ng-content></ng-content>\n</div>\n" });
|
|
757
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxHeaderComponent, decorators: [{
|
|
758
|
+
type: i0.Component,
|
|
759
|
+
args: [{
|
|
760
|
+
selector: 'sky-box-header',
|
|
761
|
+
template: "<div\n class=\"sky-box-header\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
762
|
+
}]
|
|
763
|
+
}] });
|
|
764
|
+
|
|
765
|
+
/**
|
|
766
|
+
* Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls.
|
|
767
|
+
*/
|
|
768
|
+
var SkyBoxComponent = /** @class */ (function () {
|
|
769
|
+
function SkyBoxComponent() {
|
|
770
|
+
}
|
|
771
|
+
return SkyBoxComponent;
|
|
772
|
+
}());
|
|
773
|
+
SkyBoxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
774
|
+
SkyBoxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, ngImport: i0__namespace, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"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 <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 30px 0 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"], directives: [{ type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
775
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxComponent, decorators: [{
|
|
776
|
+
type: i0.Component,
|
|
777
|
+
args: [{
|
|
778
|
+
selector: 'sky-box',
|
|
779
|
+
template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"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 <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n",
|
|
780
|
+
styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 30px 0 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"],
|
|
781
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
782
|
+
}]
|
|
783
|
+
}], propDecorators: { ariaLabel: [{
|
|
784
|
+
type: i0.Input
|
|
785
|
+
}], ariaLabelledBy: [{
|
|
786
|
+
type: i0.Input
|
|
787
|
+
}], ariaRole: [{
|
|
788
|
+
type: i0.Input
|
|
789
|
+
}] } });
|
|
790
|
+
|
|
791
|
+
var SkyBoxModule = /** @class */ (function () {
|
|
792
|
+
function SkyBoxModule() {
|
|
793
|
+
}
|
|
794
|
+
return SkyBoxModule;
|
|
795
|
+
}());
|
|
796
|
+
SkyBoxModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
797
|
+
SkyBoxModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxModule, declarations: [SkyBoxComponent,
|
|
798
|
+
SkyBoxHeaderComponent,
|
|
799
|
+
SkyBoxContentComponent,
|
|
800
|
+
SkyBoxControlsComponent], imports: [i3.CommonModule, i3$1.SkyThemeModule], exports: [SkyBoxComponent,
|
|
801
|
+
SkyBoxHeaderComponent,
|
|
802
|
+
SkyBoxContentComponent,
|
|
803
|
+
SkyBoxControlsComponent] });
|
|
804
|
+
SkyBoxModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxModule, imports: [[i3.CommonModule, i3$1.SkyThemeModule]] });
|
|
805
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxModule, decorators: [{
|
|
806
|
+
type: i0.NgModule,
|
|
807
|
+
args: [{
|
|
808
|
+
declarations: [
|
|
809
|
+
SkyBoxComponent,
|
|
810
|
+
SkyBoxHeaderComponent,
|
|
811
|
+
SkyBoxContentComponent,
|
|
812
|
+
SkyBoxControlsComponent,
|
|
813
|
+
],
|
|
814
|
+
imports: [i3.CommonModule, i3$1.SkyThemeModule],
|
|
716
815
|
exports: [
|
|
717
|
-
|
|
718
|
-
|
|
816
|
+
SkyBoxComponent,
|
|
817
|
+
SkyBoxHeaderComponent,
|
|
818
|
+
SkyBoxContentComponent,
|
|
819
|
+
SkyBoxControlsComponent,
|
|
719
820
|
],
|
|
720
|
-
entryComponents: [
|
|
721
|
-
SkyBackToTopComponent
|
|
722
|
-
]
|
|
723
821
|
}]
|
|
724
822
|
}] });
|
|
725
823
|
|
|
@@ -762,10 +860,12 @@
|
|
|
762
860
|
// Find the next navigable element that isn't waiting
|
|
763
861
|
var startingIndex = focussable.indexOf(targetElement);
|
|
764
862
|
var curIndex = startingIndex + modifier;
|
|
765
|
-
while (focussable[curIndex] &&
|
|
863
|
+
while (focussable[curIndex] &&
|
|
864
|
+
this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
766
865
|
curIndex += modifier;
|
|
767
866
|
}
|
|
768
|
-
if (focussable[curIndex] &&
|
|
867
|
+
if (focussable[curIndex] &&
|
|
868
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
769
869
|
focussable[curIndex].focus();
|
|
770
870
|
}
|
|
771
871
|
else {
|
|
@@ -780,7 +880,8 @@
|
|
|
780
880
|
}
|
|
781
881
|
/* istanbul ignore else */
|
|
782
882
|
/* sanity check */
|
|
783
|
-
if (focussable[curIndex] &&
|
|
883
|
+
if (focussable[curIndex] &&
|
|
884
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
784
885
|
focussable[curIndex].focus();
|
|
785
886
|
}
|
|
786
887
|
else {
|
|
@@ -805,9 +906,10 @@
|
|
|
805
906
|
};
|
|
806
907
|
SkyInlineDeleteAdapterService.prototype.isElementHiddenOrCovered = function (element) {
|
|
807
908
|
// Check if the element is hidden by css, not within the inline delete, or a wait is covering it
|
|
808
|
-
return this.isElementHidden(element) ||
|
|
809
|
-
(this.parentEl.contains(element) &&
|
|
810
|
-
this.
|
|
909
|
+
return (this.isElementHidden(element) ||
|
|
910
|
+
(this.parentEl.contains(element) &&
|
|
911
|
+
(!this.element.contains(element) ||
|
|
912
|
+
this.parentEl.querySelector('.sky-wait-mask') !== null)));
|
|
811
913
|
};
|
|
812
914
|
SkyInlineDeleteAdapterService.prototype.isElementHidden = function (element) {
|
|
813
915
|
var style = window.getComputedStyle(element);
|
|
@@ -820,16 +922,16 @@
|
|
|
820
922
|
var previousInd = elements.indexOf(event.relatedTarget);
|
|
821
923
|
var currentInd = elements.indexOf(event.target);
|
|
822
924
|
/* istanbul ignore next */
|
|
823
|
-
return previousInd === currentInd + 1
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
925
|
+
return (previousInd === currentInd + 1 ||
|
|
926
|
+
(previousInd === 0 && currentInd === elements.length - 1) ||
|
|
927
|
+
previousInd > currentInd ||
|
|
928
|
+
!event.relatedTarget);
|
|
827
929
|
};
|
|
828
930
|
return SkyInlineDeleteAdapterService;
|
|
829
931
|
}());
|
|
830
|
-
SkyInlineDeleteAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
831
|
-
SkyInlineDeleteAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
832
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
932
|
+
SkyInlineDeleteAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService, deps: [{ token: i1__namespace.SkyCoreAdapterService }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
933
|
+
SkyInlineDeleteAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService });
|
|
934
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService, decorators: [{
|
|
833
935
|
type: i0.Injectable
|
|
834
936
|
}], ctorParameters: function () { return [{ type: i1__namespace.SkyCoreAdapterService }, { type: i0__namespace.RendererFactory2 }]; } });
|
|
835
937
|
|
|
@@ -931,74 +1033,68 @@
|
|
|
931
1033
|
};
|
|
932
1034
|
return SkyInlineDeleteComponent;
|
|
933
1035
|
}());
|
|
934
|
-
SkyInlineDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
935
|
-
SkyInlineDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
936
|
-
i1.SkyCoreAdapterService,
|
|
937
|
-
SkyInlineDeleteAdapterService
|
|
938
|
-
], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{type}}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n <span\n class=\"sky-inline-delete-assistive-text\"\n [id]=\"assistiveTextId\"\n >\n {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n </span>\n <sky-wait\n class=\"sky-inline-delete-wait\"\n [isWaiting]=\"pending\"\n ></sky-wait>\n <div class=\"sky-inline-delete-content\">\n <div\n class=\"sky-inline-delete-content-animation-container\"\n >\n <button\n class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n type=\"button\"\n (click)=\"onDeleteClick()\"\n #delete\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{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.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:20px}.sky-inline-delete-wait{height:100%}\n"], components: [{ type: i2__namespace$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, animations: [
|
|
1036
|
+
SkyInlineDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteComponent, deps: [{ token: SkyInlineDeleteAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1037
|
+
SkyInlineDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyInlineDeleteComponent, selector: "sky-inline-delete", inputs: { pending: "pending" }, outputs: { cancelTriggered: "cancelTriggered", deleteTriggered: "deleteTriggered" }, providers: [i1.SkyCoreAdapterService, SkyInlineDeleteAdapterService], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n <span class=\"sky-inline-delete-assistive-text\" [id]=\"assistiveTextId\">\n {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n </span>\n <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\"></sky-wait>\n <div class=\"sky-inline-delete-content\">\n <div class=\"sky-inline-delete-content-animation-container\">\n <button\n class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n type=\"button\"\n (click)=\"onDeleteClick()\"\n #delete\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{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.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:20px}.sky-inline-delete-wait{height:100%}\n"], components: [{ type: i2__namespace$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, animations: [
|
|
939
1038
|
animations.trigger('inlineDeleteAnimation', [
|
|
940
1039
|
animations.transition('* => shown', [
|
|
941
1040
|
animations.style({
|
|
942
|
-
opacity: 0
|
|
1041
|
+
opacity: 0,
|
|
943
1042
|
}),
|
|
944
1043
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(0.0)' })),
|
|
945
1044
|
animations.group([
|
|
946
1045
|
animations.animate('300ms ease-in-out', animations.style({ opacity: 1 })),
|
|
947
1046
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
948
|
-
transform: 'scale(1)'
|
|
949
|
-
})))
|
|
950
|
-
])
|
|
1047
|
+
transform: 'scale(1)',
|
|
1048
|
+
}))),
|
|
1049
|
+
]),
|
|
951
1050
|
]),
|
|
952
1051
|
animations.transition("shown <=> *", [
|
|
953
1052
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(1)' })),
|
|
954
1053
|
animations.group([
|
|
955
1054
|
animations.animate('300ms ease-in-out', animations.style({
|
|
956
|
-
opacity: 0
|
|
1055
|
+
opacity: 0,
|
|
957
1056
|
})),
|
|
958
1057
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
959
|
-
transform: 'scale(0.0)'
|
|
960
|
-
})))
|
|
961
|
-
])
|
|
962
|
-
])
|
|
963
|
-
])
|
|
1058
|
+
transform: 'scale(0.0)',
|
|
1059
|
+
}))),
|
|
1060
|
+
]),
|
|
1061
|
+
]),
|
|
1062
|
+
]),
|
|
964
1063
|
] });
|
|
965
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1064
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteComponent, decorators: [{
|
|
966
1065
|
type: i0.Component,
|
|
967
1066
|
args: [{
|
|
968
1067
|
selector: 'sky-inline-delete',
|
|
969
1068
|
styles: [".sky-inline-delete{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.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:20px}.sky-inline-delete-wait{height:100%}\n"],
|
|
970
|
-
template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{type}}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n <span
|
|
1069
|
+
template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n <span class=\"sky-inline-delete-assistive-text\" [id]=\"assistiveTextId\">\n {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n </span>\n <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\"></sky-wait>\n <div class=\"sky-inline-delete-content\">\n <div class=\"sky-inline-delete-content-animation-container\">\n <button\n class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n type=\"button\"\n (click)=\"onDeleteClick()\"\n #delete\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",
|
|
971
1070
|
animations: [
|
|
972
1071
|
animations.trigger('inlineDeleteAnimation', [
|
|
973
1072
|
animations.transition('* => shown', [
|
|
974
1073
|
animations.style({
|
|
975
|
-
opacity: 0
|
|
1074
|
+
opacity: 0,
|
|
976
1075
|
}),
|
|
977
1076
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(0.0)' })),
|
|
978
1077
|
animations.group([
|
|
979
1078
|
animations.animate('300ms ease-in-out', animations.style({ opacity: 1 })),
|
|
980
1079
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
981
|
-
transform: 'scale(1)'
|
|
982
|
-
})))
|
|
983
|
-
])
|
|
1080
|
+
transform: 'scale(1)',
|
|
1081
|
+
}))),
|
|
1082
|
+
]),
|
|
984
1083
|
]),
|
|
985
1084
|
animations.transition("shown <=> *", [
|
|
986
1085
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(1)' })),
|
|
987
1086
|
animations.group([
|
|
988
1087
|
animations.animate('300ms ease-in-out', animations.style({
|
|
989
|
-
opacity: 0
|
|
1088
|
+
opacity: 0,
|
|
990
1089
|
})),
|
|
991
1090
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
992
|
-
transform: 'scale(0.0)'
|
|
993
|
-
})))
|
|
994
|
-
])
|
|
995
|
-
])
|
|
996
|
-
])
|
|
1091
|
+
transform: 'scale(0.0)',
|
|
1092
|
+
}))),
|
|
1093
|
+
]),
|
|
1094
|
+
]),
|
|
1095
|
+
]),
|
|
997
1096
|
],
|
|
998
|
-
providers: [
|
|
999
|
-
i1.SkyCoreAdapterService,
|
|
1000
|
-
SkyInlineDeleteAdapterService
|
|
1001
|
-
]
|
|
1097
|
+
providers: [i1.SkyCoreAdapterService, SkyInlineDeleteAdapterService],
|
|
1002
1098
|
}]
|
|
1003
1099
|
}], ctorParameters: function () { return [{ type: SkyInlineDeleteAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; }, propDecorators: { pending: [{
|
|
1004
1100
|
type: i0.Input
|
|
@@ -1010,7 +1106,7 @@
|
|
|
1010
1106
|
type: i0.ViewChild,
|
|
1011
1107
|
args: ['delete', {
|
|
1012
1108
|
read: i0.ElementRef,
|
|
1013
|
-
static: false
|
|
1109
|
+
static: false,
|
|
1014
1110
|
}]
|
|
1015
1111
|
}] } });
|
|
1016
1112
|
|
|
@@ -1019,32 +1115,28 @@
|
|
|
1019
1115
|
}
|
|
1020
1116
|
return SkyInlineDeleteModule;
|
|
1021
1117
|
}());
|
|
1022
|
-
SkyInlineDeleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1023
|
-
SkyInlineDeleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1118
|
+
SkyInlineDeleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1119
|
+
SkyInlineDeleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteModule, declarations: [SkyInlineDeleteComponent], imports: [i3.CommonModule,
|
|
1024
1120
|
i1$1.SkyI18nModule,
|
|
1025
1121
|
SkyLayoutResourcesModule,
|
|
1026
1122
|
i2$1.SkyWaitModule], exports: [SkyInlineDeleteComponent] });
|
|
1027
|
-
SkyInlineDeleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1123
|
+
SkyInlineDeleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteModule, imports: [[
|
|
1028
1124
|
i3.CommonModule,
|
|
1029
1125
|
i1$1.SkyI18nModule,
|
|
1030
1126
|
SkyLayoutResourcesModule,
|
|
1031
|
-
i2$1.SkyWaitModule
|
|
1127
|
+
i2$1.SkyWaitModule,
|
|
1032
1128
|
]] });
|
|
1033
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1129
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteModule, decorators: [{
|
|
1034
1130
|
type: i0.NgModule,
|
|
1035
1131
|
args: [{
|
|
1036
|
-
declarations: [
|
|
1037
|
-
SkyInlineDeleteComponent
|
|
1038
|
-
],
|
|
1132
|
+
declarations: [SkyInlineDeleteComponent],
|
|
1039
1133
|
imports: [
|
|
1040
1134
|
i3.CommonModule,
|
|
1041
1135
|
i1$1.SkyI18nModule,
|
|
1042
1136
|
SkyLayoutResourcesModule,
|
|
1043
|
-
i2$1.SkyWaitModule
|
|
1137
|
+
i2$1.SkyWaitModule,
|
|
1044
1138
|
],
|
|
1045
|
-
exports: [
|
|
1046
|
-
SkyInlineDeleteComponent
|
|
1047
|
-
]
|
|
1139
|
+
exports: [SkyInlineDeleteComponent],
|
|
1048
1140
|
}]
|
|
1049
1141
|
}] });
|
|
1050
1142
|
|
|
@@ -1056,14 +1148,14 @@
|
|
|
1056
1148
|
}
|
|
1057
1149
|
return SkyCardActionsComponent;
|
|
1058
1150
|
}());
|
|
1059
|
-
SkyCardActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1060
|
-
SkyCardActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1061
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1151
|
+
SkyCardActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1152
|
+
SkyCardActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyCardActionsComponent, selector: "sky-card-actions", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"] });
|
|
1153
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardActionsComponent, decorators: [{
|
|
1062
1154
|
type: i0.Component,
|
|
1063
1155
|
args: [{
|
|
1064
1156
|
selector: 'sky-card-actions',
|
|
1065
1157
|
template: "<ng-content></ng-content>\n",
|
|
1066
|
-
styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"]
|
|
1158
|
+
styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"],
|
|
1067
1159
|
}]
|
|
1068
1160
|
}] });
|
|
1069
1161
|
|
|
@@ -1075,13 +1167,13 @@
|
|
|
1075
1167
|
}
|
|
1076
1168
|
return SkyCardContentComponent;
|
|
1077
1169
|
}());
|
|
1078
|
-
SkyCardContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1079
|
-
SkyCardContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1080
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1170
|
+
SkyCardContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1171
|
+
SkyCardContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyCardContentComponent, selector: "sky-card-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1172
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardContentComponent, decorators: [{
|
|
1081
1173
|
type: i0.Component,
|
|
1082
1174
|
args: [{
|
|
1083
1175
|
selector: 'sky-card-content',
|
|
1084
|
-
template: "<ng-content></ng-content>\n"
|
|
1176
|
+
template: "<ng-content></ng-content>\n",
|
|
1085
1177
|
}]
|
|
1086
1178
|
}] });
|
|
1087
1179
|
|
|
@@ -1093,13 +1185,13 @@
|
|
|
1093
1185
|
}
|
|
1094
1186
|
return SkyCardTitleComponent;
|
|
1095
1187
|
}());
|
|
1096
|
-
SkyCardTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1097
|
-
SkyCardTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1098
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1188
|
+
SkyCardTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1189
|
+
SkyCardTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyCardTitleComponent, selector: "sky-card-title", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1190
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardTitleComponent, decorators: [{
|
|
1099
1191
|
type: i0.Component,
|
|
1100
1192
|
args: [{
|
|
1101
1193
|
selector: 'sky-card-title',
|
|
1102
|
-
template: "<ng-content></ng-content>\n"
|
|
1194
|
+
template: "<ng-content></ng-content>\n",
|
|
1103
1195
|
}]
|
|
1104
1196
|
}] });
|
|
1105
1197
|
|
|
@@ -1150,14 +1242,14 @@
|
|
|
1150
1242
|
};
|
|
1151
1243
|
return SkyCardComponent;
|
|
1152
1244
|
}());
|
|
1153
|
-
SkyCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1154
|
-
SkyCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1155
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1245
|
+
SkyCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1246
|
+
SkyCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyCardComponent, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0__namespace, 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\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" 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 ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:normal;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:normal;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], components: [{ type: i1__namespace$2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
|
|
1247
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardComponent, decorators: [{
|
|
1156
1248
|
type: i0.Component,
|
|
1157
1249
|
args: [{
|
|
1158
1250
|
selector: 'sky-card',
|
|
1159
1251
|
styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:normal;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:normal;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"],
|
|
1160
|
-
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
|
|
1252
|
+
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\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" 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 ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n",
|
|
1161
1253
|
}]
|
|
1162
1254
|
}], propDecorators: { size: [{
|
|
1163
1255
|
type: i0.Input
|
|
@@ -1180,8 +1272,8 @@
|
|
|
1180
1272
|
}
|
|
1181
1273
|
return SkyCardModule;
|
|
1182
1274
|
}());
|
|
1183
|
-
SkyCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1184
|
-
SkyCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1275
|
+
SkyCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1276
|
+
SkyCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardModule, declarations: [SkyCardActionsComponent,
|
|
1185
1277
|
SkyCardComponent,
|
|
1186
1278
|
SkyCardContentComponent,
|
|
1187
1279
|
SkyCardTitleComponent], imports: [i3.CommonModule,
|
|
@@ -1193,22 +1285,22 @@
|
|
|
1193
1285
|
SkyCardComponent,
|
|
1194
1286
|
SkyCardContentComponent,
|
|
1195
1287
|
SkyCardTitleComponent] });
|
|
1196
|
-
SkyCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1288
|
+
SkyCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardModule, imports: [[
|
|
1197
1289
|
i3.CommonModule,
|
|
1198
1290
|
i3$2.FormsModule,
|
|
1199
1291
|
i1$2.SkyCheckboxModule,
|
|
1200
1292
|
i1$1.SkyI18nModule,
|
|
1201
1293
|
SkyLayoutResourcesModule,
|
|
1202
|
-
SkyInlineDeleteModule
|
|
1294
|
+
SkyInlineDeleteModule,
|
|
1203
1295
|
]] });
|
|
1204
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1296
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardModule, decorators: [{
|
|
1205
1297
|
type: i0.NgModule,
|
|
1206
1298
|
args: [{
|
|
1207
1299
|
declarations: [
|
|
1208
1300
|
SkyCardActionsComponent,
|
|
1209
1301
|
SkyCardComponent,
|
|
1210
1302
|
SkyCardContentComponent,
|
|
1211
|
-
SkyCardTitleComponent
|
|
1303
|
+
SkyCardTitleComponent,
|
|
1212
1304
|
],
|
|
1213
1305
|
imports: [
|
|
1214
1306
|
i3.CommonModule,
|
|
@@ -1216,14 +1308,14 @@
|
|
|
1216
1308
|
i1$2.SkyCheckboxModule,
|
|
1217
1309
|
i1$1.SkyI18nModule,
|
|
1218
1310
|
SkyLayoutResourcesModule,
|
|
1219
|
-
SkyInlineDeleteModule
|
|
1311
|
+
SkyInlineDeleteModule,
|
|
1220
1312
|
],
|
|
1221
1313
|
exports: [
|
|
1222
1314
|
SkyCardActionsComponent,
|
|
1223
1315
|
SkyCardComponent,
|
|
1224
1316
|
SkyCardContentComponent,
|
|
1225
|
-
SkyCardTitleComponent
|
|
1226
|
-
]
|
|
1317
|
+
SkyCardTitleComponent,
|
|
1318
|
+
],
|
|
1227
1319
|
}]
|
|
1228
1320
|
}] });
|
|
1229
1321
|
|
|
@@ -1237,9 +1329,9 @@
|
|
|
1237
1329
|
}
|
|
1238
1330
|
return SkyDefinitionListService;
|
|
1239
1331
|
}());
|
|
1240
|
-
SkyDefinitionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1241
|
-
SkyDefinitionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1242
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1332
|
+
SkyDefinitionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1333
|
+
SkyDefinitionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListService });
|
|
1334
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListService, decorators: [{
|
|
1243
1335
|
type: i0.Injectable
|
|
1244
1336
|
}] });
|
|
1245
1337
|
|
|
@@ -1275,16 +1367,16 @@
|
|
|
1275
1367
|
});
|
|
1276
1368
|
return SkyDefinitionListComponent;
|
|
1277
1369
|
}());
|
|
1278
|
-
SkyDefinitionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1279
|
-
SkyDefinitionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1280
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1370
|
+
SkyDefinitionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1371
|
+
SkyDefinitionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListComponent, selector: "sky-definition-list", inputs: { labelWidth: "labelWidth", defaultValue: "defaultValue" }, providers: [SkyDefinitionListService], ngImport: i0__namespace, template: "<div class=\"sky-definition-list\">\n <ng-content select=\"sky-definition-list-heading\"></ng-content>\n <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n", styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1372
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListComponent, decorators: [{
|
|
1281
1373
|
type: i0.Component,
|
|
1282
1374
|
args: [{
|
|
1283
1375
|
selector: 'sky-definition-list',
|
|
1284
1376
|
template: "<div class=\"sky-definition-list\">\n <ng-content select=\"sky-definition-list-heading\"></ng-content>\n <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n",
|
|
1285
1377
|
styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"],
|
|
1286
1378
|
providers: [SkyDefinitionListService],
|
|
1287
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1379
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1288
1380
|
}]
|
|
1289
1381
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; }, propDecorators: { labelWidth: [{
|
|
1290
1382
|
type: i0.Input
|
|
@@ -1300,15 +1392,15 @@
|
|
|
1300
1392
|
}
|
|
1301
1393
|
return SkyDefinitionListContentComponent;
|
|
1302
1394
|
}());
|
|
1303
|
-
SkyDefinitionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1304
|
-
SkyDefinitionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1305
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1395
|
+
SkyDefinitionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1396
|
+
SkyDefinitionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListContentComponent, selector: "sky-definition-list-content", ngImport: i0__namespace, template: "<div class=\"sky-definition-list-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1397
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, decorators: [{
|
|
1306
1398
|
type: i0.Component,
|
|
1307
1399
|
args: [{
|
|
1308
1400
|
selector: 'sky-definition-list-content',
|
|
1309
1401
|
template: "<div class=\"sky-definition-list-content\">\n <ng-content></ng-content>\n</div>\n",
|
|
1310
1402
|
styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"],
|
|
1311
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1403
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1312
1404
|
}]
|
|
1313
1405
|
}] });
|
|
1314
1406
|
|
|
@@ -1320,15 +1412,15 @@
|
|
|
1320
1412
|
}
|
|
1321
1413
|
return SkyDefinitionListHeadingComponent;
|
|
1322
1414
|
}());
|
|
1323
|
-
SkyDefinitionListHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1324
|
-
SkyDefinitionListHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1325
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1415
|
+
SkyDefinitionListHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1416
|
+
SkyDefinitionListHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListHeadingComponent, selector: "sky-definition-list-heading", ngImport: i0__namespace, template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-heading{margin-bottom:5px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1417
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, decorators: [{
|
|
1326
1418
|
type: i0.Component,
|
|
1327
1419
|
args: [{
|
|
1328
1420
|
selector: 'sky-definition-list-heading',
|
|
1329
1421
|
template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content></ng-content>\n</div>\n",
|
|
1330
1422
|
styles: [".sky-definition-list-heading{margin-bottom:5px}\n"],
|
|
1331
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1423
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1332
1424
|
}]
|
|
1333
1425
|
}] });
|
|
1334
1426
|
|
|
@@ -1341,15 +1433,15 @@
|
|
|
1341
1433
|
}
|
|
1342
1434
|
return SkyDefinitionListLabelComponent;
|
|
1343
1435
|
}());
|
|
1344
|
-
SkyDefinitionListLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1345
|
-
SkyDefinitionListLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1346
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1436
|
+
SkyDefinitionListLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListLabelComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1437
|
+
SkyDefinitionListLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListLabelComponent, selector: "sky-definition-list-label", ngImport: i0__namespace, template: "<div\n class=\"sky-field-label sky-definition-list-label\"\n [ngStyle]=\"{\n width: (service.labelWidth | async) || ''\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"], directives: [{ type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i3__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1438
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListLabelComponent, decorators: [{
|
|
1347
1439
|
type: i0.Component,
|
|
1348
1440
|
args: [{
|
|
1349
1441
|
selector: 'sky-definition-list-label',
|
|
1350
|
-
template: "<div\n
|
|
1442
|
+
template: "<div\n class=\"sky-field-label sky-definition-list-label\"\n [ngStyle]=\"{\n width: (service.labelWidth | async) || ''\n }\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
1351
1443
|
styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"],
|
|
1352
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1444
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1353
1445
|
}]
|
|
1354
1446
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1355
1447
|
|
|
@@ -1362,14 +1454,14 @@
|
|
|
1362
1454
|
}
|
|
1363
1455
|
return SkyDefinitionListValueComponent;
|
|
1364
1456
|
}());
|
|
1365
|
-
SkyDefinitionListValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1366
|
-
SkyDefinitionListValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1367
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1457
|
+
SkyDefinitionListValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListValueComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1458
|
+
SkyDefinitionListValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListValueComponent, selector: "sky-definition-list-value", ngImport: i0__namespace, template: "<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n {{\n (service.defaultValue | async) ||\n ('skyux_definition_list_none_found' | skyLibResources)\n }}\n </span>\n</div>\n", styles: [":host{flex:1}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe, "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
|
|
1459
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListValueComponent, decorators: [{
|
|
1368
1460
|
type: i0.Component,
|
|
1369
1461
|
args: [{
|
|
1370
1462
|
selector: 'sky-definition-list-value',
|
|
1371
|
-
template: "<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n {{
|
|
1372
|
-
styles: [":host{flex:1}\n"]
|
|
1463
|
+
template: "<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n {{\n (service.defaultValue | async) ||\n ('skyux_definition_list_none_found' | skyLibResources)\n }}\n </span>\n</div>\n",
|
|
1464
|
+
styles: [":host{flex:1}\n"],
|
|
1373
1465
|
}]
|
|
1374
1466
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1375
1467
|
|
|
@@ -1378,24 +1470,18 @@
|
|
|
1378
1470
|
}
|
|
1379
1471
|
return SkyDefinitionListModule;
|
|
1380
1472
|
}());
|
|
1381
|
-
SkyDefinitionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1382
|
-
SkyDefinitionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1473
|
+
SkyDefinitionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1474
|
+
SkyDefinitionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
|
|
1383
1475
|
SkyDefinitionListContentComponent,
|
|
1384
1476
|
SkyDefinitionListHeadingComponent,
|
|
1385
1477
|
SkyDefinitionListLabelComponent,
|
|
1386
|
-
SkyDefinitionListValueComponent], imports: [i3.CommonModule,
|
|
1387
|
-
i1$1.SkyI18nModule,
|
|
1388
|
-
SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1478
|
+
SkyDefinitionListValueComponent], imports: [i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1389
1479
|
SkyDefinitionListContentComponent,
|
|
1390
1480
|
SkyDefinitionListHeadingComponent,
|
|
1391
1481
|
SkyDefinitionListLabelComponent,
|
|
1392
1482
|
SkyDefinitionListValueComponent] });
|
|
1393
|
-
SkyDefinitionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1394
|
-
|
|
1395
|
-
i1$1.SkyI18nModule,
|
|
1396
|
-
SkyLayoutResourcesModule
|
|
1397
|
-
]] });
|
|
1398
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListModule, decorators: [{
|
|
1483
|
+
SkyDefinitionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListModule, imports: [[i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule]] });
|
|
1484
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListModule, decorators: [{
|
|
1399
1485
|
type: i0.NgModule,
|
|
1400
1486
|
args: [{
|
|
1401
1487
|
declarations: [
|
|
@@ -1403,20 +1489,16 @@
|
|
|
1403
1489
|
SkyDefinitionListContentComponent,
|
|
1404
1490
|
SkyDefinitionListHeadingComponent,
|
|
1405
1491
|
SkyDefinitionListLabelComponent,
|
|
1406
|
-
SkyDefinitionListValueComponent
|
|
1407
|
-
],
|
|
1408
|
-
imports: [
|
|
1409
|
-
i3.CommonModule,
|
|
1410
|
-
i1$1.SkyI18nModule,
|
|
1411
|
-
SkyLayoutResourcesModule
|
|
1492
|
+
SkyDefinitionListValueComponent,
|
|
1412
1493
|
],
|
|
1494
|
+
imports: [i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule],
|
|
1413
1495
|
exports: [
|
|
1414
1496
|
SkyDefinitionListComponent,
|
|
1415
1497
|
SkyDefinitionListContentComponent,
|
|
1416
1498
|
SkyDefinitionListHeadingComponent,
|
|
1417
1499
|
SkyDefinitionListLabelComponent,
|
|
1418
|
-
SkyDefinitionListValueComponent
|
|
1419
|
-
]
|
|
1500
|
+
SkyDefinitionListValueComponent,
|
|
1501
|
+
],
|
|
1420
1502
|
}]
|
|
1421
1503
|
}] });
|
|
1422
1504
|
|
|
@@ -1446,7 +1528,8 @@
|
|
|
1446
1528
|
if (width <= xsBreakpointMaxPixels) {
|
|
1447
1529
|
return 'sky-responsive-container-xs';
|
|
1448
1530
|
}
|
|
1449
|
-
else if (width >= smBreakpointMinPixels &&
|
|
1531
|
+
else if (width >= smBreakpointMinPixels &&
|
|
1532
|
+
width <= smBreakpointMaxPixels) {
|
|
1450
1533
|
return 'sky-responsive-container-sm';
|
|
1451
1534
|
}
|
|
1452
1535
|
else {
|
|
@@ -1455,9 +1538,9 @@
|
|
|
1455
1538
|
};
|
|
1456
1539
|
return SkyDescriptionListAdapterService;
|
|
1457
1540
|
}());
|
|
1458
|
-
SkyDescriptionListAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1459
|
-
SkyDescriptionListAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1460
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1541
|
+
SkyDescriptionListAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1542
|
+
SkyDescriptionListAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListAdapterService });
|
|
1543
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListAdapterService, decorators: [{
|
|
1461
1544
|
type: i0.Injectable
|
|
1462
1545
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
1463
1546
|
|
|
@@ -1469,20 +1552,20 @@
|
|
|
1469
1552
|
}
|
|
1470
1553
|
return SkyDescriptionListTermComponent;
|
|
1471
1554
|
}());
|
|
1472
|
-
SkyDescriptionListTermComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1473
|
-
SkyDescriptionListTermComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1474
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1555
|
+
SkyDescriptionListTermComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1556
|
+
SkyDescriptionListTermComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1557
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1475
1558
|
type: i0.Component,
|
|
1476
1559
|
args: [{
|
|
1477
1560
|
selector: 'sky-description-list-term',
|
|
1478
|
-
template: "<ng-template
|
|
1479
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1561
|
+
template: "<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n",
|
|
1562
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1480
1563
|
}]
|
|
1481
1564
|
}], propDecorators: { templateRef: [{
|
|
1482
1565
|
type: i0.ViewChild,
|
|
1483
1566
|
args: ['termTemplateRef', {
|
|
1484
1567
|
read: i0.TemplateRef,
|
|
1485
|
-
static: true
|
|
1568
|
+
static: true,
|
|
1486
1569
|
}]
|
|
1487
1570
|
}] } });
|
|
1488
1571
|
|
|
@@ -1508,9 +1591,9 @@
|
|
|
1508
1591
|
};
|
|
1509
1592
|
return SkyDescriptionListService;
|
|
1510
1593
|
}());
|
|
1511
|
-
SkyDescriptionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1512
|
-
SkyDescriptionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1513
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1594
|
+
SkyDescriptionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1595
|
+
SkyDescriptionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListService });
|
|
1596
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListService, decorators: [{
|
|
1514
1597
|
type: i0.Injectable
|
|
1515
1598
|
}] });
|
|
1516
1599
|
|
|
@@ -1542,20 +1625,20 @@
|
|
|
1542
1625
|
};
|
|
1543
1626
|
return SkyDescriptionListDescriptionComponent;
|
|
1544
1627
|
}());
|
|
1545
|
-
SkyDescriptionListDescriptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1546
|
-
SkyDescriptionListDescriptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1547
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1628
|
+
SkyDescriptionListDescriptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace$1.SkyThemeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1629
|
+
SkyDescriptionListDescriptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDescriptionListDescriptionComponent, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #descriptionTemplateRef>\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span\n *ngIf=\"!valueEl.textContent.trim()\"\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", directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "async": i3__namespace.AsyncPipe, "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1630
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, decorators: [{
|
|
1548
1631
|
type: i0.Component,
|
|
1549
1632
|
args: [{
|
|
1550
1633
|
selector: 'sky-description-list-description',
|
|
1551
|
-
template: "<ng-template
|
|
1552
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1634
|
+
template: "<ng-template #descriptionTemplateRef>\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span\n *ngIf=\"!valueEl.textContent.trim()\"\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",
|
|
1635
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1553
1636
|
}]
|
|
1554
1637
|
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1555
1638
|
type: i0.ViewChild,
|
|
1556
1639
|
args: ['descriptionTemplateRef', {
|
|
1557
1640
|
read: i0.TemplateRef,
|
|
1558
|
-
static: true
|
|
1641
|
+
static: true,
|
|
1559
1642
|
}]
|
|
1560
1643
|
}] } });
|
|
1561
1644
|
|
|
@@ -1567,13 +1650,13 @@
|
|
|
1567
1650
|
}
|
|
1568
1651
|
return SkyDescriptionListContentComponent;
|
|
1569
1652
|
}());
|
|
1570
|
-
SkyDescriptionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1571
|
-
SkyDescriptionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1572
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1653
|
+
SkyDescriptionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1654
|
+
SkyDescriptionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDescriptionListContentComponent, selector: "sky-description-list-content", queries: [{ propertyName: "termComponents", predicate: SkyDescriptionListTermComponent }, { propertyName: "descriptionComponents", predicate: SkyDescriptionListDescriptionComponent }], ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1655
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, decorators: [{
|
|
1573
1656
|
type: i0.Component,
|
|
1574
1657
|
args: [{
|
|
1575
1658
|
selector: 'sky-description-list-content',
|
|
1576
|
-
template: "<ng-content></ng-content>\n"
|
|
1659
|
+
template: "<ng-content></ng-content>\n",
|
|
1577
1660
|
}]
|
|
1578
1661
|
}], propDecorators: { termComponents: [{
|
|
1579
1662
|
type: i0.ContentChildren,
|
|
@@ -1640,7 +1723,7 @@
|
|
|
1640
1723
|
this.contentObserver.observe(this.elementRef.nativeElement, {
|
|
1641
1724
|
childList: true,
|
|
1642
1725
|
characterData: true,
|
|
1643
|
-
subtree: true
|
|
1726
|
+
subtree: true,
|
|
1644
1727
|
});
|
|
1645
1728
|
};
|
|
1646
1729
|
SkyDescriptionListComponent.prototype.ngOnDestroy = function () {
|
|
@@ -1657,22 +1740,16 @@
|
|
|
1657
1740
|
};
|
|
1658
1741
|
return SkyDescriptionListComponent;
|
|
1659
1742
|
}());
|
|
1660
|
-
SkyDescriptionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1661
|
-
SkyDescriptionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1662
|
-
|
|
1663
|
-
SkyDescriptionListService
|
|
1664
|
-
], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<dl\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 #descriptionListElement\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 <div *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container *ngTemplateOutlet=\"termComponent.templateRef\"></ng-container>\n </dt>\n <dd *ngFor=\"let descriptionComponent of contentComponent?.descriptionComponents\">\n <ng-container *ngTemplateOutlet=\"descriptionComponent.templateRef\"></ng-container>\n </dd>\n </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 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 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break: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 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1665
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListComponent, decorators: [{
|
|
1743
|
+
SkyDescriptionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListComponent, deps: [{ token: SkyDescriptionListAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: SkyDescriptionListService }, { token: i1__namespace.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1744
|
+
SkyDescriptionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDescriptionListComponent, 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: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<dl\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 #descriptionListElement\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 <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </dd>\n </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 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 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break: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 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1745
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListComponent, decorators: [{
|
|
1666
1746
|
type: i0.Component,
|
|
1667
1747
|
args: [{
|
|
1668
1748
|
selector: 'sky-description-list',
|
|
1669
|
-
template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n
|
|
1749
|
+
template: "<dl\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 #descriptionListElement\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 <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </dd>\n </div>\n</dl>\n",
|
|
1670
1750
|
styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 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 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break: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 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"],
|
|
1671
|
-
providers: [
|
|
1672
|
-
|
|
1673
|
-
SkyDescriptionListService
|
|
1674
|
-
],
|
|
1675
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1751
|
+
providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
|
|
1752
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1676
1753
|
}]
|
|
1677
1754
|
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1__namespace.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
|
|
1678
1755
|
type: i0.Input
|
|
@@ -1687,7 +1764,7 @@
|
|
|
1687
1764
|
type: i0.ViewChild,
|
|
1688
1765
|
args: ['descriptionListElement', {
|
|
1689
1766
|
read: i0.ElementRef,
|
|
1690
|
-
static: true
|
|
1767
|
+
static: true,
|
|
1691
1768
|
}]
|
|
1692
1769
|
}], onWindowResize: [{
|
|
1693
1770
|
type: i0.HostListener,
|
|
@@ -1699,8 +1776,8 @@
|
|
|
1699
1776
|
}
|
|
1700
1777
|
return SkyDescriptionListModule;
|
|
1701
1778
|
}());
|
|
1702
|
-
SkyDescriptionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1703
|
-
SkyDescriptionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1779
|
+
SkyDescriptionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1780
|
+
SkyDescriptionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
|
|
1704
1781
|
SkyDescriptionListContentComponent,
|
|
1705
1782
|
SkyDescriptionListTermComponent,
|
|
1706
1783
|
SkyDescriptionListDescriptionComponent], imports: [i3.CommonModule,
|
|
@@ -1710,33 +1787,33 @@
|
|
|
1710
1787
|
SkyDescriptionListContentComponent,
|
|
1711
1788
|
SkyDescriptionListTermComponent,
|
|
1712
1789
|
SkyDescriptionListDescriptionComponent] });
|
|
1713
|
-
SkyDescriptionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1790
|
+
SkyDescriptionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListModule, imports: [[
|
|
1714
1791
|
i3.CommonModule,
|
|
1715
1792
|
i1$1.SkyI18nModule,
|
|
1716
1793
|
SkyLayoutResourcesModule,
|
|
1717
|
-
i3$1.SkyThemeModule
|
|
1794
|
+
i3$1.SkyThemeModule,
|
|
1718
1795
|
]] });
|
|
1719
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1796
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListModule, decorators: [{
|
|
1720
1797
|
type: i0.NgModule,
|
|
1721
1798
|
args: [{
|
|
1722
1799
|
declarations: [
|
|
1723
1800
|
SkyDescriptionListComponent,
|
|
1724
1801
|
SkyDescriptionListContentComponent,
|
|
1725
1802
|
SkyDescriptionListTermComponent,
|
|
1726
|
-
SkyDescriptionListDescriptionComponent
|
|
1803
|
+
SkyDescriptionListDescriptionComponent,
|
|
1727
1804
|
],
|
|
1728
1805
|
imports: [
|
|
1729
1806
|
i3.CommonModule,
|
|
1730
1807
|
i1$1.SkyI18nModule,
|
|
1731
1808
|
SkyLayoutResourcesModule,
|
|
1732
|
-
i3$1.SkyThemeModule
|
|
1809
|
+
i3$1.SkyThemeModule,
|
|
1733
1810
|
],
|
|
1734
1811
|
exports: [
|
|
1735
1812
|
SkyDescriptionListComponent,
|
|
1736
1813
|
SkyDescriptionListContentComponent,
|
|
1737
1814
|
SkyDescriptionListTermComponent,
|
|
1738
|
-
SkyDescriptionListDescriptionComponent
|
|
1739
|
-
]
|
|
1815
|
+
SkyDescriptionListDescriptionComponent,
|
|
1816
|
+
],
|
|
1740
1817
|
}]
|
|
1741
1818
|
}] });
|
|
1742
1819
|
|
|
@@ -1798,14 +1875,14 @@
|
|
|
1798
1875
|
}
|
|
1799
1876
|
return SkyRowComponent;
|
|
1800
1877
|
}());
|
|
1801
|
-
SkyRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1802
|
-
SkyRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1803
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1878
|
+
SkyRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyRowComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1879
|
+
SkyRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0__namespace, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}: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}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1880
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyRowComponent, decorators: [{
|
|
1804
1881
|
type: i0.Component,
|
|
1805
1882
|
args: [{
|
|
1806
1883
|
selector: 'sky-row',
|
|
1807
|
-
template: "<div class=\"sky-row\"
|
|
1808
|
-
styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}: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}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"]
|
|
1884
|
+
template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n",
|
|
1885
|
+
styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}: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}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"],
|
|
1809
1886
|
}]
|
|
1810
1887
|
}], propDecorators: { reverseColumnOrder: [{
|
|
1811
1888
|
type: i0.Input
|
|
@@ -1816,14 +1893,15 @@
|
|
|
1816
1893
|
}
|
|
1817
1894
|
SkyColumnComponent.prototype.ngOnChanges = function (changes) {
|
|
1818
1895
|
/* istanbul ignore else */
|
|
1819
|
-
if (changes.screenXSmall ||
|
|
1896
|
+
if (changes.screenXSmall ||
|
|
1897
|
+
changes.screenSmall ||
|
|
1898
|
+
changes.screenMedium ||
|
|
1899
|
+
changes.screenLarge) {
|
|
1820
1900
|
this.classnames = this.getClassNames();
|
|
1821
1901
|
}
|
|
1822
1902
|
};
|
|
1823
1903
|
SkyColumnComponent.prototype.getClassNames = function () {
|
|
1824
|
-
var classnames = [
|
|
1825
|
-
'sky-column'
|
|
1826
|
-
];
|
|
1904
|
+
var classnames = ['sky-column'];
|
|
1827
1905
|
if (this.screenXSmall) {
|
|
1828
1906
|
classnames.push("sky-column-xs-" + this.screenXSmall);
|
|
1829
1907
|
}
|
|
@@ -1843,15 +1921,15 @@
|
|
|
1843
1921
|
};
|
|
1844
1922
|
return SkyColumnComponent;
|
|
1845
1923
|
}());
|
|
1846
|
-
SkyColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1847
|
-
SkyColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:8.3333333333%}sky-column.sky-column-xs-2{width:16.6666666667%}sky-column.sky-column-xs-3{width:25%}sky-column.sky-column-xs-4{width:33.3333333333%}sky-column.sky-column-xs-5{width:41.6666666667%}sky-column.sky-column-xs-6{width:50%}sky-column.sky-column-xs-7{width:58.3333333333%}sky-column.sky-column-xs-8{width:66.6666666667%}sky-column.sky-column-xs-9{width:75%}sky-column.sky-column-xs-10{width:83.3333333333%}sky-column.sky-column-xs-11{width:91.6666666667%}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:8.3333333333%}.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:16.6666666667%}.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:33.3333333333%}.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:41.6666666667%}.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:58.3333333333%}.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:66.6666666667%}.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:83.3333333333%}.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:91.6666666667%}.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:8.3333333333%}sky-column.sky-column-sm-2{width:16.6666666667%}sky-column.sky-column-sm-3{width:25%}sky-column.sky-column-sm-4{width:33.3333333333%}sky-column.sky-column-sm-5{width:41.6666666667%}sky-column.sky-column-sm-6{width:50%}sky-column.sky-column-sm-7{width:58.3333333333%}sky-column.sky-column-sm-8{width:66.6666666667%}sky-column.sky-column-sm-9{width:75%}sky-column.sky-column-sm-10{width:83.3333333333%}sky-column.sky-column-sm-11{width:91.6666666667%}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:8.3333333333%}.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:16.6666666667%}.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:33.3333333333%}.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:41.6666666667%}.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:58.3333333333%}.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:66.6666666667%}.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:83.3333333333%}.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:91.6666666667%}.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:8.3333333333%}sky-column.sky-column-md-2{width:16.6666666667%}sky-column.sky-column-md-3{width:25%}sky-column.sky-column-md-4{width:33.3333333333%}sky-column.sky-column-md-5{width:41.6666666667%}sky-column.sky-column-md-6{width:50%}sky-column.sky-column-md-7{width:58.3333333333%}sky-column.sky-column-md-8{width:66.6666666667%}sky-column.sky-column-md-9{width:75%}sky-column.sky-column-md-10{width:83.3333333333%}sky-column.sky-column-md-11{width:91.6666666667%}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:8.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:16.6666666667%}.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:33.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:41.6666666667%}.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:58.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:66.6666666667%}.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:83.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:91.6666666667%}.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:8.3333333333%}sky-column.sky-column-lg-2{width:16.6666666667%}sky-column.sky-column-lg-3{width:25%}sky-column.sky-column-lg-4{width:33.3333333333%}sky-column.sky-column-lg-5{width:41.6666666667%}sky-column.sky-column-lg-6{width:50%}sky-column.sky-column-lg-7{width:58.3333333333%}sky-column.sky-column-lg-8{width:66.6666666667%}sky-column.sky-column-lg-9{width:75%}sky-column.sky-column-lg-10{width:83.3333333333%}sky-column.sky-column-lg-11{width:91.6666666667%}sky-column.sky-column-lg-12{width:100%}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:8.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:16.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:25%}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:33.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:41.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:50%}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:58.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:66.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:75%}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:83.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:91.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:100%}\n"], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1848
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1924
|
+
SkyColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyColumnComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1925
|
+
SkyColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}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:calc(3 / 12 * 100%)}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:calc(6 / 12 * 100%)}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:calc(9 / 12 * 100%)}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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}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:calc(6 / 12 * 100%)}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:calc(9 / 12 * 100%)}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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}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:calc(6 / 12 * 100%)}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:calc(9 / 12 * 100%)}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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}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:calc(6 / 12 * 100%)}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:calc(9 / 12 * 100%)}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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(12 / 12 * 100%)}\n"], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1926
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyColumnComponent, decorators: [{
|
|
1849
1927
|
type: i0.Component,
|
|
1850
1928
|
args: [{
|
|
1851
1929
|
selector: 'sky-column',
|
|
1852
1930
|
template: "<ng-content></ng-content>\n",
|
|
1853
|
-
styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:8.3333333333%}sky-column.sky-column-xs-2{width:16.6666666667%}sky-column.sky-column-xs-3{width:25%}sky-column.sky-column-xs-4{width:33.3333333333%}sky-column.sky-column-xs-5{width:41.6666666667%}sky-column.sky-column-xs-6{width:50%}sky-column.sky-column-xs-7{width:58.3333333333%}sky-column.sky-column-xs-8{width:66.6666666667%}sky-column.sky-column-xs-9{width:75%}sky-column.sky-column-xs-10{width:83.3333333333%}sky-column.sky-column-xs-11{width:91.6666666667%}sky-column.sky-column-xs-12{width:100%}sky-column:not([class*=sky-column-xs-],
|
|
1854
|
-
encapsulation: i0.ViewEncapsulation.None
|
|
1931
|
+
styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}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:calc(3 / 12 * 100%)}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:calc(6 / 12 * 100%)}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:calc(9 / 12 * 100%)}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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}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:calc(6 / 12 * 100%)}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:calc(9 / 12 * 100%)}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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}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:calc(6 / 12 * 100%)}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:calc(9 / 12 * 100%)}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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}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:calc(6 / 12 * 100%)}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:calc(9 / 12 * 100%)}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:calc(12 / 12 * 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:calc(3 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(12 / 12 * 100%)}\n"],
|
|
1932
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1855
1933
|
}]
|
|
1856
1934
|
}], propDecorators: { screenXSmall: [{
|
|
1857
1935
|
type: i0.Input
|
|
@@ -1928,14 +2006,14 @@
|
|
|
1928
2006
|
});
|
|
1929
2007
|
return SkyFluidGridComponent;
|
|
1930
2008
|
}());
|
|
1931
|
-
SkyFluidGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1932
|
-
SkyFluidGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1933
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2009
|
+
SkyFluidGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2010
|
+
SkyFluidGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0__namespace, template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2011
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridComponent, decorators: [{
|
|
1934
2012
|
type: i0.Component,
|
|
1935
2013
|
args: [{
|
|
1936
2014
|
selector: 'sky-fluid-grid',
|
|
1937
|
-
template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small'
|
|
1938
|
-
styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"]
|
|
2015
|
+
template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
2016
|
+
styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"],
|
|
1939
2017
|
}]
|
|
1940
2018
|
}], propDecorators: { disableMargin: [{
|
|
1941
2019
|
type: i0.Input
|
|
@@ -1948,31 +2026,15 @@
|
|
|
1948
2026
|
}
|
|
1949
2027
|
return SkyFluidGridModule;
|
|
1950
2028
|
}());
|
|
1951
|
-
SkyFluidGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1952
|
-
SkyFluidGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
SkyColumnComponent,
|
|
1956
|
-
SkyFluidGridComponent] });
|
|
1957
|
-
SkyFluidGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFluidGridModule, imports: [[
|
|
1958
|
-
i3.CommonModule
|
|
1959
|
-
]] });
|
|
1960
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFluidGridModule, decorators: [{
|
|
2029
|
+
SkyFluidGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2030
|
+
SkyFluidGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridModule, declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent], imports: [i3.CommonModule], exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent] });
|
|
2031
|
+
SkyFluidGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridModule, imports: [[i3.CommonModule]] });
|
|
2032
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridModule, decorators: [{
|
|
1961
2033
|
type: i0.NgModule,
|
|
1962
2034
|
args: [{
|
|
1963
|
-
imports: [
|
|
1964
|
-
|
|
1965
|
-
],
|
|
1966
|
-
declarations: [
|
|
1967
|
-
SkyRowComponent,
|
|
1968
|
-
SkyColumnComponent,
|
|
1969
|
-
SkyFluidGridComponent
|
|
1970
|
-
],
|
|
1971
|
-
exports: [
|
|
1972
|
-
SkyRowComponent,
|
|
1973
|
-
SkyColumnComponent,
|
|
1974
|
-
SkyFluidGridComponent
|
|
1975
|
-
]
|
|
2035
|
+
imports: [i3.CommonModule],
|
|
2036
|
+
declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
2037
|
+
exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1976
2038
|
}]
|
|
1977
2039
|
}] });
|
|
1978
2040
|
|
|
@@ -2361,14 +2423,14 @@
|
|
|
2361
2423
|
};
|
|
2362
2424
|
return SkyFormatComponent;
|
|
2363
2425
|
}());
|
|
2364
|
-
SkyFormatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2365
|
-
SkyFormatComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2366
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2426
|
+
SkyFormatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2427
|
+
SkyFormatComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyFormatComponent, selector: "sky-format", inputs: { text: "text", args: "args" }, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n <!--\n The following ng-container must be on one line so no extra whitespace is introduced.\n -->\n <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n item.text\n }}</ng-container>\n</ng-container>\n", directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2428
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatComponent, decorators: [{
|
|
2367
2429
|
type: i0.Component,
|
|
2368
2430
|
args: [{
|
|
2369
2431
|
selector: 'sky-format',
|
|
2370
|
-
template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n <!--\n The following ng-container must be on one line so no extra whitespace is introduced.\n -->\n <ng-container *ngIf=\"item.text else item.templateRef\">{{
|
|
2371
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2432
|
+
template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n <!--\n The following ng-container must be on one line so no extra whitespace is introduced.\n -->\n <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n item.text\n }}</ng-container>\n</ng-container>\n",
|
|
2433
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2372
2434
|
}]
|
|
2373
2435
|
}], propDecorators: { text: [{
|
|
2374
2436
|
type: i0.Input
|
|
@@ -2381,23 +2443,15 @@
|
|
|
2381
2443
|
}
|
|
2382
2444
|
return SkyFormatModule;
|
|
2383
2445
|
}());
|
|
2384
|
-
SkyFormatModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2385
|
-
SkyFormatModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2386
|
-
SkyFormatModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2387
|
-
|
|
2388
|
-
]] });
|
|
2389
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFormatModule, decorators: [{
|
|
2446
|
+
SkyFormatModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2447
|
+
SkyFormatModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatModule, declarations: [SkyFormatComponent], imports: [i3.CommonModule], exports: [SkyFormatComponent] });
|
|
2448
|
+
SkyFormatModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatModule, imports: [[i3.CommonModule]] });
|
|
2449
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatModule, decorators: [{
|
|
2390
2450
|
type: i0.NgModule,
|
|
2391
2451
|
args: [{
|
|
2392
|
-
declarations: [
|
|
2393
|
-
|
|
2394
|
-
],
|
|
2395
|
-
imports: [
|
|
2396
|
-
i3.CommonModule
|
|
2397
|
-
],
|
|
2398
|
-
exports: [
|
|
2399
|
-
SkyFormatComponent
|
|
2400
|
-
]
|
|
2452
|
+
declarations: [SkyFormatComponent],
|
|
2453
|
+
imports: [i3.CommonModule],
|
|
2454
|
+
exports: [SkyFormatComponent],
|
|
2401
2455
|
}]
|
|
2402
2456
|
}] });
|
|
2403
2457
|
|
|
@@ -2422,9 +2476,9 @@
|
|
|
2422
2476
|
};
|
|
2423
2477
|
return SkyPageThemeAdapterService;
|
|
2424
2478
|
}());
|
|
2425
|
-
SkyPageThemeAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2426
|
-
SkyPageThemeAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2427
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2479
|
+
SkyPageThemeAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageThemeAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2480
|
+
SkyPageThemeAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageThemeAdapterService });
|
|
2481
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageThemeAdapterService, decorators: [{
|
|
2428
2482
|
type: i0.Injectable
|
|
2429
2483
|
}] });
|
|
2430
2484
|
|
|
@@ -2445,14 +2499,14 @@
|
|
|
2445
2499
|
};
|
|
2446
2500
|
return SkyPageComponent;
|
|
2447
2501
|
}());
|
|
2448
|
-
SkyPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2449
|
-
SkyPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2450
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2502
|
+
SkyPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageComponent, deps: [{ token: SkyPageThemeAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2503
|
+
SkyPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0__namespace, template: "<div class=\"sky-theme-default\">\n <ng-content></ng-content>\n</div>\n" });
|
|
2504
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageComponent, decorators: [{
|
|
2451
2505
|
type: i0.Component,
|
|
2452
2506
|
args: [{
|
|
2453
2507
|
selector: 'sky-page',
|
|
2454
2508
|
template: "<div class=\"sky-theme-default\">\n <ng-content></ng-content>\n</div>\n",
|
|
2455
|
-
providers: [SkyPageThemeAdapterService]
|
|
2509
|
+
providers: [SkyPageThemeAdapterService],
|
|
2456
2510
|
}]
|
|
2457
2511
|
}], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; } });
|
|
2458
2512
|
|
|
@@ -2461,18 +2515,14 @@
|
|
|
2461
2515
|
}
|
|
2462
2516
|
return SkyPageModule;
|
|
2463
2517
|
}());
|
|
2464
|
-
SkyPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2465
|
-
SkyPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2466
|
-
SkyPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2467
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2518
|
+
SkyPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2519
|
+
SkyPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageModule, declarations: [SkyPageComponent], exports: [SkyPageComponent] });
|
|
2520
|
+
SkyPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageModule });
|
|
2521
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageModule, decorators: [{
|
|
2468
2522
|
type: i0.NgModule,
|
|
2469
2523
|
args: [{
|
|
2470
|
-
declarations: [
|
|
2471
|
-
|
|
2472
|
-
],
|
|
2473
|
-
exports: [
|
|
2474
|
-
SkyPageComponent
|
|
2475
|
-
]
|
|
2524
|
+
declarations: [SkyPageComponent],
|
|
2525
|
+
exports: [SkyPageComponent],
|
|
2476
2526
|
}]
|
|
2477
2527
|
}] });
|
|
2478
2528
|
|
|
@@ -2487,14 +2537,14 @@
|
|
|
2487
2537
|
}
|
|
2488
2538
|
return SkyPageSummaryAlertComponent;
|
|
2489
2539
|
}());
|
|
2490
|
-
SkyPageSummaryAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2491
|
-
SkyPageSummaryAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2492
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2540
|
+
SkyPageSummaryAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2541
|
+
SkyPageSummaryAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryAlertComponent, selector: "sky-page-summary-alert", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"] });
|
|
2542
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, decorators: [{
|
|
2493
2543
|
type: i0.Component,
|
|
2494
2544
|
args: [{
|
|
2495
2545
|
selector: 'sky-page-summary-alert',
|
|
2496
2546
|
template: "<ng-content></ng-content>\n",
|
|
2497
|
-
styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"]
|
|
2547
|
+
styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"],
|
|
2498
2548
|
}]
|
|
2499
2549
|
}] });
|
|
2500
2550
|
|
|
@@ -2508,14 +2558,14 @@
|
|
|
2508
2558
|
}
|
|
2509
2559
|
return SkyPageSummaryContentComponent;
|
|
2510
2560
|
}());
|
|
2511
|
-
SkyPageSummaryContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2512
|
-
SkyPageSummaryContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2513
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2561
|
+
SkyPageSummaryContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2562
|
+
SkyPageSummaryContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryContentComponent, selector: "sky-page-summary-content", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-page-summary-content{margin-top:20px}\n"] });
|
|
2563
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, decorators: [{
|
|
2514
2564
|
type: i0.Component,
|
|
2515
2565
|
args: [{
|
|
2516
2566
|
selector: 'sky-page-summary-content',
|
|
2517
2567
|
template: "<div class=\"sky-page-summary-content\">\n <ng-content></ng-content>\n</div>\n",
|
|
2518
|
-
styles: [".sky-page-summary-content{margin-top:20px}\n"]
|
|
2568
|
+
styles: [".sky-page-summary-content{margin-top:20px}\n"],
|
|
2519
2569
|
}]
|
|
2520
2570
|
}] });
|
|
2521
2571
|
|
|
@@ -2530,14 +2580,14 @@
|
|
|
2530
2580
|
}
|
|
2531
2581
|
return SkyPageSummaryImageComponent;
|
|
2532
2582
|
}());
|
|
2533
|
-
SkyPageSummaryImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2534
|
-
SkyPageSummaryImageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2535
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2583
|
+
SkyPageSummaryImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2584
|
+
SkyPageSummaryImageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryImageComponent, selector: "sky-page-summary-image", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-image\">\n <ng-content></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"] });
|
|
2585
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, decorators: [{
|
|
2536
2586
|
type: i0.Component,
|
|
2537
2587
|
args: [{
|
|
2538
2588
|
selector: 'sky-page-summary-image',
|
|
2539
2589
|
template: "<div class=\"sky-page-summary-image\">\n <ng-content></ng-content>\n</div>\n",
|
|
2540
|
-
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"]
|
|
2590
|
+
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"],
|
|
2541
2591
|
}]
|
|
2542
2592
|
}] });
|
|
2543
2593
|
|
|
@@ -2550,14 +2600,14 @@
|
|
|
2550
2600
|
}
|
|
2551
2601
|
return SkyPageSummaryKeyInfoComponent;
|
|
2552
2602
|
}());
|
|
2553
|
-
SkyPageSummaryKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2554
|
-
SkyPageSummaryKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2555
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2603
|
+
SkyPageSummaryKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2604
|
+
SkyPageSummaryKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryKeyInfoComponent, selector: "sky-page-summary-key-info", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-key-info\">\n <ng-content></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 ::ng-deep .sky-key-info{display:block}\n"] });
|
|
2605
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, decorators: [{
|
|
2556
2606
|
type: i0.Component,
|
|
2557
2607
|
args: [{
|
|
2558
2608
|
selector: 'sky-page-summary-key-info',
|
|
2559
2609
|
template: "<div class=\"sky-page-summary-key-info\">\n <ng-content></ng-content>\n</div>\n",
|
|
2560
|
-
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 ::ng-deep .sky-key-info{display:block}\n"]
|
|
2610
|
+
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 ::ng-deep .sky-key-info{display:block}\n"],
|
|
2561
2611
|
}]
|
|
2562
2612
|
}] });
|
|
2563
2613
|
|
|
@@ -2572,14 +2622,14 @@
|
|
|
2572
2622
|
}
|
|
2573
2623
|
return SkyPageSummaryStatusComponent;
|
|
2574
2624
|
}());
|
|
2575
|
-
SkyPageSummaryStatusComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2576
|
-
SkyPageSummaryStatusComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2577
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2625
|
+
SkyPageSummaryStatusComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2626
|
+
SkyPageSummaryStatusComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryStatusComponent, selector: "sky-page-summary-status", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-status\">\n <ng-content></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"] });
|
|
2627
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, decorators: [{
|
|
2578
2628
|
type: i0.Component,
|
|
2579
2629
|
args: [{
|
|
2580
2630
|
selector: 'sky-page-summary-status',
|
|
2581
2631
|
template: "<div class=\"sky-page-summary-status\">\n <ng-content></ng-content>\n</div>\n",
|
|
2582
|
-
styles: [".sky-page-summary-status{margin-top:10px}.sky-page-summary-status ::ng-deep .sky-label{margin-right:5px}\n"]
|
|
2632
|
+
styles: [".sky-page-summary-status{margin-top:10px}.sky-page-summary-status ::ng-deep .sky-label{margin-right:5px}\n"],
|
|
2583
2633
|
}]
|
|
2584
2634
|
}] });
|
|
2585
2635
|
|
|
@@ -2593,14 +2643,14 @@
|
|
|
2593
2643
|
}
|
|
2594
2644
|
return SkyPageSummarySubtitleComponent;
|
|
2595
2645
|
}());
|
|
2596
|
-
SkyPageSummarySubtitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2597
|
-
SkyPageSummarySubtitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2598
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2646
|
+
SkyPageSummarySubtitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2647
|
+
SkyPageSummarySubtitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummarySubtitleComponent, selector: "sky-page-summary-subtitle", ngImport: i0__namespace, template: "<p class=\"sky-page-summary-subtitle sky-emphasized\">\n <ng-content></ng-content>\n</p>\n", styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"] });
|
|
2648
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, decorators: [{
|
|
2599
2649
|
type: i0.Component,
|
|
2600
2650
|
args: [{
|
|
2601
2651
|
selector: 'sky-page-summary-subtitle',
|
|
2602
2652
|
template: "<p class=\"sky-page-summary-subtitle sky-emphasized\">\n <ng-content></ng-content>\n</p>\n",
|
|
2603
|
-
styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"]
|
|
2653
|
+
styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"],
|
|
2604
2654
|
}]
|
|
2605
2655
|
}] });
|
|
2606
2656
|
|
|
@@ -2614,14 +2664,14 @@
|
|
|
2614
2664
|
}
|
|
2615
2665
|
return SkyPageSummaryTitleComponent;
|
|
2616
2666
|
}());
|
|
2617
|
-
SkyPageSummaryTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2618
|
-
SkyPageSummaryTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2619
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2667
|
+
SkyPageSummaryTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2668
|
+
SkyPageSummaryTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryTitleComponent, selector: "sky-page-summary-title", ngImport: i0__namespace, template: "<h1 class=\"sky-page-summary-title sky-page-heading\">\n <ng-content></ng-content>\n</h1>\n", styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"] });
|
|
2669
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, decorators: [{
|
|
2620
2670
|
type: i0.Component,
|
|
2621
2671
|
args: [{
|
|
2622
2672
|
selector: 'sky-page-summary-title',
|
|
2623
2673
|
template: "<h1 class=\"sky-page-summary-title sky-page-heading\">\n <ng-content></ng-content>\n</h1>\n",
|
|
2624
|
-
styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"]
|
|
2674
|
+
styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"],
|
|
2625
2675
|
}]
|
|
2626
2676
|
}] });
|
|
2627
2677
|
|
|
@@ -2643,9 +2693,9 @@
|
|
|
2643
2693
|
};
|
|
2644
2694
|
return SkyPageSummaryAdapterService;
|
|
2645
2695
|
}());
|
|
2646
|
-
SkyPageSummaryAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2647
|
-
SkyPageSummaryAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2648
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2696
|
+
SkyPageSummaryAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2697
|
+
SkyPageSummaryAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAdapterService });
|
|
2698
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, decorators: [{
|
|
2649
2699
|
type: i0.Injectable
|
|
2650
2700
|
}] });
|
|
2651
2701
|
|
|
@@ -2660,7 +2710,7 @@
|
|
|
2660
2710
|
}
|
|
2661
2711
|
Object.defineProperty(SkyPageSummaryComponent.prototype, "hasKeyInfo", {
|
|
2662
2712
|
get: function () {
|
|
2663
|
-
return
|
|
2713
|
+
return this.keyInfoComponents.length > 0;
|
|
2664
2714
|
},
|
|
2665
2715
|
enumerable: false,
|
|
2666
2716
|
configurable: true
|
|
@@ -2680,19 +2730,21 @@
|
|
|
2680
2730
|
};
|
|
2681
2731
|
return SkyPageSummaryComponent;
|
|
2682
2732
|
}());
|
|
2683
|
-
SkyPageSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2684
|
-
SkyPageSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2685
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2733
|
+
SkyPageSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryComponent, deps: [{ token: i0__namespace.ElementRef }, { token: SkyPageSummaryAdapterService }, { token: i1__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2734
|
+
SkyPageSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryComponent, selector: "sky-page-summary", providers: [SkyPageSummaryAdapterService], queries: [{ propertyName: "keyInfoComponents", predicate: SkyPageSummaryKeyInfoComponent, read: SkyPageSummaryKeyInfoComponent }], ngImport: i0__namespace, template: "<div\n class=\"sky-page-summary\"\n [ngClass]=\"{ 'sky-page-summary-with-key-info': hasKeyInfo }\"\n>\n <ng-content select=\"sky-page-summary-alert\"></ng-content>\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\"></ng-content>\n <div class=\"sky-page-summary-data\">\n <ng-content select=\"sky-page-summary-title\"></ng-content>\n <ng-content select=\"sky-page-summary-subtitle\"></ng-content>\n <ng-content select=\"sky-page-summary-status\"></ng-content>\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\"></ng-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\"></ng-content>\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"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2735
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryComponent, decorators: [{
|
|
2686
2736
|
type: i0.Component,
|
|
2687
2737
|
args: [{
|
|
2688
2738
|
selector: 'sky-page-summary',
|
|
2689
|
-
template: "<div\n
|
|
2739
|
+
template: "<div\n class=\"sky-page-summary\"\n [ngClass]=\"{ 'sky-page-summary-with-key-info': hasKeyInfo }\"\n>\n <ng-content select=\"sky-page-summary-alert\"></ng-content>\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\"></ng-content>\n <div class=\"sky-page-summary-data\">\n <ng-content select=\"sky-page-summary-title\"></ng-content>\n <ng-content select=\"sky-page-summary-subtitle\"></ng-content>\n <ng-content select=\"sky-page-summary-status\"></ng-content>\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\"></ng-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\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n",
|
|
2690
2740
|
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"],
|
|
2691
|
-
providers: [SkyPageSummaryAdapterService]
|
|
2741
|
+
providers: [SkyPageSummaryAdapterService],
|
|
2692
2742
|
}]
|
|
2693
2743
|
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { keyInfoComponents: [{
|
|
2694
2744
|
type: i0.ContentChildren,
|
|
2695
|
-
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2745
|
+
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2746
|
+
read: SkyPageSummaryKeyInfoComponent,
|
|
2747
|
+
}]
|
|
2696
2748
|
}] } });
|
|
2697
2749
|
|
|
2698
2750
|
var SkyPageSummaryModule = /** @class */ (function () {
|
|
@@ -2700,8 +2752,8 @@
|
|
|
2700
2752
|
}
|
|
2701
2753
|
return SkyPageSummaryModule;
|
|
2702
2754
|
}());
|
|
2703
|
-
SkyPageSummaryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2704
|
-
SkyPageSummaryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2755
|
+
SkyPageSummaryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2756
|
+
SkyPageSummaryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryModule, declarations: [SkyPageSummaryAlertComponent,
|
|
2705
2757
|
SkyPageSummaryComponent,
|
|
2706
2758
|
SkyPageSummaryContentComponent,
|
|
2707
2759
|
SkyPageSummaryImageComponent,
|
|
@@ -2716,10 +2768,8 @@
|
|
|
2716
2768
|
SkyPageSummaryStatusComponent,
|
|
2717
2769
|
SkyPageSummarySubtitleComponent,
|
|
2718
2770
|
SkyPageSummaryTitleComponent] });
|
|
2719
|
-
SkyPageSummaryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2720
|
-
|
|
2721
|
-
]] });
|
|
2722
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryModule, decorators: [{
|
|
2771
|
+
SkyPageSummaryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryModule, imports: [[i3.CommonModule]] });
|
|
2772
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryModule, decorators: [{
|
|
2723
2773
|
type: i0.NgModule,
|
|
2724
2774
|
args: [{
|
|
2725
2775
|
declarations: [
|
|
@@ -2730,11 +2780,9 @@
|
|
|
2730
2780
|
SkyPageSummaryKeyInfoComponent,
|
|
2731
2781
|
SkyPageSummaryStatusComponent,
|
|
2732
2782
|
SkyPageSummarySubtitleComponent,
|
|
2733
|
-
SkyPageSummaryTitleComponent
|
|
2734
|
-
],
|
|
2735
|
-
imports: [
|
|
2736
|
-
i3.CommonModule
|
|
2783
|
+
SkyPageSummaryTitleComponent,
|
|
2737
2784
|
],
|
|
2785
|
+
imports: [i3.CommonModule],
|
|
2738
2786
|
exports: [
|
|
2739
2787
|
SkyPageSummaryAlertComponent,
|
|
2740
2788
|
SkyPageSummaryComponent,
|
|
@@ -2743,8 +2791,8 @@
|
|
|
2743
2791
|
SkyPageSummaryKeyInfoComponent,
|
|
2744
2792
|
SkyPageSummaryStatusComponent,
|
|
2745
2793
|
SkyPageSummarySubtitleComponent,
|
|
2746
|
-
SkyPageSummaryTitleComponent
|
|
2747
|
-
]
|
|
2794
|
+
SkyPageSummaryTitleComponent,
|
|
2795
|
+
],
|
|
2748
2796
|
}]
|
|
2749
2797
|
}] });
|
|
2750
2798
|
|
|
@@ -2772,9 +2820,9 @@
|
|
|
2772
2820
|
};
|
|
2773
2821
|
return SkyTextExpandAdapterService;
|
|
2774
2822
|
}());
|
|
2775
|
-
SkyTextExpandAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2776
|
-
SkyTextExpandAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2777
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2823
|
+
SkyTextExpandAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2824
|
+
SkyTextExpandAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandAdapterService });
|
|
2825
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandAdapterService, decorators: [{
|
|
2778
2826
|
type: i0.Injectable
|
|
2779
2827
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
2780
2828
|
|
|
@@ -2800,14 +2848,14 @@
|
|
|
2800
2848
|
};
|
|
2801
2849
|
return SkyTextExpandModalComponent;
|
|
2802
2850
|
}());
|
|
2803
|
-
SkyTextExpandModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2804
|
-
SkyTextExpandModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2805
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2851
|
+
SkyTextExpandModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModalComponent, deps: [{ token: SkyTextExpandModalContext }, { token: i2__namespace$2.SkyModalInstance }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2852
|
+
SkyTextExpandModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyTextExpandModalComponent, selector: "sky-text-expand-modal", ngImport: i0__namespace, 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\" (click)=\"close()\">\n {{ 'skyux_text_expand_close_text' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".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:5px}.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;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], components: [{ type: i2__namespace$2.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2__namespace$2.λ4, selector: "sky-modal-header" }, { type: i2__namespace$2.λ2, selector: "sky-modal-content" }, { type: i2__namespace$2.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
|
|
2853
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModalComponent, decorators: [{
|
|
2806
2854
|
type: i0.Component,
|
|
2807
2855
|
args: [{
|
|
2808
2856
|
selector: 'sky-text-expand-modal',
|
|
2809
|
-
template: "<sky-modal>\n <sky-modal-header>{{context.header}}</sky-modal-header>\n <sky-modal-content class=\"sky-text-expand-modal-content\">{{context.text}}</sky-modal-content>\n <sky-modal-footer>\n <button
|
|
2810
|
-
styles: [".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:5px}.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;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"]
|
|
2857
|
+
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\" (click)=\"close()\">\n {{ 'skyux_text_expand_close_text' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n",
|
|
2858
|
+
styles: [".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:5px}.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;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"],
|
|
2811
2859
|
}]
|
|
2812
2860
|
}], ctorParameters: function () { return [{ type: SkyTextExpandModalContext }, { type: i2__namespace$2.SkyModalInstance }]; } });
|
|
2813
2861
|
|
|
@@ -2885,9 +2933,9 @@
|
|
|
2885
2933
|
provide: SkyTextExpandModalContext,
|
|
2886
2934
|
useValue: {
|
|
2887
2935
|
header: this.expandModalTitle,
|
|
2888
|
-
text: this.expandedText
|
|
2889
|
-
}
|
|
2890
|
-
}
|
|
2936
|
+
text: this.expandedText,
|
|
2937
|
+
},
|
|
2938
|
+
},
|
|
2891
2939
|
]);
|
|
2892
2940
|
}
|
|
2893
2941
|
}
|
|
@@ -2897,16 +2945,14 @@
|
|
|
2897
2945
|
this.setContainerMaxHeight();
|
|
2898
2946
|
setTimeout(function () {
|
|
2899
2947
|
_this.isExpanded = true;
|
|
2900
|
-
_this
|
|
2901
|
-
.animateText(_this.collapsedText, _this.expandedText, true);
|
|
2948
|
+
_this.animateText(_this.collapsedText, _this.expandedText, true);
|
|
2902
2949
|
}, 10);
|
|
2903
2950
|
}
|
|
2904
2951
|
else {
|
|
2905
2952
|
this.setContainerMaxHeight();
|
|
2906
2953
|
setTimeout(function () {
|
|
2907
2954
|
_this.isExpanded = false;
|
|
2908
|
-
_this
|
|
2909
|
-
.animateText(_this.expandedText, _this.collapsedText, false);
|
|
2955
|
+
_this.animateText(_this.expandedText, _this.collapsedText, false);
|
|
2910
2956
|
}, 10);
|
|
2911
2957
|
}
|
|
2912
2958
|
}
|
|
@@ -2921,7 +2967,7 @@
|
|
|
2921
2967
|
var _this = this;
|
|
2922
2968
|
rxjs.forkJoin([
|
|
2923
2969
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
2924
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
2970
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
2925
2971
|
])
|
|
2926
2972
|
.pipe(operators.take(1))
|
|
2927
2973
|
.subscribe(function (resources) {
|
|
@@ -2930,7 +2976,8 @@
|
|
|
2930
2976
|
_this.setup(_this.expandedText);
|
|
2931
2977
|
/* istanbul ignore else */
|
|
2932
2978
|
if (!_this.expandModalTitle) {
|
|
2933
|
-
_this.resources
|
|
2979
|
+
_this.resources
|
|
2980
|
+
.getString('skyux_text_expand_modal_title')
|
|
2934
2981
|
.pipe(operators.take(1))
|
|
2935
2982
|
.subscribe(function (resource) {
|
|
2936
2983
|
_this.expandModalTitle = resource;
|
|
@@ -2955,8 +3002,9 @@
|
|
|
2955
3002
|
this.buttonText = this.seeMoreText;
|
|
2956
3003
|
this.isExpanded = false;
|
|
2957
3004
|
this.expandable = true;
|
|
2958
|
-
this.isModal =
|
|
2959
|
-
|
|
3005
|
+
this.isModal =
|
|
3006
|
+
this.newlineCount > this.maxExpandedNewlines ||
|
|
3007
|
+
this.expandedText.length > this.maxExpandedLength;
|
|
2960
3008
|
}
|
|
2961
3009
|
else {
|
|
2962
3010
|
this.expandable = false;
|
|
@@ -3026,19 +3074,15 @@
|
|
|
3026
3074
|
};
|
|
3027
3075
|
return SkyTextExpandComponent;
|
|
3028
3076
|
}());
|
|
3029
|
-
SkyTextExpandComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3030
|
-
SkyTextExpandComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3031
|
-
|
|
3032
|
-
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container>\n <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\">... </span>\n <button *ngIf=\"expandable\"\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</div>\n", styles: [".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:5px}.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;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3033
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandComponent, decorators: [{
|
|
3077
|
+
SkyTextExpandComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandComponent, deps: [{ token: i1__namespace$1.SkyLibResourcesService }, { token: i2__namespace$2.SkyModalService }, { token: SkyTextExpandAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3078
|
+
SkyTextExpandComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyTextExpandComponent, 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: i0.ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container\n>\n <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\"\n >...\n </span>\n <button\n *ngIf=\"expandable\"\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</div>\n", styles: [".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:5px}.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;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3079
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandComponent, decorators: [{
|
|
3034
3080
|
type: i0.Component,
|
|
3035
3081
|
args: [{
|
|
3036
3082
|
selector: 'sky-text-expand',
|
|
3037
|
-
template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n
|
|
3083
|
+
template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container\n>\n <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\"\n >...\n </span>\n <button\n *ngIf=\"expandable\"\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</div>\n",
|
|
3038
3084
|
styles: [".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:5px}.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;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"],
|
|
3039
|
-
providers: [
|
|
3040
|
-
SkyTextExpandAdapterService
|
|
3041
|
-
]
|
|
3085
|
+
providers: [SkyTextExpandAdapterService],
|
|
3042
3086
|
}]
|
|
3043
3087
|
}], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i2__namespace$2.SkyModalService }, { type: SkyTextExpandAdapterService }]; }, propDecorators: { expandModalTitle: [{
|
|
3044
3088
|
type: i0.Input
|
|
@@ -3056,13 +3100,13 @@
|
|
|
3056
3100
|
type: i0.ViewChild,
|
|
3057
3101
|
args: ['container', {
|
|
3058
3102
|
read: i0.ElementRef,
|
|
3059
|
-
static: true
|
|
3103
|
+
static: true,
|
|
3060
3104
|
}]
|
|
3061
3105
|
}], textEl: [{
|
|
3062
3106
|
type: i0.ViewChild,
|
|
3063
3107
|
args: ['text', {
|
|
3064
3108
|
read: i0.ElementRef,
|
|
3065
|
-
static: true
|
|
3109
|
+
static: true,
|
|
3066
3110
|
}]
|
|
3067
3111
|
}] } });
|
|
3068
3112
|
|
|
@@ -3071,37 +3115,29 @@
|
|
|
3071
3115
|
}
|
|
3072
3116
|
return SkyTextExpandModule;
|
|
3073
3117
|
}());
|
|
3074
|
-
SkyTextExpandModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3075
|
-
SkyTextExpandModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3076
|
-
SkyTextExpandModalComponent], imports: [i1$1.SkyI18nModule,
|
|
3118
|
+
SkyTextExpandModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3119
|
+
SkyTextExpandModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModule, declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent], imports: [i1$1.SkyI18nModule,
|
|
3077
3120
|
SkyLayoutResourcesModule,
|
|
3078
3121
|
i2$2.SkyModalModule,
|
|
3079
3122
|
i3.CommonModule], exports: [SkyTextExpandComponent] });
|
|
3080
|
-
SkyTextExpandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
3123
|
+
SkyTextExpandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModule, imports: [[
|
|
3081
3124
|
i1$1.SkyI18nModule,
|
|
3082
3125
|
SkyLayoutResourcesModule,
|
|
3083
3126
|
i2$2.SkyModalModule,
|
|
3084
|
-
i3.CommonModule
|
|
3127
|
+
i3.CommonModule,
|
|
3085
3128
|
]] });
|
|
3086
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3129
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModule, decorators: [{
|
|
3087
3130
|
type: i0.NgModule,
|
|
3088
3131
|
args: [{
|
|
3089
|
-
declarations: [
|
|
3090
|
-
SkyTextExpandComponent,
|
|
3091
|
-
SkyTextExpandModalComponent
|
|
3092
|
-
],
|
|
3132
|
+
declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],
|
|
3093
3133
|
imports: [
|
|
3094
3134
|
i1$1.SkyI18nModule,
|
|
3095
3135
|
SkyLayoutResourcesModule,
|
|
3096
3136
|
i2$2.SkyModalModule,
|
|
3097
|
-
i3.CommonModule
|
|
3098
|
-
],
|
|
3099
|
-
exports: [
|
|
3100
|
-
SkyTextExpandComponent
|
|
3137
|
+
i3.CommonModule,
|
|
3101
3138
|
],
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
]
|
|
3139
|
+
exports: [SkyTextExpandComponent],
|
|
3140
|
+
entryComponents: [SkyTextExpandModalComponent],
|
|
3105
3141
|
}]
|
|
3106
3142
|
}] });
|
|
3107
3143
|
|
|
@@ -3135,9 +3171,9 @@
|
|
|
3135
3171
|
};
|
|
3136
3172
|
return SkyTextExpandRepeaterAdapterService;
|
|
3137
3173
|
}());
|
|
3138
|
-
SkyTextExpandRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3139
|
-
SkyTextExpandRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
3140
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3174
|
+
SkyTextExpandRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
3175
|
+
SkyTextExpandRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService });
|
|
3176
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService, decorators: [{
|
|
3141
3177
|
type: i0.Injectable
|
|
3142
3178
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
3143
3179
|
|
|
@@ -3169,7 +3205,7 @@
|
|
|
3169
3205
|
}
|
|
3170
3206
|
rxjs.forkJoin([
|
|
3171
3207
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
3172
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
3208
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
3173
3209
|
])
|
|
3174
3210
|
.pipe(operators.take(1))
|
|
3175
3211
|
.subscribe(function (resources) {
|
|
@@ -3286,19 +3322,15 @@
|
|
|
3286
3322
|
};
|
|
3287
3323
|
return SkyTextExpandRepeaterComponent;
|
|
3288
3324
|
}());
|
|
3289
|
-
SkyTextExpandRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3290
|
-
SkyTextExpandRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3291
|
-
|
|
3292
|
-
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"sky-text-expand-repeater\">\n <ul *ngIf=\"listStyle !== 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-list-style-none' : listStyle === 'unstyled'\n }\"\n #container\n >\n <ng-template\n [ngTemplateOutlet]=\"listItemTemplate\"\n ></ng-template>\n </ul>\n <ol *ngIf=\"listStyle === 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n #container\n >\n <ng-template\n [ngTemplateOutlet]=\"listItemTemplate\"\n ></ng-template>\n </ol>\n <button *ngIf=\"expandable\"\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 (click)=\"repeaterExpand()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none' : listStyle === 'unstyled'\n }\"\n >\n {{buttonText}}\n </button>\n</div>\n\n<ng-template\n let-item\n #defaultItemTemplate\n>\n {{ item }}\n</ng-template>\n\n<ng-template\n #listItemTemplate>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n</ng-template>\n", styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.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"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3293
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
3325
|
+
SkyTextExpandRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, deps: [{ token: i1__namespace$1.SkyLibResourcesService }, { token: i0__namespace.ElementRef }, { token: SkyTextExpandRepeaterAdapterService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3326
|
+
SkyTextExpandRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyTextExpandRepeaterComponent, selector: "sky-text-expand-repeater", inputs: { data: "data", itemTemplate: "itemTemplate", listStyle: "listStyle", maxItems: "maxItems" }, providers: [SkyTextExpandRepeaterAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"sky-text-expand-repeater\">\n <ul\n *ngIf=\"listStyle !== 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-list-style-none': listStyle === 'unstyled'\n }\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ul>\n <ol\n *ngIf=\"listStyle === 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ol>\n <button\n *ngIf=\"expandable\"\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 (click)=\"repeaterExpand()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none':\n listStyle === 'unstyled'\n }\"\n >\n {{ buttonText }}\n </button>\n</div>\n\n<ng-template let-item #defaultItemTemplate>\n {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n</ng-template>\n", styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.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"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3327
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
3294
3328
|
type: i0.Component,
|
|
3295
3329
|
args: [{
|
|
3296
3330
|
selector: 'sky-text-expand-repeater',
|
|
3297
|
-
template: "<div class=\"sky-text-expand-repeater\">\n <ul
|
|
3331
|
+
template: "<div class=\"sky-text-expand-repeater\">\n <ul\n *ngIf=\"listStyle !== 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-list-style-none': listStyle === 'unstyled'\n }\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ul>\n <ol\n *ngIf=\"listStyle === 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ol>\n <button\n *ngIf=\"expandable\"\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 (click)=\"repeaterExpand()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none':\n listStyle === 'unstyled'\n }\"\n >\n {{ buttonText }}\n </button>\n</div>\n\n<ng-template let-item #defaultItemTemplate>\n {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n</ng-template>\n",
|
|
3298
3332
|
styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.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"],
|
|
3299
|
-
providers: [
|
|
3300
|
-
SkyTextExpandRepeaterAdapterService
|
|
3301
|
-
]
|
|
3333
|
+
providers: [SkyTextExpandRepeaterAdapterService],
|
|
3302
3334
|
}]
|
|
3303
3335
|
}], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i0__namespace.ElementRef }, { type: SkyTextExpandRepeaterAdapterService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { data: [{
|
|
3304
3336
|
type: i0.Input
|
|
@@ -3312,7 +3344,7 @@
|
|
|
3312
3344
|
type: i0.ViewChild,
|
|
3313
3345
|
args: ['container', {
|
|
3314
3346
|
read: i0.ElementRef,
|
|
3315
|
-
static: false
|
|
3347
|
+
static: false,
|
|
3316
3348
|
}]
|
|
3317
3349
|
}] } });
|
|
3318
3350
|
|
|
@@ -3321,29 +3353,15 @@
|
|
|
3321
3353
|
}
|
|
3322
3354
|
return SkyTextExpandRepeaterModule;
|
|
3323
3355
|
}());
|
|
3324
|
-
SkyTextExpandRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3325
|
-
SkyTextExpandRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
SkyTextExpandRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, imports: [[
|
|
3329
|
-
i1$1.SkyI18nModule,
|
|
3330
|
-
SkyLayoutResourcesModule,
|
|
3331
|
-
i3.CommonModule
|
|
3332
|
-
]] });
|
|
3333
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
3356
|
+
SkyTextExpandRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3357
|
+
SkyTextExpandRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, declarations: [SkyTextExpandRepeaterComponent], imports: [i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule], exports: [SkyTextExpandRepeaterComponent] });
|
|
3358
|
+
SkyTextExpandRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, imports: [[i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule]] });
|
|
3359
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
3334
3360
|
type: i0.NgModule,
|
|
3335
3361
|
args: [{
|
|
3336
|
-
declarations: [
|
|
3337
|
-
|
|
3338
|
-
],
|
|
3339
|
-
imports: [
|
|
3340
|
-
i1$1.SkyI18nModule,
|
|
3341
|
-
SkyLayoutResourcesModule,
|
|
3342
|
-
i3.CommonModule
|
|
3343
|
-
],
|
|
3344
|
-
exports: [
|
|
3345
|
-
SkyTextExpandRepeaterComponent
|
|
3346
|
-
]
|
|
3362
|
+
declarations: [SkyTextExpandRepeaterComponent],
|
|
3363
|
+
imports: [i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule],
|
|
3364
|
+
exports: [SkyTextExpandRepeaterComponent],
|
|
3347
3365
|
}]
|
|
3348
3366
|
}] });
|
|
3349
3367
|
|
|
@@ -3355,14 +3373,14 @@
|
|
|
3355
3373
|
}
|
|
3356
3374
|
return SkyToolbarSectionComponent;
|
|
3357
3375
|
}());
|
|
3358
|
-
SkyToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3359
|
-
SkyToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3360
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3376
|
+
SkyToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3377
|
+
SkyToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyToolbarSectionComponent, selector: "sky-toolbar-section", ngImport: i0__namespace, template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}\n"] });
|
|
3378
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarSectionComponent, decorators: [{
|
|
3361
3379
|
type: i0.Component,
|
|
3362
3380
|
args: [{
|
|
3363
3381
|
selector: 'sky-toolbar-section',
|
|
3364
3382
|
styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}\n"],
|
|
3365
|
-
template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n"
|
|
3383
|
+
template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
|
|
3366
3384
|
}]
|
|
3367
3385
|
}] });
|
|
3368
3386
|
|
|
@@ -3378,14 +3396,14 @@
|
|
|
3378
3396
|
};
|
|
3379
3397
|
return SkyToolbarComponent;
|
|
3380
3398
|
}());
|
|
3381
|
-
SkyToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3382
|
-
SkyToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3383
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3399
|
+
SkyToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3400
|
+
SkyToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyToolbarComponent, selector: "sky-toolbar", queries: [{ propertyName: "sectionComponents", predicate: SkyToolbarSectionComponent, descendants: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\"></ng-content>\n <div class=\"sky-toolbar-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;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:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
3401
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarComponent, decorators: [{
|
|
3384
3402
|
type: i0.Component,
|
|
3385
3403
|
args: [{
|
|
3386
3404
|
selector: 'sky-toolbar',
|
|
3387
3405
|
styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;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:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"],
|
|
3388
|
-
template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\"></ng-content>\n <div class=\"sky-toolbar-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n"
|
|
3406
|
+
template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\"></ng-content>\n <div class=\"sky-toolbar-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
|
|
3389
3407
|
}]
|
|
3390
3408
|
}], propDecorators: { sectionComponents: [{
|
|
3391
3409
|
type: i0.ContentChildren,
|
|
@@ -3400,14 +3418,14 @@
|
|
|
3400
3418
|
}
|
|
3401
3419
|
return SkyToolbarItemComponent;
|
|
3402
3420
|
}());
|
|
3403
|
-
SkyToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3404
|
-
SkyToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3405
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3421
|
+
SkyToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3422
|
+
SkyToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyToolbarItemComponent, selector: "sky-toolbar-item", ngImport: i0__namespace, template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"] });
|
|
3423
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarItemComponent, decorators: [{
|
|
3406
3424
|
type: i0.Component,
|
|
3407
3425
|
args: [{
|
|
3408
3426
|
selector: 'sky-toolbar-item',
|
|
3409
3427
|
styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"],
|
|
3410
|
-
template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n"
|
|
3428
|
+
template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n",
|
|
3411
3429
|
}]
|
|
3412
3430
|
}] });
|
|
3413
3431
|
|
|
@@ -3420,15 +3438,15 @@
|
|
|
3420
3438
|
}
|
|
3421
3439
|
return SkyToolbarViewActionsComponent;
|
|
3422
3440
|
}());
|
|
3423
|
-
SkyToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3424
|
-
SkyToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3425
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3441
|
+
SkyToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3442
|
+
SkyToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyToolbarViewActionsComponent, selector: "sky-toolbar-view-actions", ngImport: i0__namespace, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
3443
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
3426
3444
|
type: i0.Component,
|
|
3427
3445
|
args: [{
|
|
3428
3446
|
selector: 'sky-toolbar-view-actions',
|
|
3429
|
-
template: "<div
|
|
3447
|
+
template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content></ng-content>\n</div>\n",
|
|
3430
3448
|
styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"],
|
|
3431
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3449
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3432
3450
|
}]
|
|
3433
3451
|
}] });
|
|
3434
3452
|
|
|
@@ -3437,35 +3455,31 @@
|
|
|
3437
3455
|
}
|
|
3438
3456
|
return SkyToolbarModule;
|
|
3439
3457
|
}());
|
|
3440
|
-
SkyToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3441
|
-
SkyToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3458
|
+
SkyToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3459
|
+
SkyToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
|
|
3442
3460
|
SkyToolbarItemComponent,
|
|
3443
3461
|
SkyToolbarSectionComponent,
|
|
3444
3462
|
SkyToolbarViewActionsComponent], imports: [i3.CommonModule], exports: [SkyToolbarComponent,
|
|
3445
3463
|
SkyToolbarItemComponent,
|
|
3446
3464
|
SkyToolbarSectionComponent,
|
|
3447
3465
|
SkyToolbarViewActionsComponent] });
|
|
3448
|
-
SkyToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
3449
|
-
|
|
3450
|
-
]] });
|
|
3451
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarModule, decorators: [{
|
|
3466
|
+
SkyToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarModule, imports: [[i3.CommonModule]] });
|
|
3467
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarModule, decorators: [{
|
|
3452
3468
|
type: i0.NgModule,
|
|
3453
3469
|
args: [{
|
|
3454
3470
|
declarations: [
|
|
3455
3471
|
SkyToolbarComponent,
|
|
3456
3472
|
SkyToolbarItemComponent,
|
|
3457
3473
|
SkyToolbarSectionComponent,
|
|
3458
|
-
SkyToolbarViewActionsComponent
|
|
3459
|
-
],
|
|
3460
|
-
imports: [
|
|
3461
|
-
i3.CommonModule
|
|
3474
|
+
SkyToolbarViewActionsComponent,
|
|
3462
3475
|
],
|
|
3476
|
+
imports: [i3.CommonModule],
|
|
3463
3477
|
exports: [
|
|
3464
3478
|
SkyToolbarComponent,
|
|
3465
3479
|
SkyToolbarItemComponent,
|
|
3466
3480
|
SkyToolbarSectionComponent,
|
|
3467
|
-
SkyToolbarViewActionsComponent
|
|
3468
|
-
]
|
|
3481
|
+
SkyToolbarViewActionsComponent,
|
|
3482
|
+
],
|
|
3469
3483
|
}]
|
|
3470
3484
|
}] });
|
|
3471
3485
|
|
|
@@ -3475,6 +3489,7 @@
|
|
|
3475
3489
|
|
|
3476
3490
|
exports.SkyActionButtonModule = SkyActionButtonModule;
|
|
3477
3491
|
exports.SkyBackToTopModule = SkyBackToTopModule;
|
|
3492
|
+
exports.SkyBoxModule = SkyBoxModule;
|
|
3478
3493
|
exports.SkyCardModule = SkyCardModule;
|
|
3479
3494
|
exports.SkyDefinitionListModule = SkyDefinitionListModule;
|
|
3480
3495
|
exports.SkyDescriptionListModule = SkyDescriptionListModule;
|
|
@@ -3521,6 +3536,10 @@
|
|
|
3521
3536
|
exports["λ39"] = SkyToolbarItemComponent;
|
|
3522
3537
|
exports["λ4"] = SkyActionButtonHeaderComponent;
|
|
3523
3538
|
exports["λ40"] = SkyToolbarViewActionsComponent;
|
|
3539
|
+
exports["λ41"] = SkyBoxComponent;
|
|
3540
|
+
exports["λ42"] = SkyBoxHeaderComponent;
|
|
3541
|
+
exports["λ43"] = SkyBoxContentComponent;
|
|
3542
|
+
exports["λ44"] = SkyBoxControlsComponent;
|
|
3524
3543
|
exports["λ5"] = SkyActionButtonIconComponent;
|
|
3525
3544
|
exports["λ6"] = SkyBackToTopComponent;
|
|
3526
3545
|
exports["λ7"] = SkyBackToTopDirective;
|