@skyux/layout 5.0.2 → 5.2.1
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 +612 -567
- package/documentation.json +936 -436
- 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 +31 -12
- 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 +16 -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 +2 -0
- 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 +7 -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 +534 -513
- 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/modules/text-expand-repeater/text-expand-repeater.component.d.ts +7 -1
- package/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.d.ts +1 -0
- package/package.json +8 -8
- package/public-api.d.ts +6 -0
- package/bundles/skyux-layout-testing.umd.js.map +0 -1
- package/bundles/skyux-layout.umd.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/router'), require('@skyux/indicators'), require('@skyux/router'), require('@skyux/theme'), require('rxjs/operators'), require('rxjs'), require('@skyux/core'), require('@skyux/i18n'), require('@angular/forms'), require('@skyux/forms'), require('@angular/animations'), require('@skyux/modals')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/layout', ['exports', '@angular/common', '@angular/core', '@angular/router', '@skyux/indicators', '@skyux/router', '@skyux/theme', 'rxjs/operators', 'rxjs', '@skyux/core', '@skyux/i18n', '@angular/forms', '@skyux/forms', '@angular/animations', '@skyux/modals'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.layout = {}), global.ng.common, global.ng.core, global.ng.router, global.i2$1, global.i4, global.i3, global.rxjs.operators, global.rxjs, global.i1
|
|
5
|
-
})(this, (function (exports,
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.layout = {}), global.ng.common, global.ng.core, global.ng.router, global.i2$1, global.i4, global.i3$1, global.rxjs.operators, global.rxjs, global.i1, global.i1$1, global.ng.forms, global.i1$2, global.ng.animations, global.i2$2));
|
|
5
|
+
})(this, (function (exports, i3, i0, i2, i2$1, i4, i3$1, operators, rxjs, i1, i1$1, i3$2, i1$2, animations, i2$2) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -22,16 +22,16 @@
|
|
|
22
22
|
return Object.freeze(n);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
var
|
|
25
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
26
26
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
27
27
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
28
28
|
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
|
29
29
|
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
30
|
-
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
30
|
+
var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
|
|
31
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
31
32
|
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
33
|
+
var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
|
|
32
34
|
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
|
|
33
|
-
var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
|
|
34
|
-
var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
|
|
35
35
|
var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
|
|
36
36
|
|
|
37
37
|
var RESPONSIVE_CLASS_SM = 'sky-action-button-container-sm';
|
|
@@ -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,23 +226,19 @@
|
|
|
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: i1__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
|
-
return [{ type: SkyActionButtonAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace
|
|
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: [{
|
|
246
242
|
type: i0.Optional
|
|
247
243
|
}] }];
|
|
248
244
|
}, propDecorators: { alignItems: [{
|
|
@@ -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
|
|
|
@@ -309,7 +305,7 @@
|
|
|
309
305
|
this.mediaQueryService = mediaQueryService;
|
|
310
306
|
this.fontSizeClass = FONTSIZECLASS_LARGE;
|
|
311
307
|
this.subscription = this.mediaQueryService.subscribe(function (args) {
|
|
312
|
-
if (args === i1
|
|
308
|
+
if (args === i1.SkyMediaBreakpoints.xs) {
|
|
313
309
|
_this.fontSizeClass = FONTSIZECLASS_SMALL;
|
|
314
310
|
}
|
|
315
311
|
else {
|
|
@@ -326,16 +322,16 @@
|
|
|
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
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
334
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
|
|
339
335
|
type: i0.Input
|
|
340
336
|
}] } });
|
|
341
337
|
|
|
@@ -344,28 +340,28 @@
|
|
|
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,
|
|
352
|
-
SkyActionButtonIconComponent], imports: [
|
|
348
|
+
SkyActionButtonIconComponent], imports: [i3.CommonModule,
|
|
353
349
|
i2.RouterModule,
|
|
354
350
|
i4.SkyHrefModule,
|
|
355
351
|
i2$1.SkyIconModule,
|
|
356
|
-
i3.SkyThemeModule], exports: [SkyActionButtonComponent,
|
|
352
|
+
i3$1.SkyThemeModule], exports: [SkyActionButtonComponent,
|
|
357
353
|
SkyActionButtonContainerComponent,
|
|
358
354
|
SkyActionButtonDetailsComponent,
|
|
359
355
|
SkyActionButtonHeaderComponent,
|
|
360
356
|
SkyActionButtonIconComponent] });
|
|
361
|
-
SkyActionButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
362
|
-
|
|
357
|
+
SkyActionButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyActionButtonModule, imports: [[
|
|
358
|
+
i3.CommonModule,
|
|
363
359
|
i2.RouterModule,
|
|
364
360
|
i4.SkyHrefModule,
|
|
365
361
|
i2$1.SkyIconModule,
|
|
366
|
-
i3.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.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,20 +458,20 @@
|
|
|
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
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
474
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyAppWindowRef }]; } });
|
|
480
475
|
|
|
481
476
|
/**
|
|
482
477
|
* @internal
|
|
@@ -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,19 +619,15 @@
|
|
|
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
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
630
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyDockService }, { type: SkyBackToTopDomAdapterService }, { type: i0__namespace.ElementRef }]; }, propDecorators: { skyBackToTop: [{
|
|
636
631
|
type: i0.Input
|
|
637
632
|
}], skyBackToTopMessageStream: [{
|
|
638
633
|
type: i0.Input
|
|
@@ -645,13 +640,28 @@
|
|
|
645
640
|
* To update this file, simply rerun the command.
|
|
646
641
|
*/
|
|
647
642
|
var RESOURCES = {
|
|
648
|
-
'EN-US': {
|
|
643
|
+
'EN-US': {
|
|
644
|
+
skyux_back_to_top: { message: 'Back to top' },
|
|
645
|
+
skyux_card_checkbox_label: { message: 'Select card' },
|
|
646
|
+
skyux_definition_list_none_found: { message: 'None found' },
|
|
647
|
+
skyux_description_list_none_found: { message: 'None found' },
|
|
648
|
+
skyux_inline_delete_assistive_text: {
|
|
649
|
+
message: 'Are you sure you want to delete this item?',
|
|
650
|
+
},
|
|
651
|
+
skyux_inline_delete_cancel: { message: 'Cancel' },
|
|
652
|
+
skyux_inline_delete_confirm_deletion: { message: 'Confirm deletion' },
|
|
653
|
+
skyux_inline_delete_delete: { message: 'Delete' },
|
|
654
|
+
skyux_text_expand_close_text: { message: 'Close' },
|
|
655
|
+
skyux_text_expand_modal_title: { message: 'Expanded view' },
|
|
656
|
+
skyux_text_expand_see_less: { message: 'See less' },
|
|
657
|
+
skyux_text_expand_see_more: { message: 'See more' },
|
|
658
|
+
},
|
|
649
659
|
};
|
|
650
660
|
var SkyLayoutResourcesProvider = /** @class */ (function () {
|
|
651
661
|
function SkyLayoutResourcesProvider() {
|
|
652
662
|
}
|
|
653
663
|
SkyLayoutResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
654
|
-
return i1$
|
|
664
|
+
return i1$1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
655
665
|
};
|
|
656
666
|
return SkyLayoutResourcesProvider;
|
|
657
667
|
}());
|
|
@@ -663,22 +673,26 @@
|
|
|
663
673
|
}
|
|
664
674
|
return SkyLayoutResourcesModule;
|
|
665
675
|
}());
|
|
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.
|
|
669
|
-
|
|
676
|
+
SkyLayoutResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLayoutResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
677
|
+
SkyLayoutResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLayoutResourcesModule, exports: [i1$1.SkyI18nModule] });
|
|
678
|
+
SkyLayoutResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLayoutResourcesModule, providers: [
|
|
679
|
+
{
|
|
680
|
+
provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
670
681
|
useClass: SkyLayoutResourcesProvider,
|
|
671
|
-
multi: true
|
|
672
|
-
}
|
|
673
|
-
|
|
682
|
+
multi: true,
|
|
683
|
+
},
|
|
684
|
+
], imports: [i1$1.SkyI18nModule] });
|
|
685
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLayoutResourcesModule, decorators: [{
|
|
674
686
|
type: i0.NgModule,
|
|
675
687
|
args: [{
|
|
676
|
-
exports: [i1$
|
|
677
|
-
providers: [
|
|
678
|
-
|
|
688
|
+
exports: [i1$1.SkyI18nModule],
|
|
689
|
+
providers: [
|
|
690
|
+
{
|
|
691
|
+
provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
679
692
|
useClass: SkyLayoutResourcesProvider,
|
|
680
|
-
multi: true
|
|
681
|
-
}
|
|
693
|
+
multi: true,
|
|
694
|
+
},
|
|
695
|
+
],
|
|
682
696
|
}]
|
|
683
697
|
}] });
|
|
684
698
|
|
|
@@ -687,39 +701,142 @@
|
|
|
687
701
|
}
|
|
688
702
|
return SkyBackToTopModule;
|
|
689
703
|
}());
|
|
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
|
-
|
|
693
|
-
i1$1.
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
i1.
|
|
699
|
-
|
|
700
|
-
i1$2.SkyI18nModule,
|
|
701
|
-
SkyLayoutResourcesModule
|
|
704
|
+
SkyBackToTopModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
705
|
+
SkyBackToTopModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [i3.CommonModule,
|
|
706
|
+
i1.SkyDockModule,
|
|
707
|
+
i1$1.SkyI18nModule,
|
|
708
|
+
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] });
|
|
709
|
+
SkyBackToTopModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopModule, imports: [[
|
|
710
|
+
i3.CommonModule,
|
|
711
|
+
i1.SkyDockModule,
|
|
712
|
+
i1$1.SkyI18nModule,
|
|
713
|
+
SkyLayoutResourcesModule,
|
|
702
714
|
]] });
|
|
703
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
715
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBackToTopModule, decorators: [{
|
|
704
716
|
type: i0.NgModule,
|
|
705
717
|
args: [{
|
|
706
|
-
declarations: [
|
|
707
|
-
SkyBackToTopComponent,
|
|
708
|
-
SkyBackToTopDirective
|
|
709
|
-
],
|
|
718
|
+
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
710
719
|
imports: [
|
|
711
|
-
|
|
712
|
-
i1
|
|
713
|
-
i1$
|
|
714
|
-
SkyLayoutResourcesModule
|
|
720
|
+
i3.CommonModule,
|
|
721
|
+
i1.SkyDockModule,
|
|
722
|
+
i1$1.SkyI18nModule,
|
|
723
|
+
SkyLayoutResourcesModule,
|
|
724
|
+
],
|
|
725
|
+
exports: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
726
|
+
entryComponents: [SkyBackToTopComponent],
|
|
727
|
+
}]
|
|
728
|
+
}] });
|
|
729
|
+
|
|
730
|
+
/**
|
|
731
|
+
* Specifies the body content to display inside the box and provides padding around that content.
|
|
732
|
+
*/
|
|
733
|
+
var SkyBoxContentComponent = /** @class */ (function () {
|
|
734
|
+
function SkyBoxContentComponent() {
|
|
735
|
+
}
|
|
736
|
+
return SkyBoxContentComponent;
|
|
737
|
+
}());
|
|
738
|
+
SkyBoxContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
739
|
+
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"] }] });
|
|
740
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxContentComponent, decorators: [{
|
|
741
|
+
type: i0.Component,
|
|
742
|
+
args: [{
|
|
743
|
+
selector: 'sky-box-content',
|
|
744
|
+
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",
|
|
745
|
+
}]
|
|
746
|
+
}] });
|
|
747
|
+
|
|
748
|
+
/**
|
|
749
|
+
* Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
|
|
750
|
+
*/
|
|
751
|
+
var SkyBoxControlsComponent = /** @class */ (function () {
|
|
752
|
+
function SkyBoxControlsComponent() {
|
|
753
|
+
}
|
|
754
|
+
return SkyBoxControlsComponent;
|
|
755
|
+
}());
|
|
756
|
+
SkyBoxControlsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxControlsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
757
|
+
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" });
|
|
758
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxControlsComponent, decorators: [{
|
|
759
|
+
type: i0.Component,
|
|
760
|
+
args: [{
|
|
761
|
+
selector: 'sky-box-controls',
|
|
762
|
+
template: "<div\n class=\"sky-box-controls\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
763
|
+
}]
|
|
764
|
+
}] });
|
|
765
|
+
|
|
766
|
+
/**
|
|
767
|
+
* Specifies a header for the box.
|
|
768
|
+
*/
|
|
769
|
+
var SkyBoxHeaderComponent = /** @class */ (function () {
|
|
770
|
+
function SkyBoxHeaderComponent() {
|
|
771
|
+
}
|
|
772
|
+
return SkyBoxHeaderComponent;
|
|
773
|
+
}());
|
|
774
|
+
SkyBoxHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
775
|
+
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" });
|
|
776
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxHeaderComponent, decorators: [{
|
|
777
|
+
type: i0.Component,
|
|
778
|
+
args: [{
|
|
779
|
+
selector: 'sky-box-header',
|
|
780
|
+
template: "<div\n class=\"sky-box-header\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
781
|
+
}]
|
|
782
|
+
}] });
|
|
783
|
+
|
|
784
|
+
/**
|
|
785
|
+
* 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.
|
|
786
|
+
*/
|
|
787
|
+
var SkyBoxComponent = /** @class */ (function () {
|
|
788
|
+
function SkyBoxComponent() {
|
|
789
|
+
}
|
|
790
|
+
return SkyBoxComponent;
|
|
791
|
+
}());
|
|
792
|
+
SkyBoxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
793
|
+
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 });
|
|
794
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxComponent, decorators: [{
|
|
795
|
+
type: i0.Component,
|
|
796
|
+
args: [{
|
|
797
|
+
selector: 'sky-box',
|
|
798
|
+
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",
|
|
799
|
+
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"],
|
|
800
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
801
|
+
}]
|
|
802
|
+
}], propDecorators: { ariaLabel: [{
|
|
803
|
+
type: i0.Input
|
|
804
|
+
}], ariaLabelledBy: [{
|
|
805
|
+
type: i0.Input
|
|
806
|
+
}], ariaRole: [{
|
|
807
|
+
type: i0.Input
|
|
808
|
+
}] } });
|
|
809
|
+
|
|
810
|
+
var SkyBoxModule = /** @class */ (function () {
|
|
811
|
+
function SkyBoxModule() {
|
|
812
|
+
}
|
|
813
|
+
return SkyBoxModule;
|
|
814
|
+
}());
|
|
815
|
+
SkyBoxModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
816
|
+
SkyBoxModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxModule, declarations: [SkyBoxComponent,
|
|
817
|
+
SkyBoxHeaderComponent,
|
|
818
|
+
SkyBoxContentComponent,
|
|
819
|
+
SkyBoxControlsComponent], imports: [i3.CommonModule, i3$1.SkyThemeModule], exports: [SkyBoxComponent,
|
|
820
|
+
SkyBoxHeaderComponent,
|
|
821
|
+
SkyBoxContentComponent,
|
|
822
|
+
SkyBoxControlsComponent] });
|
|
823
|
+
SkyBoxModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxModule, imports: [[i3.CommonModule, i3$1.SkyThemeModule]] });
|
|
824
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyBoxModule, decorators: [{
|
|
825
|
+
type: i0.NgModule,
|
|
826
|
+
args: [{
|
|
827
|
+
declarations: [
|
|
828
|
+
SkyBoxComponent,
|
|
829
|
+
SkyBoxHeaderComponent,
|
|
830
|
+
SkyBoxContentComponent,
|
|
831
|
+
SkyBoxControlsComponent,
|
|
715
832
|
],
|
|
833
|
+
imports: [i3.CommonModule, i3$1.SkyThemeModule],
|
|
716
834
|
exports: [
|
|
717
|
-
|
|
718
|
-
|
|
835
|
+
SkyBoxComponent,
|
|
836
|
+
SkyBoxHeaderComponent,
|
|
837
|
+
SkyBoxContentComponent,
|
|
838
|
+
SkyBoxControlsComponent,
|
|
719
839
|
],
|
|
720
|
-
entryComponents: [
|
|
721
|
-
SkyBackToTopComponent
|
|
722
|
-
]
|
|
723
840
|
}]
|
|
724
841
|
}] });
|
|
725
842
|
|
|
@@ -762,10 +879,12 @@
|
|
|
762
879
|
// Find the next navigable element that isn't waiting
|
|
763
880
|
var startingIndex = focussable.indexOf(targetElement);
|
|
764
881
|
var curIndex = startingIndex + modifier;
|
|
765
|
-
while (focussable[curIndex] &&
|
|
882
|
+
while (focussable[curIndex] &&
|
|
883
|
+
this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
766
884
|
curIndex += modifier;
|
|
767
885
|
}
|
|
768
|
-
if (focussable[curIndex] &&
|
|
886
|
+
if (focussable[curIndex] &&
|
|
887
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
769
888
|
focussable[curIndex].focus();
|
|
770
889
|
}
|
|
771
890
|
else {
|
|
@@ -780,7 +899,8 @@
|
|
|
780
899
|
}
|
|
781
900
|
/* istanbul ignore else */
|
|
782
901
|
/* sanity check */
|
|
783
|
-
if (focussable[curIndex] &&
|
|
902
|
+
if (focussable[curIndex] &&
|
|
903
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
784
904
|
focussable[curIndex].focus();
|
|
785
905
|
}
|
|
786
906
|
else {
|
|
@@ -805,9 +925,10 @@
|
|
|
805
925
|
};
|
|
806
926
|
SkyInlineDeleteAdapterService.prototype.isElementHiddenOrCovered = function (element) {
|
|
807
927
|
// 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.
|
|
928
|
+
return (this.isElementHidden(element) ||
|
|
929
|
+
(this.parentEl.contains(element) &&
|
|
930
|
+
(!this.element.contains(element) ||
|
|
931
|
+
this.parentEl.querySelector('.sky-wait-mask') !== null)));
|
|
811
932
|
};
|
|
812
933
|
SkyInlineDeleteAdapterService.prototype.isElementHidden = function (element) {
|
|
813
934
|
var style = window.getComputedStyle(element);
|
|
@@ -820,18 +941,18 @@
|
|
|
820
941
|
var previousInd = elements.indexOf(event.relatedTarget);
|
|
821
942
|
var currentInd = elements.indexOf(event.target);
|
|
822
943
|
/* istanbul ignore next */
|
|
823
|
-
return previousInd === currentInd + 1
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
944
|
+
return (previousInd === currentInd + 1 ||
|
|
945
|
+
(previousInd === 0 && currentInd === elements.length - 1) ||
|
|
946
|
+
previousInd > currentInd ||
|
|
947
|
+
!event.relatedTarget);
|
|
827
948
|
};
|
|
828
949
|
return SkyInlineDeleteAdapterService;
|
|
829
950
|
}());
|
|
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.
|
|
951
|
+
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 });
|
|
952
|
+
SkyInlineDeleteAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService });
|
|
953
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService, decorators: [{
|
|
833
954
|
type: i0.Injectable
|
|
834
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
955
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyCoreAdapterService }, { type: i0__namespace.RendererFactory2 }]; } });
|
|
835
956
|
|
|
836
957
|
/**
|
|
837
958
|
* Specifies the type of inline delete that is shown.
|
|
@@ -931,74 +1052,68 @@
|
|
|
931
1052
|
};
|
|
932
1053
|
return SkyInlineDeleteComponent;
|
|
933
1054
|
}());
|
|
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$1.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$2.SkyLibResourcesPipe }, animations: [
|
|
1055
|
+
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 });
|
|
1056
|
+
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
1057
|
animations.trigger('inlineDeleteAnimation', [
|
|
940
1058
|
animations.transition('* => shown', [
|
|
941
1059
|
animations.style({
|
|
942
|
-
opacity: 0
|
|
1060
|
+
opacity: 0,
|
|
943
1061
|
}),
|
|
944
1062
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(0.0)' })),
|
|
945
1063
|
animations.group([
|
|
946
1064
|
animations.animate('300ms ease-in-out', animations.style({ opacity: 1 })),
|
|
947
1065
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
948
|
-
transform: 'scale(1)'
|
|
949
|
-
})))
|
|
950
|
-
])
|
|
1066
|
+
transform: 'scale(1)',
|
|
1067
|
+
}))),
|
|
1068
|
+
]),
|
|
951
1069
|
]),
|
|
952
1070
|
animations.transition("shown <=> *", [
|
|
953
1071
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(1)' })),
|
|
954
1072
|
animations.group([
|
|
955
1073
|
animations.animate('300ms ease-in-out', animations.style({
|
|
956
|
-
opacity: 0
|
|
1074
|
+
opacity: 0,
|
|
957
1075
|
})),
|
|
958
1076
|
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
|
-
])
|
|
1077
|
+
transform: 'scale(0.0)',
|
|
1078
|
+
}))),
|
|
1079
|
+
]),
|
|
1080
|
+
]),
|
|
1081
|
+
]),
|
|
964
1082
|
] });
|
|
965
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1083
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteComponent, decorators: [{
|
|
966
1084
|
type: i0.Component,
|
|
967
1085
|
args: [{
|
|
968
1086
|
selector: 'sky-inline-delete',
|
|
969
1087
|
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
|
|
1088
|
+
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
1089
|
animations: [
|
|
972
1090
|
animations.trigger('inlineDeleteAnimation', [
|
|
973
1091
|
animations.transition('* => shown', [
|
|
974
1092
|
animations.style({
|
|
975
|
-
opacity: 0
|
|
1093
|
+
opacity: 0,
|
|
976
1094
|
}),
|
|
977
1095
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(0.0)' })),
|
|
978
1096
|
animations.group([
|
|
979
1097
|
animations.animate('300ms ease-in-out', animations.style({ opacity: 1 })),
|
|
980
1098
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
981
|
-
transform: 'scale(1)'
|
|
982
|
-
})))
|
|
983
|
-
])
|
|
1099
|
+
transform: 'scale(1)',
|
|
1100
|
+
}))),
|
|
1101
|
+
]),
|
|
984
1102
|
]),
|
|
985
1103
|
animations.transition("shown <=> *", [
|
|
986
1104
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(1)' })),
|
|
987
1105
|
animations.group([
|
|
988
1106
|
animations.animate('300ms ease-in-out', animations.style({
|
|
989
|
-
opacity: 0
|
|
1107
|
+
opacity: 0,
|
|
990
1108
|
})),
|
|
991
1109
|
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
|
-
])
|
|
1110
|
+
transform: 'scale(0.0)',
|
|
1111
|
+
}))),
|
|
1112
|
+
]),
|
|
1113
|
+
]),
|
|
1114
|
+
]),
|
|
997
1115
|
],
|
|
998
|
-
providers: [
|
|
999
|
-
i1$1.SkyCoreAdapterService,
|
|
1000
|
-
SkyInlineDeleteAdapterService
|
|
1001
|
-
]
|
|
1116
|
+
providers: [i1.SkyCoreAdapterService, SkyInlineDeleteAdapterService],
|
|
1002
1117
|
}]
|
|
1003
1118
|
}], ctorParameters: function () { return [{ type: SkyInlineDeleteAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; }, propDecorators: { pending: [{
|
|
1004
1119
|
type: i0.Input
|
|
@@ -1010,7 +1125,7 @@
|
|
|
1010
1125
|
type: i0.ViewChild,
|
|
1011
1126
|
args: ['delete', {
|
|
1012
1127
|
read: i0.ElementRef,
|
|
1013
|
-
static: false
|
|
1128
|
+
static: false,
|
|
1014
1129
|
}]
|
|
1015
1130
|
}] } });
|
|
1016
1131
|
|
|
@@ -1019,32 +1134,28 @@
|
|
|
1019
1134
|
}
|
|
1020
1135
|
return SkyInlineDeleteModule;
|
|
1021
1136
|
}());
|
|
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.
|
|
1024
|
-
i1$
|
|
1137
|
+
SkyInlineDeleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1138
|
+
SkyInlineDeleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteModule, declarations: [SkyInlineDeleteComponent], imports: [i3.CommonModule,
|
|
1139
|
+
i1$1.SkyI18nModule,
|
|
1025
1140
|
SkyLayoutResourcesModule,
|
|
1026
1141
|
i2$1.SkyWaitModule], exports: [SkyInlineDeleteComponent] });
|
|
1027
|
-
SkyInlineDeleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1028
|
-
|
|
1029
|
-
i1$
|
|
1142
|
+
SkyInlineDeleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteModule, imports: [[
|
|
1143
|
+
i3.CommonModule,
|
|
1144
|
+
i1$1.SkyI18nModule,
|
|
1030
1145
|
SkyLayoutResourcesModule,
|
|
1031
|
-
i2$1.SkyWaitModule
|
|
1146
|
+
i2$1.SkyWaitModule,
|
|
1032
1147
|
]] });
|
|
1033
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1148
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyInlineDeleteModule, decorators: [{
|
|
1034
1149
|
type: i0.NgModule,
|
|
1035
1150
|
args: [{
|
|
1036
|
-
declarations: [
|
|
1037
|
-
SkyInlineDeleteComponent
|
|
1038
|
-
],
|
|
1151
|
+
declarations: [SkyInlineDeleteComponent],
|
|
1039
1152
|
imports: [
|
|
1040
|
-
|
|
1041
|
-
i1$
|
|
1153
|
+
i3.CommonModule,
|
|
1154
|
+
i1$1.SkyI18nModule,
|
|
1042
1155
|
SkyLayoutResourcesModule,
|
|
1043
|
-
i2$1.SkyWaitModule
|
|
1156
|
+
i2$1.SkyWaitModule,
|
|
1044
1157
|
],
|
|
1045
|
-
exports: [
|
|
1046
|
-
SkyInlineDeleteComponent
|
|
1047
|
-
]
|
|
1158
|
+
exports: [SkyInlineDeleteComponent],
|
|
1048
1159
|
}]
|
|
1049
1160
|
}] });
|
|
1050
1161
|
|
|
@@ -1056,14 +1167,14 @@
|
|
|
1056
1167
|
}
|
|
1057
1168
|
return SkyCardActionsComponent;
|
|
1058
1169
|
}());
|
|
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.
|
|
1170
|
+
SkyCardActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1171
|
+
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"] });
|
|
1172
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardActionsComponent, decorators: [{
|
|
1062
1173
|
type: i0.Component,
|
|
1063
1174
|
args: [{
|
|
1064
1175
|
selector: 'sky-card-actions',
|
|
1065
1176
|
template: "<ng-content></ng-content>\n",
|
|
1066
|
-
styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"]
|
|
1177
|
+
styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"],
|
|
1067
1178
|
}]
|
|
1068
1179
|
}] });
|
|
1069
1180
|
|
|
@@ -1075,13 +1186,13 @@
|
|
|
1075
1186
|
}
|
|
1076
1187
|
return SkyCardContentComponent;
|
|
1077
1188
|
}());
|
|
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.
|
|
1189
|
+
SkyCardContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1190
|
+
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" });
|
|
1191
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardContentComponent, decorators: [{
|
|
1081
1192
|
type: i0.Component,
|
|
1082
1193
|
args: [{
|
|
1083
1194
|
selector: 'sky-card-content',
|
|
1084
|
-
template: "<ng-content></ng-content>\n"
|
|
1195
|
+
template: "<ng-content></ng-content>\n",
|
|
1085
1196
|
}]
|
|
1086
1197
|
}] });
|
|
1087
1198
|
|
|
@@ -1093,13 +1204,13 @@
|
|
|
1093
1204
|
}
|
|
1094
1205
|
return SkyCardTitleComponent;
|
|
1095
1206
|
}());
|
|
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.
|
|
1207
|
+
SkyCardTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1208
|
+
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" });
|
|
1209
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardTitleComponent, decorators: [{
|
|
1099
1210
|
type: i0.Component,
|
|
1100
1211
|
args: [{
|
|
1101
1212
|
selector: 'sky-card-title',
|
|
1102
|
-
template: "<ng-content></ng-content>\n"
|
|
1213
|
+
template: "<ng-content></ng-content>\n",
|
|
1103
1214
|
}]
|
|
1104
1215
|
}] });
|
|
1105
1216
|
|
|
@@ -1150,14 +1261,14 @@
|
|
|
1150
1261
|
};
|
|
1151
1262
|
return SkyCardComponent;
|
|
1152
1263
|
}());
|
|
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.
|
|
1264
|
+
SkyCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1265
|
+
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 } });
|
|
1266
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardComponent, decorators: [{
|
|
1156
1267
|
type: i0.Component,
|
|
1157
1268
|
args: [{
|
|
1158
1269
|
selector: 'sky-card',
|
|
1159
1270
|
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
|
|
1271
|
+
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
1272
|
}]
|
|
1162
1273
|
}], propDecorators: { size: [{
|
|
1163
1274
|
type: i0.Input
|
|
@@ -1180,50 +1291,50 @@
|
|
|
1180
1291
|
}
|
|
1181
1292
|
return SkyCardModule;
|
|
1182
1293
|
}());
|
|
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.
|
|
1294
|
+
SkyCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1295
|
+
SkyCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardModule, declarations: [SkyCardActionsComponent,
|
|
1185
1296
|
SkyCardComponent,
|
|
1186
1297
|
SkyCardContentComponent,
|
|
1187
|
-
SkyCardTitleComponent], imports: [
|
|
1188
|
-
i3$
|
|
1189
|
-
i1$
|
|
1190
|
-
i1$
|
|
1298
|
+
SkyCardTitleComponent], imports: [i3.CommonModule,
|
|
1299
|
+
i3$2.FormsModule,
|
|
1300
|
+
i1$2.SkyCheckboxModule,
|
|
1301
|
+
i1$1.SkyI18nModule,
|
|
1191
1302
|
SkyLayoutResourcesModule,
|
|
1192
1303
|
SkyInlineDeleteModule], exports: [SkyCardActionsComponent,
|
|
1193
1304
|
SkyCardComponent,
|
|
1194
1305
|
SkyCardContentComponent,
|
|
1195
1306
|
SkyCardTitleComponent] });
|
|
1196
|
-
SkyCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1197
|
-
|
|
1198
|
-
i3$
|
|
1199
|
-
i1$
|
|
1200
|
-
i1$
|
|
1307
|
+
SkyCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardModule, imports: [[
|
|
1308
|
+
i3.CommonModule,
|
|
1309
|
+
i3$2.FormsModule,
|
|
1310
|
+
i1$2.SkyCheckboxModule,
|
|
1311
|
+
i1$1.SkyI18nModule,
|
|
1201
1312
|
SkyLayoutResourcesModule,
|
|
1202
|
-
SkyInlineDeleteModule
|
|
1313
|
+
SkyInlineDeleteModule,
|
|
1203
1314
|
]] });
|
|
1204
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1315
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyCardModule, decorators: [{
|
|
1205
1316
|
type: i0.NgModule,
|
|
1206
1317
|
args: [{
|
|
1207
1318
|
declarations: [
|
|
1208
1319
|
SkyCardActionsComponent,
|
|
1209
1320
|
SkyCardComponent,
|
|
1210
1321
|
SkyCardContentComponent,
|
|
1211
|
-
SkyCardTitleComponent
|
|
1322
|
+
SkyCardTitleComponent,
|
|
1212
1323
|
],
|
|
1213
1324
|
imports: [
|
|
1214
|
-
|
|
1215
|
-
i3$
|
|
1216
|
-
i1$
|
|
1217
|
-
i1$
|
|
1325
|
+
i3.CommonModule,
|
|
1326
|
+
i3$2.FormsModule,
|
|
1327
|
+
i1$2.SkyCheckboxModule,
|
|
1328
|
+
i1$1.SkyI18nModule,
|
|
1218
1329
|
SkyLayoutResourcesModule,
|
|
1219
|
-
SkyInlineDeleteModule
|
|
1330
|
+
SkyInlineDeleteModule,
|
|
1220
1331
|
],
|
|
1221
1332
|
exports: [
|
|
1222
1333
|
SkyCardActionsComponent,
|
|
1223
1334
|
SkyCardComponent,
|
|
1224
1335
|
SkyCardContentComponent,
|
|
1225
|
-
SkyCardTitleComponent
|
|
1226
|
-
]
|
|
1336
|
+
SkyCardTitleComponent,
|
|
1337
|
+
],
|
|
1227
1338
|
}]
|
|
1228
1339
|
}] });
|
|
1229
1340
|
|
|
@@ -1237,9 +1348,9 @@
|
|
|
1237
1348
|
}
|
|
1238
1349
|
return SkyDefinitionListService;
|
|
1239
1350
|
}());
|
|
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.
|
|
1351
|
+
SkyDefinitionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1352
|
+
SkyDefinitionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListService });
|
|
1353
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListService, decorators: [{
|
|
1243
1354
|
type: i0.Injectable
|
|
1244
1355
|
}] });
|
|
1245
1356
|
|
|
@@ -1275,16 +1386,16 @@
|
|
|
1275
1386
|
});
|
|
1276
1387
|
return SkyDefinitionListComponent;
|
|
1277
1388
|
}());
|
|
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.
|
|
1389
|
+
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 });
|
|
1390
|
+
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 });
|
|
1391
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListComponent, decorators: [{
|
|
1281
1392
|
type: i0.Component,
|
|
1282
1393
|
args: [{
|
|
1283
1394
|
selector: 'sky-definition-list',
|
|
1284
1395
|
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
1396
|
styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"],
|
|
1286
1397
|
providers: [SkyDefinitionListService],
|
|
1287
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1398
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1288
1399
|
}]
|
|
1289
1400
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; }, propDecorators: { labelWidth: [{
|
|
1290
1401
|
type: i0.Input
|
|
@@ -1300,15 +1411,15 @@
|
|
|
1300
1411
|
}
|
|
1301
1412
|
return SkyDefinitionListContentComponent;
|
|
1302
1413
|
}());
|
|
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.
|
|
1414
|
+
SkyDefinitionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1415
|
+
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 });
|
|
1416
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, decorators: [{
|
|
1306
1417
|
type: i0.Component,
|
|
1307
1418
|
args: [{
|
|
1308
1419
|
selector: 'sky-definition-list-content',
|
|
1309
1420
|
template: "<div class=\"sky-definition-list-content\">\n <ng-content></ng-content>\n</div>\n",
|
|
1310
1421
|
styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"],
|
|
1311
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1422
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1312
1423
|
}]
|
|
1313
1424
|
}] });
|
|
1314
1425
|
|
|
@@ -1320,15 +1431,15 @@
|
|
|
1320
1431
|
}
|
|
1321
1432
|
return SkyDefinitionListHeadingComponent;
|
|
1322
1433
|
}());
|
|
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.
|
|
1434
|
+
SkyDefinitionListHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1435
|
+
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 });
|
|
1436
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, decorators: [{
|
|
1326
1437
|
type: i0.Component,
|
|
1327
1438
|
args: [{
|
|
1328
1439
|
selector: 'sky-definition-list-heading',
|
|
1329
1440
|
template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content></ng-content>\n</div>\n",
|
|
1330
1441
|
styles: [".sky-definition-list-heading{margin-bottom:5px}\n"],
|
|
1331
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1442
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1332
1443
|
}]
|
|
1333
1444
|
}] });
|
|
1334
1445
|
|
|
@@ -1341,15 +1452,15 @@
|
|
|
1341
1452
|
}
|
|
1342
1453
|
return SkyDefinitionListLabelComponent;
|
|
1343
1454
|
}());
|
|
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.
|
|
1455
|
+
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 });
|
|
1456
|
+
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 });
|
|
1457
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListLabelComponent, decorators: [{
|
|
1347
1458
|
type: i0.Component,
|
|
1348
1459
|
args: [{
|
|
1349
1460
|
selector: 'sky-definition-list-label',
|
|
1350
|
-
template: "<div\n
|
|
1461
|
+
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
1462
|
styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"],
|
|
1352
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1463
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1353
1464
|
}]
|
|
1354
1465
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1355
1466
|
|
|
@@ -1362,14 +1473,14 @@
|
|
|
1362
1473
|
}
|
|
1363
1474
|
return SkyDefinitionListValueComponent;
|
|
1364
1475
|
}());
|
|
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.
|
|
1476
|
+
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 });
|
|
1477
|
+
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 } });
|
|
1478
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListValueComponent, decorators: [{
|
|
1368
1479
|
type: i0.Component,
|
|
1369
1480
|
args: [{
|
|
1370
1481
|
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"]
|
|
1482
|
+
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",
|
|
1483
|
+
styles: [":host{flex:1}\n"],
|
|
1373
1484
|
}]
|
|
1374
1485
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1375
1486
|
|
|
@@ -1378,24 +1489,18 @@
|
|
|
1378
1489
|
}
|
|
1379
1490
|
return SkyDefinitionListModule;
|
|
1380
1491
|
}());
|
|
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.
|
|
1492
|
+
SkyDefinitionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1493
|
+
SkyDefinitionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
|
|
1383
1494
|
SkyDefinitionListContentComponent,
|
|
1384
1495
|
SkyDefinitionListHeadingComponent,
|
|
1385
1496
|
SkyDefinitionListLabelComponent,
|
|
1386
|
-
SkyDefinitionListValueComponent], imports: [
|
|
1387
|
-
i1$2.SkyI18nModule,
|
|
1388
|
-
SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1497
|
+
SkyDefinitionListValueComponent], imports: [i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1389
1498
|
SkyDefinitionListContentComponent,
|
|
1390
1499
|
SkyDefinitionListHeadingComponent,
|
|
1391
1500
|
SkyDefinitionListLabelComponent,
|
|
1392
1501
|
SkyDefinitionListValueComponent] });
|
|
1393
|
-
SkyDefinitionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1394
|
-
|
|
1395
|
-
i1$2.SkyI18nModule,
|
|
1396
|
-
SkyLayoutResourcesModule
|
|
1397
|
-
]] });
|
|
1398
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListModule, decorators: [{
|
|
1502
|
+
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]] });
|
|
1503
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDefinitionListModule, decorators: [{
|
|
1399
1504
|
type: i0.NgModule,
|
|
1400
1505
|
args: [{
|
|
1401
1506
|
declarations: [
|
|
@@ -1403,20 +1508,16 @@
|
|
|
1403
1508
|
SkyDefinitionListContentComponent,
|
|
1404
1509
|
SkyDefinitionListHeadingComponent,
|
|
1405
1510
|
SkyDefinitionListLabelComponent,
|
|
1406
|
-
SkyDefinitionListValueComponent
|
|
1407
|
-
],
|
|
1408
|
-
imports: [
|
|
1409
|
-
i1.CommonModule,
|
|
1410
|
-
i1$2.SkyI18nModule,
|
|
1411
|
-
SkyLayoutResourcesModule
|
|
1511
|
+
SkyDefinitionListValueComponent,
|
|
1412
1512
|
],
|
|
1513
|
+
imports: [i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule],
|
|
1413
1514
|
exports: [
|
|
1414
1515
|
SkyDefinitionListComponent,
|
|
1415
1516
|
SkyDefinitionListContentComponent,
|
|
1416
1517
|
SkyDefinitionListHeadingComponent,
|
|
1417
1518
|
SkyDefinitionListLabelComponent,
|
|
1418
|
-
SkyDefinitionListValueComponent
|
|
1419
|
-
]
|
|
1519
|
+
SkyDefinitionListValueComponent,
|
|
1520
|
+
],
|
|
1420
1521
|
}]
|
|
1421
1522
|
}] });
|
|
1422
1523
|
|
|
@@ -1446,7 +1547,8 @@
|
|
|
1446
1547
|
if (width <= xsBreakpointMaxPixels) {
|
|
1447
1548
|
return 'sky-responsive-container-xs';
|
|
1448
1549
|
}
|
|
1449
|
-
else if (width >= smBreakpointMinPixels &&
|
|
1550
|
+
else if (width >= smBreakpointMinPixels &&
|
|
1551
|
+
width <= smBreakpointMaxPixels) {
|
|
1450
1552
|
return 'sky-responsive-container-sm';
|
|
1451
1553
|
}
|
|
1452
1554
|
else {
|
|
@@ -1455,9 +1557,9 @@
|
|
|
1455
1557
|
};
|
|
1456
1558
|
return SkyDescriptionListAdapterService;
|
|
1457
1559
|
}());
|
|
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.
|
|
1560
|
+
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 });
|
|
1561
|
+
SkyDescriptionListAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListAdapterService });
|
|
1562
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListAdapterService, decorators: [{
|
|
1461
1563
|
type: i0.Injectable
|
|
1462
1564
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
1463
1565
|
|
|
@@ -1469,20 +1571,20 @@
|
|
|
1469
1571
|
}
|
|
1470
1572
|
return SkyDescriptionListTermComponent;
|
|
1471
1573
|
}());
|
|
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.
|
|
1574
|
+
SkyDescriptionListTermComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1575
|
+
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 });
|
|
1576
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1475
1577
|
type: i0.Component,
|
|
1476
1578
|
args: [{
|
|
1477
1579
|
selector: 'sky-description-list-term',
|
|
1478
|
-
template: "<ng-template
|
|
1479
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1580
|
+
template: "<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n",
|
|
1581
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1480
1582
|
}]
|
|
1481
1583
|
}], propDecorators: { templateRef: [{
|
|
1482
1584
|
type: i0.ViewChild,
|
|
1483
1585
|
args: ['termTemplateRef', {
|
|
1484
1586
|
read: i0.TemplateRef,
|
|
1485
|
-
static: true
|
|
1587
|
+
static: true,
|
|
1486
1588
|
}]
|
|
1487
1589
|
}] } });
|
|
1488
1590
|
|
|
@@ -1508,9 +1610,9 @@
|
|
|
1508
1610
|
};
|
|
1509
1611
|
return SkyDescriptionListService;
|
|
1510
1612
|
}());
|
|
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.
|
|
1613
|
+
SkyDescriptionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1614
|
+
SkyDescriptionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListService });
|
|
1615
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListService, decorators: [{
|
|
1514
1616
|
type: i0.Injectable
|
|
1515
1617
|
}] });
|
|
1516
1618
|
|
|
@@ -1542,20 +1644,20 @@
|
|
|
1542
1644
|
};
|
|
1543
1645
|
return SkyDescriptionListDescriptionComponent;
|
|
1544
1646
|
}());
|
|
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.
|
|
1647
|
+
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 });
|
|
1648
|
+
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 });
|
|
1649
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, decorators: [{
|
|
1548
1650
|
type: i0.Component,
|
|
1549
1651
|
args: [{
|
|
1550
1652
|
selector: 'sky-description-list-description',
|
|
1551
|
-
template: "<ng-template
|
|
1552
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1653
|
+
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",
|
|
1654
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1553
1655
|
}]
|
|
1554
|
-
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1656
|
+
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1555
1657
|
type: i0.ViewChild,
|
|
1556
1658
|
args: ['descriptionTemplateRef', {
|
|
1557
1659
|
read: i0.TemplateRef,
|
|
1558
|
-
static: true
|
|
1660
|
+
static: true,
|
|
1559
1661
|
}]
|
|
1560
1662
|
}] } });
|
|
1561
1663
|
|
|
@@ -1567,13 +1669,13 @@
|
|
|
1567
1669
|
}
|
|
1568
1670
|
return SkyDescriptionListContentComponent;
|
|
1569
1671
|
}());
|
|
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.
|
|
1672
|
+
SkyDescriptionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1673
|
+
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" });
|
|
1674
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, decorators: [{
|
|
1573
1675
|
type: i0.Component,
|
|
1574
1676
|
args: [{
|
|
1575
1677
|
selector: 'sky-description-list-content',
|
|
1576
|
-
template: "<ng-content></ng-content>\n"
|
|
1678
|
+
template: "<ng-content></ng-content>\n",
|
|
1577
1679
|
}]
|
|
1578
1680
|
}], propDecorators: { termComponents: [{
|
|
1579
1681
|
type: i0.ContentChildren,
|
|
@@ -1640,7 +1742,7 @@
|
|
|
1640
1742
|
this.contentObserver.observe(this.elementRef.nativeElement, {
|
|
1641
1743
|
childList: true,
|
|
1642
1744
|
characterData: true,
|
|
1643
|
-
subtree: true
|
|
1745
|
+
subtree: true,
|
|
1644
1746
|
});
|
|
1645
1747
|
};
|
|
1646
1748
|
SkyDescriptionListComponent.prototype.ngOnDestroy = function () {
|
|
@@ -1657,24 +1759,18 @@
|
|
|
1657
1759
|
};
|
|
1658
1760
|
return SkyDescriptionListComponent;
|
|
1659
1761
|
}());
|
|
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: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__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: [{
|
|
1762
|
+
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 });
|
|
1763
|
+
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 });
|
|
1764
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListComponent, decorators: [{
|
|
1666
1765
|
type: i0.Component,
|
|
1667
1766
|
args: [{
|
|
1668
1767
|
selector: 'sky-description-list',
|
|
1669
|
-
template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n
|
|
1768
|
+
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
1769
|
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
|
|
1770
|
+
providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
|
|
1771
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1676
1772
|
}]
|
|
1677
|
-
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1__namespace
|
|
1773
|
+
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1__namespace.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
|
|
1678
1774
|
type: i0.Input
|
|
1679
1775
|
}], listItemWidth: [{
|
|
1680
1776
|
type: i0.Input
|
|
@@ -1687,7 +1783,7 @@
|
|
|
1687
1783
|
type: i0.ViewChild,
|
|
1688
1784
|
args: ['descriptionListElement', {
|
|
1689
1785
|
read: i0.ElementRef,
|
|
1690
|
-
static: true
|
|
1786
|
+
static: true,
|
|
1691
1787
|
}]
|
|
1692
1788
|
}], onWindowResize: [{
|
|
1693
1789
|
type: i0.HostListener,
|
|
@@ -1699,44 +1795,44 @@
|
|
|
1699
1795
|
}
|
|
1700
1796
|
return SkyDescriptionListModule;
|
|
1701
1797
|
}());
|
|
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.
|
|
1798
|
+
SkyDescriptionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1799
|
+
SkyDescriptionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
|
|
1704
1800
|
SkyDescriptionListContentComponent,
|
|
1705
1801
|
SkyDescriptionListTermComponent,
|
|
1706
|
-
SkyDescriptionListDescriptionComponent], imports: [
|
|
1707
|
-
i1$
|
|
1802
|
+
SkyDescriptionListDescriptionComponent], imports: [i3.CommonModule,
|
|
1803
|
+
i1$1.SkyI18nModule,
|
|
1708
1804
|
SkyLayoutResourcesModule,
|
|
1709
|
-
i3.SkyThemeModule], exports: [SkyDescriptionListComponent,
|
|
1805
|
+
i3$1.SkyThemeModule], exports: [SkyDescriptionListComponent,
|
|
1710
1806
|
SkyDescriptionListContentComponent,
|
|
1711
1807
|
SkyDescriptionListTermComponent,
|
|
1712
1808
|
SkyDescriptionListDescriptionComponent] });
|
|
1713
|
-
SkyDescriptionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1714
|
-
|
|
1715
|
-
i1$
|
|
1809
|
+
SkyDescriptionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListModule, imports: [[
|
|
1810
|
+
i3.CommonModule,
|
|
1811
|
+
i1$1.SkyI18nModule,
|
|
1716
1812
|
SkyLayoutResourcesModule,
|
|
1717
|
-
i3.SkyThemeModule
|
|
1813
|
+
i3$1.SkyThemeModule,
|
|
1718
1814
|
]] });
|
|
1719
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1815
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyDescriptionListModule, decorators: [{
|
|
1720
1816
|
type: i0.NgModule,
|
|
1721
1817
|
args: [{
|
|
1722
1818
|
declarations: [
|
|
1723
1819
|
SkyDescriptionListComponent,
|
|
1724
1820
|
SkyDescriptionListContentComponent,
|
|
1725
1821
|
SkyDescriptionListTermComponent,
|
|
1726
|
-
SkyDescriptionListDescriptionComponent
|
|
1822
|
+
SkyDescriptionListDescriptionComponent,
|
|
1727
1823
|
],
|
|
1728
1824
|
imports: [
|
|
1729
|
-
|
|
1730
|
-
i1$
|
|
1825
|
+
i3.CommonModule,
|
|
1826
|
+
i1$1.SkyI18nModule,
|
|
1731
1827
|
SkyLayoutResourcesModule,
|
|
1732
|
-
i3.SkyThemeModule
|
|
1828
|
+
i3$1.SkyThemeModule,
|
|
1733
1829
|
],
|
|
1734
1830
|
exports: [
|
|
1735
1831
|
SkyDescriptionListComponent,
|
|
1736
1832
|
SkyDescriptionListContentComponent,
|
|
1737
1833
|
SkyDescriptionListTermComponent,
|
|
1738
|
-
SkyDescriptionListDescriptionComponent
|
|
1739
|
-
]
|
|
1834
|
+
SkyDescriptionListDescriptionComponent,
|
|
1835
|
+
],
|
|
1740
1836
|
}]
|
|
1741
1837
|
}] });
|
|
1742
1838
|
|
|
@@ -1798,14 +1894,14 @@
|
|
|
1798
1894
|
}
|
|
1799
1895
|
return SkyRowComponent;
|
|
1800
1896
|
}());
|
|
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.
|
|
1897
|
+
SkyRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyRowComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1898
|
+
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"] }] });
|
|
1899
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyRowComponent, decorators: [{
|
|
1804
1900
|
type: i0.Component,
|
|
1805
1901
|
args: [{
|
|
1806
1902
|
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"]
|
|
1903
|
+
template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n",
|
|
1904
|
+
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
1905
|
}]
|
|
1810
1906
|
}], propDecorators: { reverseColumnOrder: [{
|
|
1811
1907
|
type: i0.Input
|
|
@@ -1816,14 +1912,15 @@
|
|
|
1816
1912
|
}
|
|
1817
1913
|
SkyColumnComponent.prototype.ngOnChanges = function (changes) {
|
|
1818
1914
|
/* istanbul ignore else */
|
|
1819
|
-
if (changes.screenXSmall ||
|
|
1915
|
+
if (changes.screenXSmall ||
|
|
1916
|
+
changes.screenSmall ||
|
|
1917
|
+
changes.screenMedium ||
|
|
1918
|
+
changes.screenLarge) {
|
|
1820
1919
|
this.classnames = this.getClassNames();
|
|
1821
1920
|
}
|
|
1822
1921
|
};
|
|
1823
1922
|
SkyColumnComponent.prototype.getClassNames = function () {
|
|
1824
|
-
var classnames = [
|
|
1825
|
-
'sky-column'
|
|
1826
|
-
];
|
|
1923
|
+
var classnames = ['sky-column'];
|
|
1827
1924
|
if (this.screenXSmall) {
|
|
1828
1925
|
classnames.push("sky-column-xs-" + this.screenXSmall);
|
|
1829
1926
|
}
|
|
@@ -1843,15 +1940,15 @@
|
|
|
1843
1940
|
};
|
|
1844
1941
|
return SkyColumnComponent;
|
|
1845
1942
|
}());
|
|
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.
|
|
1943
|
+
SkyColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyColumnComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1944
|
+
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: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 });
|
|
1945
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyColumnComponent, decorators: [{
|
|
1849
1946
|
type: i0.Component,
|
|
1850
1947
|
args: [{
|
|
1851
1948
|
selector: 'sky-column',
|
|
1852
1949
|
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
|
|
1950
|
+
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"],
|
|
1951
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1855
1952
|
}]
|
|
1856
1953
|
}], propDecorators: { screenXSmall: [{
|
|
1857
1954
|
type: i0.Input
|
|
@@ -1928,14 +2025,14 @@
|
|
|
1928
2025
|
});
|
|
1929
2026
|
return SkyFluidGridComponent;
|
|
1930
2027
|
}());
|
|
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.
|
|
2028
|
+
SkyFluidGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2029
|
+
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"] }] });
|
|
2030
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridComponent, decorators: [{
|
|
1934
2031
|
type: i0.Component,
|
|
1935
2032
|
args: [{
|
|
1936
2033
|
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"]
|
|
2034
|
+
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",
|
|
2035
|
+
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
2036
|
}]
|
|
1940
2037
|
}], propDecorators: { disableMargin: [{
|
|
1941
2038
|
type: i0.Input
|
|
@@ -1948,31 +2045,15 @@
|
|
|
1948
2045
|
}
|
|
1949
2046
|
return SkyFluidGridModule;
|
|
1950
2047
|
}());
|
|
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
|
-
i1.CommonModule
|
|
1959
|
-
]] });
|
|
1960
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFluidGridModule, decorators: [{
|
|
2048
|
+
SkyFluidGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2049
|
+
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] });
|
|
2050
|
+
SkyFluidGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridModule, imports: [[i3.CommonModule]] });
|
|
2051
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFluidGridModule, decorators: [{
|
|
1961
2052
|
type: i0.NgModule,
|
|
1962
2053
|
args: [{
|
|
1963
|
-
imports: [
|
|
1964
|
-
|
|
1965
|
-
],
|
|
1966
|
-
declarations: [
|
|
1967
|
-
SkyRowComponent,
|
|
1968
|
-
SkyColumnComponent,
|
|
1969
|
-
SkyFluidGridComponent
|
|
1970
|
-
],
|
|
1971
|
-
exports: [
|
|
1972
|
-
SkyRowComponent,
|
|
1973
|
-
SkyColumnComponent,
|
|
1974
|
-
SkyFluidGridComponent
|
|
1975
|
-
]
|
|
2054
|
+
imports: [i3.CommonModule],
|
|
2055
|
+
declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
2056
|
+
exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1976
2057
|
}]
|
|
1977
2058
|
}] });
|
|
1978
2059
|
|
|
@@ -2361,14 +2442,14 @@
|
|
|
2361
2442
|
};
|
|
2362
2443
|
return SkyFormatComponent;
|
|
2363
2444
|
}());
|
|
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.
|
|
2445
|
+
SkyFormatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2446
|
+
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 });
|
|
2447
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatComponent, decorators: [{
|
|
2367
2448
|
type: i0.Component,
|
|
2368
2449
|
args: [{
|
|
2369
2450
|
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
|
|
2451
|
+
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",
|
|
2452
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2372
2453
|
}]
|
|
2373
2454
|
}], propDecorators: { text: [{
|
|
2374
2455
|
type: i0.Input
|
|
@@ -2381,23 +2462,15 @@
|
|
|
2381
2462
|
}
|
|
2382
2463
|
return SkyFormatModule;
|
|
2383
2464
|
}());
|
|
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: [{
|
|
2465
|
+
SkyFormatModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2466
|
+
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] });
|
|
2467
|
+
SkyFormatModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatModule, imports: [[i3.CommonModule]] });
|
|
2468
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyFormatModule, decorators: [{
|
|
2390
2469
|
type: i0.NgModule,
|
|
2391
2470
|
args: [{
|
|
2392
|
-
declarations: [
|
|
2393
|
-
|
|
2394
|
-
],
|
|
2395
|
-
imports: [
|
|
2396
|
-
i1.CommonModule
|
|
2397
|
-
],
|
|
2398
|
-
exports: [
|
|
2399
|
-
SkyFormatComponent
|
|
2400
|
-
]
|
|
2471
|
+
declarations: [SkyFormatComponent],
|
|
2472
|
+
imports: [i3.CommonModule],
|
|
2473
|
+
exports: [SkyFormatComponent],
|
|
2401
2474
|
}]
|
|
2402
2475
|
}] });
|
|
2403
2476
|
|
|
@@ -2422,9 +2495,9 @@
|
|
|
2422
2495
|
};
|
|
2423
2496
|
return SkyPageThemeAdapterService;
|
|
2424
2497
|
}());
|
|
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.
|
|
2498
|
+
SkyPageThemeAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageThemeAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2499
|
+
SkyPageThemeAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageThemeAdapterService });
|
|
2500
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageThemeAdapterService, decorators: [{
|
|
2428
2501
|
type: i0.Injectable
|
|
2429
2502
|
}] });
|
|
2430
2503
|
|
|
@@ -2445,14 +2518,14 @@
|
|
|
2445
2518
|
};
|
|
2446
2519
|
return SkyPageComponent;
|
|
2447
2520
|
}());
|
|
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.
|
|
2521
|
+
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 });
|
|
2522
|
+
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" });
|
|
2523
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageComponent, decorators: [{
|
|
2451
2524
|
type: i0.Component,
|
|
2452
2525
|
args: [{
|
|
2453
2526
|
selector: 'sky-page',
|
|
2454
2527
|
template: "<div class=\"sky-theme-default\">\n <ng-content></ng-content>\n</div>\n",
|
|
2455
|
-
providers: [SkyPageThemeAdapterService]
|
|
2528
|
+
providers: [SkyPageThemeAdapterService],
|
|
2456
2529
|
}]
|
|
2457
2530
|
}], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; } });
|
|
2458
2531
|
|
|
@@ -2461,18 +2534,14 @@
|
|
|
2461
2534
|
}
|
|
2462
2535
|
return SkyPageModule;
|
|
2463
2536
|
}());
|
|
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.
|
|
2537
|
+
SkyPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2538
|
+
SkyPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageModule, declarations: [SkyPageComponent], exports: [SkyPageComponent] });
|
|
2539
|
+
SkyPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageModule });
|
|
2540
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageModule, decorators: [{
|
|
2468
2541
|
type: i0.NgModule,
|
|
2469
2542
|
args: [{
|
|
2470
|
-
declarations: [
|
|
2471
|
-
|
|
2472
|
-
],
|
|
2473
|
-
exports: [
|
|
2474
|
-
SkyPageComponent
|
|
2475
|
-
]
|
|
2543
|
+
declarations: [SkyPageComponent],
|
|
2544
|
+
exports: [SkyPageComponent],
|
|
2476
2545
|
}]
|
|
2477
2546
|
}] });
|
|
2478
2547
|
|
|
@@ -2487,14 +2556,14 @@
|
|
|
2487
2556
|
}
|
|
2488
2557
|
return SkyPageSummaryAlertComponent;
|
|
2489
2558
|
}());
|
|
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.
|
|
2559
|
+
SkyPageSummaryAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2560
|
+
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"] });
|
|
2561
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, decorators: [{
|
|
2493
2562
|
type: i0.Component,
|
|
2494
2563
|
args: [{
|
|
2495
2564
|
selector: 'sky-page-summary-alert',
|
|
2496
2565
|
template: "<ng-content></ng-content>\n",
|
|
2497
|
-
styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"]
|
|
2566
|
+
styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"],
|
|
2498
2567
|
}]
|
|
2499
2568
|
}] });
|
|
2500
2569
|
|
|
@@ -2508,14 +2577,14 @@
|
|
|
2508
2577
|
}
|
|
2509
2578
|
return SkyPageSummaryContentComponent;
|
|
2510
2579
|
}());
|
|
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.
|
|
2580
|
+
SkyPageSummaryContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2581
|
+
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"] });
|
|
2582
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, decorators: [{
|
|
2514
2583
|
type: i0.Component,
|
|
2515
2584
|
args: [{
|
|
2516
2585
|
selector: 'sky-page-summary-content',
|
|
2517
2586
|
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"]
|
|
2587
|
+
styles: [".sky-page-summary-content{margin-top:20px}\n"],
|
|
2519
2588
|
}]
|
|
2520
2589
|
}] });
|
|
2521
2590
|
|
|
@@ -2530,14 +2599,14 @@
|
|
|
2530
2599
|
}
|
|
2531
2600
|
return SkyPageSummaryImageComponent;
|
|
2532
2601
|
}());
|
|
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.
|
|
2602
|
+
SkyPageSummaryImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2603
|
+
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"] });
|
|
2604
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, decorators: [{
|
|
2536
2605
|
type: i0.Component,
|
|
2537
2606
|
args: [{
|
|
2538
2607
|
selector: 'sky-page-summary-image',
|
|
2539
2608
|
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"]
|
|
2609
|
+
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
2610
|
}]
|
|
2542
2611
|
}] });
|
|
2543
2612
|
|
|
@@ -2550,14 +2619,14 @@
|
|
|
2550
2619
|
}
|
|
2551
2620
|
return SkyPageSummaryKeyInfoComponent;
|
|
2552
2621
|
}());
|
|
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.
|
|
2622
|
+
SkyPageSummaryKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2623
|
+
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"] });
|
|
2624
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, decorators: [{
|
|
2556
2625
|
type: i0.Component,
|
|
2557
2626
|
args: [{
|
|
2558
2627
|
selector: 'sky-page-summary-key-info',
|
|
2559
2628
|
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"]
|
|
2629
|
+
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
2630
|
}]
|
|
2562
2631
|
}] });
|
|
2563
2632
|
|
|
@@ -2572,14 +2641,14 @@
|
|
|
2572
2641
|
}
|
|
2573
2642
|
return SkyPageSummaryStatusComponent;
|
|
2574
2643
|
}());
|
|
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.
|
|
2644
|
+
SkyPageSummaryStatusComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2645
|
+
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"] });
|
|
2646
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, decorators: [{
|
|
2578
2647
|
type: i0.Component,
|
|
2579
2648
|
args: [{
|
|
2580
2649
|
selector: 'sky-page-summary-status',
|
|
2581
2650
|
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"]
|
|
2651
|
+
styles: [".sky-page-summary-status{margin-top:10px}.sky-page-summary-status ::ng-deep .sky-label{margin-right:5px}\n"],
|
|
2583
2652
|
}]
|
|
2584
2653
|
}] });
|
|
2585
2654
|
|
|
@@ -2593,14 +2662,14 @@
|
|
|
2593
2662
|
}
|
|
2594
2663
|
return SkyPageSummarySubtitleComponent;
|
|
2595
2664
|
}());
|
|
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.
|
|
2665
|
+
SkyPageSummarySubtitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2666
|
+
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"] });
|
|
2667
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, decorators: [{
|
|
2599
2668
|
type: i0.Component,
|
|
2600
2669
|
args: [{
|
|
2601
2670
|
selector: 'sky-page-summary-subtitle',
|
|
2602
2671
|
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"]
|
|
2672
|
+
styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"],
|
|
2604
2673
|
}]
|
|
2605
2674
|
}] });
|
|
2606
2675
|
|
|
@@ -2614,14 +2683,14 @@
|
|
|
2614
2683
|
}
|
|
2615
2684
|
return SkyPageSummaryTitleComponent;
|
|
2616
2685
|
}());
|
|
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.
|
|
2686
|
+
SkyPageSummaryTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2687
|
+
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"] });
|
|
2688
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, decorators: [{
|
|
2620
2689
|
type: i0.Component,
|
|
2621
2690
|
args: [{
|
|
2622
2691
|
selector: 'sky-page-summary-title',
|
|
2623
2692
|
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"]
|
|
2693
|
+
styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"],
|
|
2625
2694
|
}]
|
|
2626
2695
|
}] });
|
|
2627
2696
|
|
|
@@ -2643,9 +2712,9 @@
|
|
|
2643
2712
|
};
|
|
2644
2713
|
return SkyPageSummaryAdapterService;
|
|
2645
2714
|
}());
|
|
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.
|
|
2715
|
+
SkyPageSummaryAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2716
|
+
SkyPageSummaryAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAdapterService });
|
|
2717
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, decorators: [{
|
|
2649
2718
|
type: i0.Injectable
|
|
2650
2719
|
}] });
|
|
2651
2720
|
|
|
@@ -2660,7 +2729,7 @@
|
|
|
2660
2729
|
}
|
|
2661
2730
|
Object.defineProperty(SkyPageSummaryComponent.prototype, "hasKeyInfo", {
|
|
2662
2731
|
get: function () {
|
|
2663
|
-
return
|
|
2732
|
+
return this.keyInfoComponents.length > 0;
|
|
2664
2733
|
},
|
|
2665
2734
|
enumerable: false,
|
|
2666
2735
|
configurable: true
|
|
@@ -2668,7 +2737,7 @@
|
|
|
2668
2737
|
SkyPageSummaryComponent.prototype.ngAfterViewInit = function () {
|
|
2669
2738
|
var _this = this;
|
|
2670
2739
|
this.breakpointSubscription = this.mediaQueryService.subscribe(function (args) {
|
|
2671
|
-
_this.adapter.updateKeyInfoLocation(_this.elRef, args === i1
|
|
2740
|
+
_this.adapter.updateKeyInfoLocation(_this.elRef, args === i1.SkyMediaBreakpoints.xs);
|
|
2672
2741
|
});
|
|
2673
2742
|
};
|
|
2674
2743
|
SkyPageSummaryComponent.prototype.ngOnDestroy = function () {
|
|
@@ -2680,19 +2749,21 @@
|
|
|
2680
2749
|
};
|
|
2681
2750
|
return SkyPageSummaryComponent;
|
|
2682
2751
|
}());
|
|
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.
|
|
2752
|
+
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 });
|
|
2753
|
+
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"] }] });
|
|
2754
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryComponent, decorators: [{
|
|
2686
2755
|
type: i0.Component,
|
|
2687
2756
|
args: [{
|
|
2688
2757
|
selector: 'sky-page-summary',
|
|
2689
|
-
template: "<div\n
|
|
2758
|
+
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
2759
|
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]
|
|
2760
|
+
providers: [SkyPageSummaryAdapterService],
|
|
2692
2761
|
}]
|
|
2693
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1__namespace
|
|
2762
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { keyInfoComponents: [{
|
|
2694
2763
|
type: i0.ContentChildren,
|
|
2695
|
-
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2764
|
+
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2765
|
+
read: SkyPageSummaryKeyInfoComponent,
|
|
2766
|
+
}]
|
|
2696
2767
|
}] } });
|
|
2697
2768
|
|
|
2698
2769
|
var SkyPageSummaryModule = /** @class */ (function () {
|
|
@@ -2700,15 +2771,15 @@
|
|
|
2700
2771
|
}
|
|
2701
2772
|
return SkyPageSummaryModule;
|
|
2702
2773
|
}());
|
|
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.
|
|
2774
|
+
SkyPageSummaryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2775
|
+
SkyPageSummaryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryModule, declarations: [SkyPageSummaryAlertComponent,
|
|
2705
2776
|
SkyPageSummaryComponent,
|
|
2706
2777
|
SkyPageSummaryContentComponent,
|
|
2707
2778
|
SkyPageSummaryImageComponent,
|
|
2708
2779
|
SkyPageSummaryKeyInfoComponent,
|
|
2709
2780
|
SkyPageSummaryStatusComponent,
|
|
2710
2781
|
SkyPageSummarySubtitleComponent,
|
|
2711
|
-
SkyPageSummaryTitleComponent], imports: [
|
|
2782
|
+
SkyPageSummaryTitleComponent], imports: [i3.CommonModule], exports: [SkyPageSummaryAlertComponent,
|
|
2712
2783
|
SkyPageSummaryComponent,
|
|
2713
2784
|
SkyPageSummaryContentComponent,
|
|
2714
2785
|
SkyPageSummaryImageComponent,
|
|
@@ -2716,10 +2787,8 @@
|
|
|
2716
2787
|
SkyPageSummaryStatusComponent,
|
|
2717
2788
|
SkyPageSummarySubtitleComponent,
|
|
2718
2789
|
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: [{
|
|
2790
|
+
SkyPageSummaryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryModule, imports: [[i3.CommonModule]] });
|
|
2791
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyPageSummaryModule, decorators: [{
|
|
2723
2792
|
type: i0.NgModule,
|
|
2724
2793
|
args: [{
|
|
2725
2794
|
declarations: [
|
|
@@ -2730,11 +2799,9 @@
|
|
|
2730
2799
|
SkyPageSummaryKeyInfoComponent,
|
|
2731
2800
|
SkyPageSummaryStatusComponent,
|
|
2732
2801
|
SkyPageSummarySubtitleComponent,
|
|
2733
|
-
SkyPageSummaryTitleComponent
|
|
2734
|
-
],
|
|
2735
|
-
imports: [
|
|
2736
|
-
i1.CommonModule
|
|
2802
|
+
SkyPageSummaryTitleComponent,
|
|
2737
2803
|
],
|
|
2804
|
+
imports: [i3.CommonModule],
|
|
2738
2805
|
exports: [
|
|
2739
2806
|
SkyPageSummaryAlertComponent,
|
|
2740
2807
|
SkyPageSummaryComponent,
|
|
@@ -2743,8 +2810,8 @@
|
|
|
2743
2810
|
SkyPageSummaryKeyInfoComponent,
|
|
2744
2811
|
SkyPageSummaryStatusComponent,
|
|
2745
2812
|
SkyPageSummarySubtitleComponent,
|
|
2746
|
-
SkyPageSummaryTitleComponent
|
|
2747
|
-
]
|
|
2813
|
+
SkyPageSummaryTitleComponent,
|
|
2814
|
+
],
|
|
2748
2815
|
}]
|
|
2749
2816
|
}] });
|
|
2750
2817
|
|
|
@@ -2772,9 +2839,9 @@
|
|
|
2772
2839
|
};
|
|
2773
2840
|
return SkyTextExpandAdapterService;
|
|
2774
2841
|
}());
|
|
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.
|
|
2842
|
+
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 });
|
|
2843
|
+
SkyTextExpandAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandAdapterService });
|
|
2844
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandAdapterService, decorators: [{
|
|
2778
2845
|
type: i0.Injectable
|
|
2779
2846
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
2780
2847
|
|
|
@@ -2800,14 +2867,14 @@
|
|
|
2800
2867
|
};
|
|
2801
2868
|
return SkyTextExpandModalComponent;
|
|
2802
2869
|
}());
|
|
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.
|
|
2870
|
+
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 });
|
|
2871
|
+
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 } });
|
|
2872
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModalComponent, decorators: [{
|
|
2806
2873
|
type: i0.Component,
|
|
2807
2874
|
args: [{
|
|
2808
2875
|
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"]
|
|
2876
|
+
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",
|
|
2877
|
+
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
2878
|
}]
|
|
2812
2879
|
}], ctorParameters: function () { return [{ type: SkyTextExpandModalContext }, { type: i2__namespace$2.SkyModalInstance }]; } });
|
|
2813
2880
|
|
|
@@ -2885,9 +2952,9 @@
|
|
|
2885
2952
|
provide: SkyTextExpandModalContext,
|
|
2886
2953
|
useValue: {
|
|
2887
2954
|
header: this.expandModalTitle,
|
|
2888
|
-
text: this.expandedText
|
|
2889
|
-
}
|
|
2890
|
-
}
|
|
2955
|
+
text: this.expandedText,
|
|
2956
|
+
},
|
|
2957
|
+
},
|
|
2891
2958
|
]);
|
|
2892
2959
|
}
|
|
2893
2960
|
}
|
|
@@ -2897,16 +2964,14 @@
|
|
|
2897
2964
|
this.setContainerMaxHeight();
|
|
2898
2965
|
setTimeout(function () {
|
|
2899
2966
|
_this.isExpanded = true;
|
|
2900
|
-
_this
|
|
2901
|
-
.animateText(_this.collapsedText, _this.expandedText, true);
|
|
2967
|
+
_this.animateText(_this.collapsedText, _this.expandedText, true);
|
|
2902
2968
|
}, 10);
|
|
2903
2969
|
}
|
|
2904
2970
|
else {
|
|
2905
2971
|
this.setContainerMaxHeight();
|
|
2906
2972
|
setTimeout(function () {
|
|
2907
2973
|
_this.isExpanded = false;
|
|
2908
|
-
_this
|
|
2909
|
-
.animateText(_this.expandedText, _this.collapsedText, false);
|
|
2974
|
+
_this.animateText(_this.expandedText, _this.collapsedText, false);
|
|
2910
2975
|
}, 10);
|
|
2911
2976
|
}
|
|
2912
2977
|
}
|
|
@@ -2921,7 +2986,7 @@
|
|
|
2921
2986
|
var _this = this;
|
|
2922
2987
|
rxjs.forkJoin([
|
|
2923
2988
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
2924
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
2989
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
2925
2990
|
])
|
|
2926
2991
|
.pipe(operators.take(1))
|
|
2927
2992
|
.subscribe(function (resources) {
|
|
@@ -2930,7 +2995,8 @@
|
|
|
2930
2995
|
_this.setup(_this.expandedText);
|
|
2931
2996
|
/* istanbul ignore else */
|
|
2932
2997
|
if (!_this.expandModalTitle) {
|
|
2933
|
-
_this.resources
|
|
2998
|
+
_this.resources
|
|
2999
|
+
.getString('skyux_text_expand_modal_title')
|
|
2934
3000
|
.pipe(operators.take(1))
|
|
2935
3001
|
.subscribe(function (resource) {
|
|
2936
3002
|
_this.expandModalTitle = resource;
|
|
@@ -2955,8 +3021,9 @@
|
|
|
2955
3021
|
this.buttonText = this.seeMoreText;
|
|
2956
3022
|
this.isExpanded = false;
|
|
2957
3023
|
this.expandable = true;
|
|
2958
|
-
this.isModal =
|
|
2959
|
-
|
|
3024
|
+
this.isModal =
|
|
3025
|
+
this.newlineCount > this.maxExpandedNewlines ||
|
|
3026
|
+
this.expandedText.length > this.maxExpandedLength;
|
|
2960
3027
|
}
|
|
2961
3028
|
else {
|
|
2962
3029
|
this.expandable = false;
|
|
@@ -3026,21 +3093,17 @@
|
|
|
3026
3093
|
};
|
|
3027
3094
|
return SkyTextExpandComponent;
|
|
3028
3095
|
}());
|
|
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: i1__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: [{
|
|
3096
|
+
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 });
|
|
3097
|
+
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"] }] });
|
|
3098
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandComponent, decorators: [{
|
|
3034
3099
|
type: i0.Component,
|
|
3035
3100
|
args: [{
|
|
3036
3101
|
selector: 'sky-text-expand',
|
|
3037
|
-
template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n
|
|
3102
|
+
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
3103
|
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
|
-
]
|
|
3104
|
+
providers: [SkyTextExpandAdapterService],
|
|
3042
3105
|
}]
|
|
3043
|
-
}], ctorParameters: function () { return [{ type: i1__namespace$
|
|
3106
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i2__namespace$2.SkyModalService }, { type: SkyTextExpandAdapterService }]; }, propDecorators: { expandModalTitle: [{
|
|
3044
3107
|
type: i0.Input
|
|
3045
3108
|
}], maxExpandedLength: [{
|
|
3046
3109
|
type: i0.Input
|
|
@@ -3056,13 +3119,13 @@
|
|
|
3056
3119
|
type: i0.ViewChild,
|
|
3057
3120
|
args: ['container', {
|
|
3058
3121
|
read: i0.ElementRef,
|
|
3059
|
-
static: true
|
|
3122
|
+
static: true,
|
|
3060
3123
|
}]
|
|
3061
3124
|
}], textEl: [{
|
|
3062
3125
|
type: i0.ViewChild,
|
|
3063
3126
|
args: ['text', {
|
|
3064
3127
|
read: i0.ElementRef,
|
|
3065
|
-
static: true
|
|
3128
|
+
static: true,
|
|
3066
3129
|
}]
|
|
3067
3130
|
}] } });
|
|
3068
3131
|
|
|
@@ -3071,37 +3134,29 @@
|
|
|
3071
3134
|
}
|
|
3072
3135
|
return SkyTextExpandModule;
|
|
3073
3136
|
}());
|
|
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$2.SkyI18nModule,
|
|
3137
|
+
SkyTextExpandModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3138
|
+
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
3139
|
SkyLayoutResourcesModule,
|
|
3078
3140
|
i2$2.SkyModalModule,
|
|
3079
|
-
|
|
3080
|
-
SkyTextExpandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
3081
|
-
i1$
|
|
3141
|
+
i3.CommonModule], exports: [SkyTextExpandComponent] });
|
|
3142
|
+
SkyTextExpandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModule, imports: [[
|
|
3143
|
+
i1$1.SkyI18nModule,
|
|
3082
3144
|
SkyLayoutResourcesModule,
|
|
3083
3145
|
i2$2.SkyModalModule,
|
|
3084
|
-
|
|
3146
|
+
i3.CommonModule,
|
|
3085
3147
|
]] });
|
|
3086
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3148
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandModule, decorators: [{
|
|
3087
3149
|
type: i0.NgModule,
|
|
3088
3150
|
args: [{
|
|
3089
|
-
declarations: [
|
|
3090
|
-
SkyTextExpandComponent,
|
|
3091
|
-
SkyTextExpandModalComponent
|
|
3092
|
-
],
|
|
3151
|
+
declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],
|
|
3093
3152
|
imports: [
|
|
3094
|
-
i1$
|
|
3153
|
+
i1$1.SkyI18nModule,
|
|
3095
3154
|
SkyLayoutResourcesModule,
|
|
3096
3155
|
i2$2.SkyModalModule,
|
|
3097
|
-
|
|
3098
|
-
],
|
|
3099
|
-
exports: [
|
|
3100
|
-
SkyTextExpandComponent
|
|
3156
|
+
i3.CommonModule,
|
|
3101
3157
|
],
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
]
|
|
3158
|
+
exports: [SkyTextExpandComponent],
|
|
3159
|
+
entryComponents: [SkyTextExpandModalComponent],
|
|
3105
3160
|
}]
|
|
3106
3161
|
}] });
|
|
3107
3162
|
|
|
@@ -3135,9 +3190,9 @@
|
|
|
3135
3190
|
};
|
|
3136
3191
|
return SkyTextExpandRepeaterAdapterService;
|
|
3137
3192
|
}());
|
|
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.
|
|
3193
|
+
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 });
|
|
3194
|
+
SkyTextExpandRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService });
|
|
3195
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService, decorators: [{
|
|
3141
3196
|
type: i0.Injectable
|
|
3142
3197
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
3143
3198
|
|
|
@@ -3151,6 +3206,11 @@
|
|
|
3151
3206
|
this.elRef = elRef;
|
|
3152
3207
|
this.textExpandRepeaterAdapter = textExpandRepeaterAdapter;
|
|
3153
3208
|
this.changeDetector = changeDetector;
|
|
3209
|
+
/**
|
|
3210
|
+
* Specifies the style of bullet to use
|
|
3211
|
+
* @default 'unordered'
|
|
3212
|
+
*/
|
|
3213
|
+
this.listStyle = 'unordered';
|
|
3154
3214
|
this.contentSectionId = "sky-text-expand-repeater-content-" + ++nextId;
|
|
3155
3215
|
this.isExpanded = false;
|
|
3156
3216
|
}
|
|
@@ -3164,7 +3224,7 @@
|
|
|
3164
3224
|
}
|
|
3165
3225
|
rxjs.forkJoin([
|
|
3166
3226
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
3167
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
3227
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
3168
3228
|
])
|
|
3169
3229
|
.pipe(operators.take(1))
|
|
3170
3230
|
.subscribe(function (resources) {
|
|
@@ -3281,31 +3341,29 @@
|
|
|
3281
3341
|
};
|
|
3282
3342
|
return SkyTextExpandRepeaterComponent;
|
|
3283
3343
|
}());
|
|
3284
|
-
SkyTextExpandRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3285
|
-
SkyTextExpandRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3286
|
-
|
|
3287
|
-
], 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 class=\"sky-text-expand-repeater-container\" [id]=\"contentSectionId\" (transitionend)=\"animationEnd()\" #container>\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 </ul>\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 >\n {{buttonText}}\n </button>\n</div>\n\n<ng-template\n let-item\n #defaultItemTemplate\n>\n {{ item }}\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}\n"], directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3288
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
3344
|
+
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 });
|
|
3345
|
+
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"] }] });
|
|
3346
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
3289
3347
|
type: i0.Component,
|
|
3290
3348
|
args: [{
|
|
3291
3349
|
selector: 'sky-text-expand-repeater',
|
|
3292
|
-
template: "<div class=\"sky-text-expand-repeater\">\n <ul class=\"sky-text-expand-repeater-container\"
|
|
3293
|
-
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}\n"],
|
|
3294
|
-
providers: [
|
|
3295
|
-
SkyTextExpandRepeaterAdapterService
|
|
3296
|
-
]
|
|
3350
|
+
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",
|
|
3351
|
+
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"],
|
|
3352
|
+
providers: [SkyTextExpandRepeaterAdapterService],
|
|
3297
3353
|
}]
|
|
3298
|
-
}], ctorParameters: function () { return [{ type: i1__namespace$
|
|
3354
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i0__namespace.ElementRef }, { type: SkyTextExpandRepeaterAdapterService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { data: [{
|
|
3299
3355
|
type: i0.Input
|
|
3300
3356
|
}], itemTemplate: [{
|
|
3301
3357
|
type: i0.Input
|
|
3358
|
+
}], listStyle: [{
|
|
3359
|
+
type: i0.Input
|
|
3302
3360
|
}], maxItems: [{
|
|
3303
3361
|
type: i0.Input
|
|
3304
3362
|
}], containerEl: [{
|
|
3305
3363
|
type: i0.ViewChild,
|
|
3306
3364
|
args: ['container', {
|
|
3307
3365
|
read: i0.ElementRef,
|
|
3308
|
-
static: false
|
|
3366
|
+
static: false,
|
|
3309
3367
|
}]
|
|
3310
3368
|
}] } });
|
|
3311
3369
|
|
|
@@ -3314,29 +3372,15 @@
|
|
|
3314
3372
|
}
|
|
3315
3373
|
return SkyTextExpandRepeaterModule;
|
|
3316
3374
|
}());
|
|
3317
|
-
SkyTextExpandRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3318
|
-
SkyTextExpandRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
SkyTextExpandRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, imports: [[
|
|
3322
|
-
i1$2.SkyI18nModule,
|
|
3323
|
-
SkyLayoutResourcesModule,
|
|
3324
|
-
i1.CommonModule
|
|
3325
|
-
]] });
|
|
3326
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
3375
|
+
SkyTextExpandRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3376
|
+
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] });
|
|
3377
|
+
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]] });
|
|
3378
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
3327
3379
|
type: i0.NgModule,
|
|
3328
3380
|
args: [{
|
|
3329
|
-
declarations: [
|
|
3330
|
-
|
|
3331
|
-
],
|
|
3332
|
-
imports: [
|
|
3333
|
-
i1$2.SkyI18nModule,
|
|
3334
|
-
SkyLayoutResourcesModule,
|
|
3335
|
-
i1.CommonModule
|
|
3336
|
-
],
|
|
3337
|
-
exports: [
|
|
3338
|
-
SkyTextExpandRepeaterComponent
|
|
3339
|
-
]
|
|
3381
|
+
declarations: [SkyTextExpandRepeaterComponent],
|
|
3382
|
+
imports: [i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule],
|
|
3383
|
+
exports: [SkyTextExpandRepeaterComponent],
|
|
3340
3384
|
}]
|
|
3341
3385
|
}] });
|
|
3342
3386
|
|
|
@@ -3348,14 +3392,14 @@
|
|
|
3348
3392
|
}
|
|
3349
3393
|
return SkyToolbarSectionComponent;
|
|
3350
3394
|
}());
|
|
3351
|
-
SkyToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3352
|
-
SkyToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3353
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3395
|
+
SkyToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3396
|
+
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"] });
|
|
3397
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarSectionComponent, decorators: [{
|
|
3354
3398
|
type: i0.Component,
|
|
3355
3399
|
args: [{
|
|
3356
3400
|
selector: 'sky-toolbar-section',
|
|
3357
3401
|
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"],
|
|
3358
|
-
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"
|
|
3402
|
+
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",
|
|
3359
3403
|
}]
|
|
3360
3404
|
}] });
|
|
3361
3405
|
|
|
@@ -3371,14 +3415,14 @@
|
|
|
3371
3415
|
};
|
|
3372
3416
|
return SkyToolbarComponent;
|
|
3373
3417
|
}());
|
|
3374
|
-
SkyToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3375
|
-
SkyToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3376
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3418
|
+
SkyToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3419
|
+
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"] }] });
|
|
3420
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarComponent, decorators: [{
|
|
3377
3421
|
type: i0.Component,
|
|
3378
3422
|
args: [{
|
|
3379
3423
|
selector: 'sky-toolbar',
|
|
3380
3424
|
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"],
|
|
3381
|
-
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"
|
|
3425
|
+
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",
|
|
3382
3426
|
}]
|
|
3383
3427
|
}], propDecorators: { sectionComponents: [{
|
|
3384
3428
|
type: i0.ContentChildren,
|
|
@@ -3393,14 +3437,14 @@
|
|
|
3393
3437
|
}
|
|
3394
3438
|
return SkyToolbarItemComponent;
|
|
3395
3439
|
}());
|
|
3396
|
-
SkyToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3397
|
-
SkyToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3398
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3440
|
+
SkyToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3441
|
+
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"] });
|
|
3442
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarItemComponent, decorators: [{
|
|
3399
3443
|
type: i0.Component,
|
|
3400
3444
|
args: [{
|
|
3401
3445
|
selector: 'sky-toolbar-item',
|
|
3402
3446
|
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"],
|
|
3403
|
-
template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n"
|
|
3447
|
+
template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n",
|
|
3404
3448
|
}]
|
|
3405
3449
|
}] });
|
|
3406
3450
|
|
|
@@ -3413,15 +3457,15 @@
|
|
|
3413
3457
|
}
|
|
3414
3458
|
return SkyToolbarViewActionsComponent;
|
|
3415
3459
|
}());
|
|
3416
|
-
SkyToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3417
|
-
SkyToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3418
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3460
|
+
SkyToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3461
|
+
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 });
|
|
3462
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
3419
3463
|
type: i0.Component,
|
|
3420
3464
|
args: [{
|
|
3421
3465
|
selector: 'sky-toolbar-view-actions',
|
|
3422
|
-
template: "<div
|
|
3466
|
+
template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content></ng-content>\n</div>\n",
|
|
3423
3467
|
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"],
|
|
3424
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3468
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3425
3469
|
}]
|
|
3426
3470
|
}] });
|
|
3427
3471
|
|
|
@@ -3430,35 +3474,31 @@
|
|
|
3430
3474
|
}
|
|
3431
3475
|
return SkyToolbarModule;
|
|
3432
3476
|
}());
|
|
3433
|
-
SkyToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3434
|
-
SkyToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3477
|
+
SkyToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3478
|
+
SkyToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
|
|
3435
3479
|
SkyToolbarItemComponent,
|
|
3436
3480
|
SkyToolbarSectionComponent,
|
|
3437
|
-
SkyToolbarViewActionsComponent], imports: [
|
|
3481
|
+
SkyToolbarViewActionsComponent], imports: [i3.CommonModule], exports: [SkyToolbarComponent,
|
|
3438
3482
|
SkyToolbarItemComponent,
|
|
3439
3483
|
SkyToolbarSectionComponent,
|
|
3440
3484
|
SkyToolbarViewActionsComponent] });
|
|
3441
|
-
SkyToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
3442
|
-
|
|
3443
|
-
]] });
|
|
3444
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarModule, decorators: [{
|
|
3485
|
+
SkyToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarModule, imports: [[i3.CommonModule]] });
|
|
3486
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyToolbarModule, decorators: [{
|
|
3445
3487
|
type: i0.NgModule,
|
|
3446
3488
|
args: [{
|
|
3447
3489
|
declarations: [
|
|
3448
3490
|
SkyToolbarComponent,
|
|
3449
3491
|
SkyToolbarItemComponent,
|
|
3450
3492
|
SkyToolbarSectionComponent,
|
|
3451
|
-
SkyToolbarViewActionsComponent
|
|
3452
|
-
],
|
|
3453
|
-
imports: [
|
|
3454
|
-
i1.CommonModule
|
|
3493
|
+
SkyToolbarViewActionsComponent,
|
|
3455
3494
|
],
|
|
3495
|
+
imports: [i3.CommonModule],
|
|
3456
3496
|
exports: [
|
|
3457
3497
|
SkyToolbarComponent,
|
|
3458
3498
|
SkyToolbarItemComponent,
|
|
3459
3499
|
SkyToolbarSectionComponent,
|
|
3460
|
-
SkyToolbarViewActionsComponent
|
|
3461
|
-
]
|
|
3500
|
+
SkyToolbarViewActionsComponent,
|
|
3501
|
+
],
|
|
3462
3502
|
}]
|
|
3463
3503
|
}] });
|
|
3464
3504
|
|
|
@@ -3468,6 +3508,7 @@
|
|
|
3468
3508
|
|
|
3469
3509
|
exports.SkyActionButtonModule = SkyActionButtonModule;
|
|
3470
3510
|
exports.SkyBackToTopModule = SkyBackToTopModule;
|
|
3511
|
+
exports.SkyBoxModule = SkyBoxModule;
|
|
3471
3512
|
exports.SkyCardModule = SkyCardModule;
|
|
3472
3513
|
exports.SkyDefinitionListModule = SkyDefinitionListModule;
|
|
3473
3514
|
exports.SkyDescriptionListModule = SkyDescriptionListModule;
|
|
@@ -3514,6 +3555,10 @@
|
|
|
3514
3555
|
exports["λ39"] = SkyToolbarItemComponent;
|
|
3515
3556
|
exports["λ4"] = SkyActionButtonHeaderComponent;
|
|
3516
3557
|
exports["λ40"] = SkyToolbarViewActionsComponent;
|
|
3558
|
+
exports["λ41"] = SkyBoxComponent;
|
|
3559
|
+
exports["λ42"] = SkyBoxHeaderComponent;
|
|
3560
|
+
exports["λ43"] = SkyBoxContentComponent;
|
|
3561
|
+
exports["λ44"] = SkyBoxControlsComponent;
|
|
3517
3562
|
exports["λ5"] = SkyActionButtonIconComponent;
|
|
3518
3563
|
exports["λ6"] = SkyBackToTopComponent;
|
|
3519
3564
|
exports["λ7"] = SkyBackToTopDirective;
|