@skyux/layout 5.0.0-beta.7 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-layout-testing.umd.js +2 -2
- package/bundles/skyux-layout.umd.js +430 -429
- package/bundles/skyux-layout.umd.js.map +1 -1
- package/documentation.json +261 -222
- package/esm2015/modules/action-button/action-button-adapter-service.js +4 -4
- package/esm2015/modules/action-button/action-button-container.component.js +4 -4
- package/esm2015/modules/action-button/action-button-details.component.js +4 -4
- package/esm2015/modules/action-button/action-button-header.component.js +4 -4
- package/esm2015/modules/action-button/action-button-icon.component.js +4 -4
- package/esm2015/modules/action-button/action-button.component.js +4 -4
- package/esm2015/modules/action-button/action-button.module.js +5 -5
- package/esm2015/modules/back-to-top/back-to-top-adapter.service.js +4 -4
- package/esm2015/modules/back-to-top/back-to-top.component.js +4 -4
- package/esm2015/modules/back-to-top/back-to-top.directive.js +4 -4
- package/esm2015/modules/back-to-top/back-top-top.module.js +5 -5
- package/esm2015/modules/card/card-actions.component.js +4 -4
- package/esm2015/modules/card/card-content.component.js +4 -4
- package/esm2015/modules/card/card-title.component.js +4 -4
- package/esm2015/modules/card/card.component.js +4 -4
- package/esm2015/modules/card/card.module.js +5 -5
- package/esm2015/modules/definition-list/definition-list-content.component.js +4 -4
- package/esm2015/modules/definition-list/definition-list-heading.component.js +4 -4
- package/esm2015/modules/definition-list/definition-list-label.component.js +4 -4
- package/esm2015/modules/definition-list/definition-list-value.component.js +4 -4
- package/esm2015/modules/definition-list/definition-list.component.js +4 -4
- package/esm2015/modules/definition-list/definition-list.module.js +5 -5
- package/esm2015/modules/definition-list/definition-list.service.js +4 -4
- package/esm2015/modules/description-list/description-list-adapter-service.js +4 -4
- package/esm2015/modules/description-list/description-list-content.component.js +4 -4
- package/esm2015/modules/description-list/description-list-description.component.js +4 -4
- package/esm2015/modules/description-list/description-list-term.component.js +4 -4
- package/esm2015/modules/description-list/description-list.component.js +4 -4
- package/esm2015/modules/description-list/description-list.module.js +5 -5
- package/esm2015/modules/description-list/description-list.service.js +4 -4
- package/esm2015/modules/fluid-grid/column.component.js +4 -4
- package/esm2015/modules/fluid-grid/fluid-grid.component.js +4 -4
- package/esm2015/modules/fluid-grid/fluid-grid.module.js +5 -5
- package/esm2015/modules/fluid-grid/row.component.js +4 -4
- package/esm2015/modules/format/format.component.js +4 -4
- package/esm2015/modules/format/format.module.js +5 -5
- package/esm2015/modules/inline-delete/inline-delete-adapter.service.js +4 -4
- package/esm2015/modules/inline-delete/inline-delete.component.js +4 -4
- package/esm2015/modules/inline-delete/inline-delete.module.js +5 -5
- package/esm2015/modules/page/page-theme-adapter.service.js +4 -4
- package/esm2015/modules/page/page.component.js +4 -4
- package/esm2015/modules/page/page.module.js +5 -5
- package/esm2015/modules/page-summary/page-summary-adapter.service.js +4 -4
- package/esm2015/modules/page-summary/page-summary-alert.component.js +4 -4
- package/esm2015/modules/page-summary/page-summary-content.component.js +4 -4
- package/esm2015/modules/page-summary/page-summary-image.component.js +4 -4
- package/esm2015/modules/page-summary/page-summary-key-info.component.js +4 -4
- package/esm2015/modules/page-summary/page-summary-status.component.js +4 -4
- package/esm2015/modules/page-summary/page-summary-subtitle.component.js +4 -4
- package/esm2015/modules/page-summary/page-summary-title.component.js +4 -4
- package/esm2015/modules/page-summary/page-summary.component.js +4 -4
- package/esm2015/modules/page-summary/page-summary.module.js +5 -5
- package/esm2015/modules/shared/sky-layout-resources.module.js +5 -5
- package/esm2015/modules/text-expand/text-expand-adapter.service.js +4 -4
- package/esm2015/modules/text-expand/text-expand-modal.component.js +4 -4
- package/esm2015/modules/text-expand/text-expand.component.js +4 -4
- package/esm2015/modules/text-expand/text-expand.module.js +5 -5
- package/esm2015/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +4 -4
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.component.js +12 -5
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.module.js +5 -5
- package/esm2015/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +2 -0
- package/esm2015/modules/toolbar/toolbar-item.component.js +4 -4
- package/esm2015/modules/toolbar/toolbar-section.component.js +4 -4
- package/esm2015/modules/toolbar/toolbar-view-actions.component.js +4 -4
- package/esm2015/modules/toolbar/toolbar.component.js +4 -4
- package/esm2015/modules/toolbar/toolbar.module.js +5 -5
- package/esm2015/public-api.js +2 -1
- package/fesm2015/skyux-layout.js +237 -230
- package/fesm2015/skyux-layout.js.map +1 -1
- 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 +13 -13
- package/public-api.d.ts +1 -0
|
@@ -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;
|
|
@@ -13,27 +13,25 @@
|
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return e[k];
|
|
18
|
-
}
|
|
16
|
+
get: function () { return e[k]; }
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
|
-
n[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
27
|
-
var
|
|
25
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
28
26
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
29
27
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
30
28
|
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
|
31
29
|
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
32
|
-
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
30
|
+
var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
|
|
31
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
33
32
|
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
33
|
+
var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
|
|
34
34
|
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
|
|
35
|
-
var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
|
|
36
|
-
var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
|
|
37
35
|
var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
|
|
38
36
|
|
|
39
37
|
var RESPONSIVE_CLASS_SM = 'sky-action-button-container-sm';
|
|
@@ -72,9 +70,9 @@
|
|
|
72
70
|
};
|
|
73
71
|
return SkyActionButtonAdapterService;
|
|
74
72
|
}());
|
|
75
|
-
SkyActionButtonAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
76
|
-
SkyActionButtonAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
77
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
73
|
+
SkyActionButtonAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0__namespace, type: SkyActionButtonAdapterService });
|
|
75
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonAdapterService, decorators: [{
|
|
78
76
|
type: i0.Injectable
|
|
79
77
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
80
78
|
|
|
@@ -96,14 +94,14 @@
|
|
|
96
94
|
};
|
|
97
95
|
return SkyActionButtonComponent;
|
|
98
96
|
}());
|
|
99
|
-
SkyActionButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
100
|
-
SkyActionButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
101
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
97
|
+
SkyActionButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
98
|
+
SkyActionButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<a *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\">\n </ng-container>\n</a>\n\n<a *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\">\n </ng-container>\n</a>\n\n<div *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\">\n </ng-container>\n</div>\n\n<ng-template\n #actionButtonContent\n>\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.13", ngImport: i0__namespace, type: SkyActionButtonComponent, decorators: [{
|
|
102
100
|
type: i0.Component,
|
|
103
101
|
args: [{
|
|
104
102
|
selector: 'sky-action-button',
|
|
105
|
-
|
|
106
|
-
|
|
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 *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\">\n </ng-container>\n</a>\n\n<a *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\">\n </ng-container>\n</a>\n\n<div *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\">\n </ng-container>\n</div>\n\n<ng-template\n #actionButtonContent\n>\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",
|
|
107
105
|
encapsulation: i0.ViewEncapsulation.None
|
|
108
106
|
}]
|
|
109
107
|
}], propDecorators: { permalink: [{
|
|
@@ -228,23 +226,23 @@
|
|
|
228
226
|
};
|
|
229
227
|
return SkyActionButtonContainerComponent;
|
|
230
228
|
}());
|
|
231
|
-
SkyActionButtonContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
232
|
-
SkyActionButtonContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
229
|
+
SkyActionButtonContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", type: SkyActionButtonContainerComponent, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [
|
|
233
231
|
SkyActionButtonAdapterService
|
|
234
|
-
], 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:
|
|
235
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
232
|
+
], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-action-button-container\"\n #container\n>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left' : alignItems === 'left',\n 'sky-action-button-flex-align-center' : alignItems === 'center'\n }\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
233
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonContainerComponent, decorators: [{
|
|
236
234
|
type: i0.Component,
|
|
237
235
|
args: [{
|
|
238
236
|
selector: 'sky-action-button-container',
|
|
239
|
-
|
|
240
|
-
|
|
237
|
+
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\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",
|
|
241
239
|
providers: [
|
|
242
240
|
SkyActionButtonAdapterService
|
|
243
241
|
],
|
|
244
242
|
encapsulation: i0.ViewEncapsulation.None
|
|
245
243
|
}]
|
|
246
244
|
}], ctorParameters: function () {
|
|
247
|
-
return [{ type: SkyActionButtonAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace
|
|
245
|
+
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: [{
|
|
248
246
|
type: i0.Optional
|
|
249
247
|
}] }];
|
|
250
248
|
}, propDecorators: { alignItems: [{
|
|
@@ -271,13 +269,13 @@
|
|
|
271
269
|
}
|
|
272
270
|
return SkyActionButtonDetailsComponent;
|
|
273
271
|
}());
|
|
274
|
-
SkyActionButtonDetailsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
275
|
-
SkyActionButtonDetailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
276
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
272
|
+
SkyActionButtonDetailsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonDetailsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
273
|
+
SkyActionButtonDetailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
274
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonDetailsComponent, decorators: [{
|
|
277
275
|
type: i0.Component,
|
|
278
276
|
args: [{
|
|
279
277
|
selector: 'sky-action-button-details',
|
|
280
|
-
|
|
278
|
+
template: "<ng-content></ng-content>\n"
|
|
281
279
|
}]
|
|
282
280
|
}] });
|
|
283
281
|
|
|
@@ -289,14 +287,14 @@
|
|
|
289
287
|
}
|
|
290
288
|
return SkyActionButtonHeaderComponent;
|
|
291
289
|
}());
|
|
292
|
-
SkyActionButtonHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
293
|
-
SkyActionButtonHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
294
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
290
|
+
SkyActionButtonHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
291
|
+
SkyActionButtonHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] }] });
|
|
292
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonHeaderComponent, decorators: [{
|
|
295
293
|
type: i0.Component,
|
|
296
294
|
args: [{
|
|
297
295
|
selector: 'sky-action-button-header',
|
|
298
|
-
|
|
299
|
-
|
|
296
|
+
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' : 'modern',\n 'sky-section-heading' : 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n"
|
|
300
298
|
}]
|
|
301
299
|
}] });
|
|
302
300
|
|
|
@@ -311,7 +309,7 @@
|
|
|
311
309
|
this.mediaQueryService = mediaQueryService;
|
|
312
310
|
this.fontSizeClass = FONTSIZECLASS_LARGE;
|
|
313
311
|
this.subscription = this.mediaQueryService.subscribe(function (args) {
|
|
314
|
-
if (args === i1
|
|
312
|
+
if (args === i1.SkyMediaBreakpoints.xs) {
|
|
315
313
|
_this.fontSizeClass = FONTSIZECLASS_SMALL;
|
|
316
314
|
}
|
|
317
315
|
else {
|
|
@@ -328,16 +326,16 @@
|
|
|
328
326
|
};
|
|
329
327
|
return SkyActionButtonIconComponent;
|
|
330
328
|
}());
|
|
331
|
-
SkyActionButtonIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
332
|
-
SkyActionButtonIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
333
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
329
|
+
SkyActionButtonIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonIconComponent, deps: [{ token: i1__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
330
|
+
SkyActionButtonIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0__namespace, template: "<div\n aria-hidden=\"true\"\n class=\"sky-action-button-icon-container\"\n>\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"] }] });
|
|
331
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonIconComponent, decorators: [{
|
|
334
332
|
type: i0.Component,
|
|
335
333
|
args: [{
|
|
336
334
|
selector: 'sky-action-button-icon',
|
|
337
|
-
|
|
338
|
-
|
|
335
|
+
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\n aria-hidden=\"true\"\n class=\"sky-action-button-icon-container\"\n>\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n"
|
|
339
337
|
}]
|
|
340
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
338
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
|
|
341
339
|
type: i0.Input
|
|
342
340
|
}] } });
|
|
343
341
|
|
|
@@ -346,28 +344,28 @@
|
|
|
346
344
|
}
|
|
347
345
|
return SkyActionButtonModule;
|
|
348
346
|
}());
|
|
349
|
-
SkyActionButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
350
|
-
SkyActionButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
347
|
+
SkyActionButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
348
|
+
SkyActionButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
|
|
351
349
|
SkyActionButtonContainerComponent,
|
|
352
350
|
SkyActionButtonDetailsComponent,
|
|
353
351
|
SkyActionButtonHeaderComponent,
|
|
354
|
-
SkyActionButtonIconComponent], imports: [
|
|
352
|
+
SkyActionButtonIconComponent], imports: [i3.CommonModule,
|
|
355
353
|
i2.RouterModule,
|
|
356
354
|
i4.SkyHrefModule,
|
|
357
355
|
i2$1.SkyIconModule,
|
|
358
|
-
i3.SkyThemeModule], exports: [SkyActionButtonComponent,
|
|
356
|
+
i3$1.SkyThemeModule], exports: [SkyActionButtonComponent,
|
|
359
357
|
SkyActionButtonContainerComponent,
|
|
360
358
|
SkyActionButtonDetailsComponent,
|
|
361
359
|
SkyActionButtonHeaderComponent,
|
|
362
360
|
SkyActionButtonIconComponent] });
|
|
363
|
-
SkyActionButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
364
|
-
|
|
361
|
+
SkyActionButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonModule, imports: [[
|
|
362
|
+
i3.CommonModule,
|
|
365
363
|
i2.RouterModule,
|
|
366
364
|
i4.SkyHrefModule,
|
|
367
365
|
i2$1.SkyIconModule,
|
|
368
|
-
i3.SkyThemeModule
|
|
366
|
+
i3$1.SkyThemeModule
|
|
369
367
|
]] });
|
|
370
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
368
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionButtonModule, decorators: [{
|
|
371
369
|
type: i0.NgModule,
|
|
372
370
|
args: [{
|
|
373
371
|
declarations: [
|
|
@@ -378,11 +376,11 @@
|
|
|
378
376
|
SkyActionButtonIconComponent
|
|
379
377
|
],
|
|
380
378
|
imports: [
|
|
381
|
-
|
|
379
|
+
i3.CommonModule,
|
|
382
380
|
i2.RouterModule,
|
|
383
381
|
i4.SkyHrefModule,
|
|
384
382
|
i2$1.SkyIconModule,
|
|
385
|
-
i3.SkyThemeModule
|
|
383
|
+
i3$1.SkyThemeModule
|
|
386
384
|
],
|
|
387
385
|
exports: [
|
|
388
386
|
SkyActionButtonComponent,
|
|
@@ -474,11 +472,11 @@
|
|
|
474
472
|
};
|
|
475
473
|
return SkyBackToTopDomAdapterService;
|
|
476
474
|
}());
|
|
477
|
-
SkyBackToTopDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
478
|
-
SkyBackToTopDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
479
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
475
|
+
SkyBackToTopDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService, deps: [{ token: i1__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
476
|
+
SkyBackToTopDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService });
|
|
477
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService, decorators: [{
|
|
480
478
|
type: i0.Injectable
|
|
481
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
479
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyAppWindowRef }]; } });
|
|
482
480
|
|
|
483
481
|
/**
|
|
484
482
|
* @internal
|
|
@@ -500,16 +498,14 @@
|
|
|
500
498
|
};
|
|
501
499
|
return SkyBackToTopComponent;
|
|
502
500
|
}());
|
|
503
|
-
SkyBackToTopComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
504
|
-
SkyBackToTopComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
505
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
501
|
+
SkyBackToTopComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
502
|
+
SkyBackToTopComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyBackToTopComponent, selector: "sky-back-to-top", ngImport: i0__namespace, template: "<div\n class=\"sky-back-to-top sky-padding-squish-large\"\n>\n <button\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"onScrollToTopClick()\"\n >\n {{ 'skyux_back_to_top' | skyLibResources }}\n </button>\n</div>\n", styles: [".sky-back-to-top{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 });
|
|
503
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopComponent, decorators: [{
|
|
506
504
|
type: i0.Component,
|
|
507
505
|
args: [{
|
|
508
506
|
selector: 'sky-back-to-top',
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
'./back-to-top.component.scss'
|
|
512
|
-
],
|
|
507
|
+
template: "<div\n class=\"sky-back-to-top sky-padding-squish-large\"\n>\n <button\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"onScrollToTopClick()\"\n >\n {{ 'skyux_back_to_top' | skyLibResources }}\n </button>\n</div>\n",
|
|
508
|
+
styles: [".sky-back-to-top{display:flex;align-items:center;width:100%;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}\n"],
|
|
513
509
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
514
510
|
}]
|
|
515
511
|
}] });
|
|
@@ -624,11 +620,11 @@
|
|
|
624
620
|
};
|
|
625
621
|
return SkyBackToTopDirective;
|
|
626
622
|
}());
|
|
627
|
-
SkyBackToTopDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
628
|
-
SkyBackToTopDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
623
|
+
SkyBackToTopDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopDirective, deps: [{ token: i1__namespace.SkyDockService }, { token: SkyBackToTopDomAdapterService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
624
|
+
SkyBackToTopDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: SkyBackToTopDirective, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [
|
|
629
625
|
SkyBackToTopDomAdapterService
|
|
630
626
|
], ngImport: i0__namespace });
|
|
631
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
627
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopDirective, decorators: [{
|
|
632
628
|
type: i0.Directive,
|
|
633
629
|
args: [{
|
|
634
630
|
selector: '[skyBackToTop]',
|
|
@@ -636,7 +632,7 @@
|
|
|
636
632
|
SkyBackToTopDomAdapterService
|
|
637
633
|
]
|
|
638
634
|
}]
|
|
639
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
635
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyDockService }, { type: SkyBackToTopDomAdapterService }, { type: i0__namespace.ElementRef }]; }, propDecorators: { skyBackToTop: [{
|
|
640
636
|
type: i0.Input
|
|
641
637
|
}], skyBackToTopMessageStream: [{
|
|
642
638
|
type: i0.Input
|
|
@@ -655,7 +651,7 @@
|
|
|
655
651
|
function SkyLayoutResourcesProvider() {
|
|
656
652
|
}
|
|
657
653
|
SkyLayoutResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
658
|
-
return i1$
|
|
654
|
+
return i1$1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
659
655
|
};
|
|
660
656
|
return SkyLayoutResourcesProvider;
|
|
661
657
|
}());
|
|
@@ -667,19 +663,19 @@
|
|
|
667
663
|
}
|
|
668
664
|
return SkyLayoutResourcesModule;
|
|
669
665
|
}());
|
|
670
|
-
SkyLayoutResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
671
|
-
SkyLayoutResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
672
|
-
SkyLayoutResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
673
|
-
provide: i1$
|
|
666
|
+
SkyLayoutResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLayoutResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
667
|
+
SkyLayoutResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLayoutResourcesModule, exports: [i1$1.SkyI18nModule] });
|
|
668
|
+
SkyLayoutResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLayoutResourcesModule, providers: [{
|
|
669
|
+
provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
674
670
|
useClass: SkyLayoutResourcesProvider,
|
|
675
671
|
multi: true
|
|
676
|
-
}], imports: [i1$
|
|
677
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
672
|
+
}], imports: [i1$1.SkyI18nModule] });
|
|
673
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLayoutResourcesModule, decorators: [{
|
|
678
674
|
type: i0.NgModule,
|
|
679
675
|
args: [{
|
|
680
|
-
exports: [i1$
|
|
676
|
+
exports: [i1$1.SkyI18nModule],
|
|
681
677
|
providers: [{
|
|
682
|
-
provide: i1$
|
|
678
|
+
provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
683
679
|
useClass: SkyLayoutResourcesProvider,
|
|
684
680
|
multi: true
|
|
685
681
|
}]
|
|
@@ -691,20 +687,20 @@
|
|
|
691
687
|
}
|
|
692
688
|
return SkyBackToTopModule;
|
|
693
689
|
}());
|
|
694
|
-
SkyBackToTopModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
695
|
-
SkyBackToTopModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
696
|
-
SkyBackToTopDirective], imports: [
|
|
697
|
-
i1
|
|
698
|
-
i1$
|
|
690
|
+
SkyBackToTopModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
691
|
+
SkyBackToTopModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent,
|
|
692
|
+
SkyBackToTopDirective], imports: [i3.CommonModule,
|
|
693
|
+
i1.SkyDockModule,
|
|
694
|
+
i1$1.SkyI18nModule,
|
|
699
695
|
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent,
|
|
700
696
|
SkyBackToTopDirective] });
|
|
701
|
-
SkyBackToTopModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
702
|
-
|
|
703
|
-
i1
|
|
704
|
-
i1$
|
|
697
|
+
SkyBackToTopModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopModule, imports: [[
|
|
698
|
+
i3.CommonModule,
|
|
699
|
+
i1.SkyDockModule,
|
|
700
|
+
i1$1.SkyI18nModule,
|
|
705
701
|
SkyLayoutResourcesModule
|
|
706
702
|
]] });
|
|
707
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
703
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyBackToTopModule, decorators: [{
|
|
708
704
|
type: i0.NgModule,
|
|
709
705
|
args: [{
|
|
710
706
|
declarations: [
|
|
@@ -712,9 +708,9 @@
|
|
|
712
708
|
SkyBackToTopDirective
|
|
713
709
|
],
|
|
714
710
|
imports: [
|
|
715
|
-
|
|
716
|
-
i1
|
|
717
|
-
i1$
|
|
711
|
+
i3.CommonModule,
|
|
712
|
+
i1.SkyDockModule,
|
|
713
|
+
i1$1.SkyI18nModule,
|
|
718
714
|
SkyLayoutResourcesModule
|
|
719
715
|
],
|
|
720
716
|
exports: [
|
|
@@ -831,11 +827,11 @@
|
|
|
831
827
|
};
|
|
832
828
|
return SkyInlineDeleteAdapterService;
|
|
833
829
|
}());
|
|
834
|
-
SkyInlineDeleteAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
835
|
-
SkyInlineDeleteAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
836
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
830
|
+
SkyInlineDeleteAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService, deps: [{ token: i1__namespace.SkyCoreAdapterService }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
831
|
+
SkyInlineDeleteAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService });
|
|
832
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService, decorators: [{
|
|
837
833
|
type: i0.Injectable
|
|
838
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
834
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyCoreAdapterService }, { type: i0__namespace.RendererFactory2 }]; } });
|
|
839
835
|
|
|
840
836
|
/**
|
|
841
837
|
* Specifies the type of inline delete that is shown.
|
|
@@ -935,11 +931,11 @@
|
|
|
935
931
|
};
|
|
936
932
|
return SkyInlineDeleteComponent;
|
|
937
933
|
}());
|
|
938
|
-
SkyInlineDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
939
|
-
SkyInlineDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
940
|
-
i1
|
|
934
|
+
SkyInlineDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInlineDeleteComponent, deps: [{ token: SkyInlineDeleteAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
935
|
+
SkyInlineDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyInlineDeleteComponent, selector: "sky-inline-delete", inputs: { pending: "pending" }, outputs: { cancelTriggered: "cancelTriggered", deleteTriggered: "deleteTriggered" }, providers: [
|
|
936
|
+
i1.SkyCoreAdapterService,
|
|
941
937
|
SkyInlineDeleteAdapterService
|
|
942
|
-
], 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$
|
|
938
|
+
], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{type}}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n <span\n class=\"sky-inline-delete-assistive-text\"\n [id]=\"assistiveTextId\"\n >\n {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n </span>\n <sky-wait\n class=\"sky-inline-delete-wait\"\n [isWaiting]=\"pending\"\n ></sky-wait>\n <div class=\"sky-inline-delete-content\">\n <div\n class=\"sky-inline-delete-content-animation-container\"\n >\n <button\n class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n type=\"button\"\n (click)=\"onDeleteClick()\"\n #delete\n >\n {{ 'skyux_inline_delete_delete' | skyLibResources }}\n </button>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onCancelClick()\"\n >\n {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".sky-inline-delete{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.sky-inline-delete-card .sky-inline-delete-content{position:absolute;bottom:10px;text-align:center;width:100%}.sky-inline-delete-standard .sky-inline-delete-content{position:absolute;top:50%;transform:translateY(-50%);left:20px}.sky-inline-delete-wait{height:100%}\n"], components: [{ type: i2__namespace$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, animations: [
|
|
943
939
|
animations.trigger('inlineDeleteAnimation', [
|
|
944
940
|
animations.transition('* => shown', [
|
|
945
941
|
animations.style({
|
|
@@ -966,12 +962,12 @@
|
|
|
966
962
|
])
|
|
967
963
|
])
|
|
968
964
|
] });
|
|
969
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
965
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInlineDeleteComponent, decorators: [{
|
|
970
966
|
type: i0.Component,
|
|
971
967
|
args: [{
|
|
972
968
|
selector: 'sky-inline-delete',
|
|
973
|
-
|
|
974
|
-
|
|
969
|
+
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\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",
|
|
975
971
|
animations: [
|
|
976
972
|
animations.trigger('inlineDeleteAnimation', [
|
|
977
973
|
animations.transition('* => shown', [
|
|
@@ -1000,7 +996,7 @@
|
|
|
1000
996
|
])
|
|
1001
997
|
],
|
|
1002
998
|
providers: [
|
|
1003
|
-
i1
|
|
999
|
+
i1.SkyCoreAdapterService,
|
|
1004
1000
|
SkyInlineDeleteAdapterService
|
|
1005
1001
|
]
|
|
1006
1002
|
}]
|
|
@@ -1023,26 +1019,26 @@
|
|
|
1023
1019
|
}
|
|
1024
1020
|
return SkyInlineDeleteModule;
|
|
1025
1021
|
}());
|
|
1026
|
-
SkyInlineDeleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1027
|
-
SkyInlineDeleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1028
|
-
i1$
|
|
1022
|
+
SkyInlineDeleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInlineDeleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1023
|
+
SkyInlineDeleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInlineDeleteModule, declarations: [SkyInlineDeleteComponent], imports: [i3.CommonModule,
|
|
1024
|
+
i1$1.SkyI18nModule,
|
|
1029
1025
|
SkyLayoutResourcesModule,
|
|
1030
1026
|
i2$1.SkyWaitModule], exports: [SkyInlineDeleteComponent] });
|
|
1031
|
-
SkyInlineDeleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1032
|
-
|
|
1033
|
-
i1$
|
|
1027
|
+
SkyInlineDeleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInlineDeleteModule, imports: [[
|
|
1028
|
+
i3.CommonModule,
|
|
1029
|
+
i1$1.SkyI18nModule,
|
|
1034
1030
|
SkyLayoutResourcesModule,
|
|
1035
1031
|
i2$1.SkyWaitModule
|
|
1036
1032
|
]] });
|
|
1037
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1033
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyInlineDeleteModule, decorators: [{
|
|
1038
1034
|
type: i0.NgModule,
|
|
1039
1035
|
args: [{
|
|
1040
1036
|
declarations: [
|
|
1041
1037
|
SkyInlineDeleteComponent
|
|
1042
1038
|
],
|
|
1043
1039
|
imports: [
|
|
1044
|
-
|
|
1045
|
-
i1$
|
|
1040
|
+
i3.CommonModule,
|
|
1041
|
+
i1$1.SkyI18nModule,
|
|
1046
1042
|
SkyLayoutResourcesModule,
|
|
1047
1043
|
i2$1.SkyWaitModule
|
|
1048
1044
|
],
|
|
@@ -1060,14 +1056,14 @@
|
|
|
1060
1056
|
}
|
|
1061
1057
|
return SkyCardActionsComponent;
|
|
1062
1058
|
}());
|
|
1063
|
-
SkyCardActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1064
|
-
SkyCardActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1065
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1059
|
+
SkyCardActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1060
|
+
SkyCardActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
1061
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardActionsComponent, decorators: [{
|
|
1066
1062
|
type: i0.Component,
|
|
1067
1063
|
args: [{
|
|
1068
1064
|
selector: 'sky-card-actions',
|
|
1069
|
-
|
|
1070
|
-
|
|
1065
|
+
template: "<ng-content></ng-content>\n",
|
|
1066
|
+
styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"]
|
|
1071
1067
|
}]
|
|
1072
1068
|
}] });
|
|
1073
1069
|
|
|
@@ -1079,13 +1075,13 @@
|
|
|
1079
1075
|
}
|
|
1080
1076
|
return SkyCardContentComponent;
|
|
1081
1077
|
}());
|
|
1082
|
-
SkyCardContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1083
|
-
SkyCardContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1084
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1078
|
+
SkyCardContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1079
|
+
SkyCardContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyCardContentComponent, selector: "sky-card-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1080
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardContentComponent, decorators: [{
|
|
1085
1081
|
type: i0.Component,
|
|
1086
1082
|
args: [{
|
|
1087
1083
|
selector: 'sky-card-content',
|
|
1088
|
-
|
|
1084
|
+
template: "<ng-content></ng-content>\n"
|
|
1089
1085
|
}]
|
|
1090
1086
|
}] });
|
|
1091
1087
|
|
|
@@ -1097,13 +1093,13 @@
|
|
|
1097
1093
|
}
|
|
1098
1094
|
return SkyCardTitleComponent;
|
|
1099
1095
|
}());
|
|
1100
|
-
SkyCardTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1101
|
-
SkyCardTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1102
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1096
|
+
SkyCardTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1097
|
+
SkyCardTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyCardTitleComponent, selector: "sky-card-title", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1098
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardTitleComponent, decorators: [{
|
|
1103
1099
|
type: i0.Component,
|
|
1104
1100
|
args: [{
|
|
1105
1101
|
selector: 'sky-card-title',
|
|
1106
|
-
|
|
1102
|
+
template: "<ng-content></ng-content>\n"
|
|
1107
1103
|
}]
|
|
1108
1104
|
}] });
|
|
1109
1105
|
|
|
@@ -1154,14 +1150,14 @@
|
|
|
1154
1150
|
};
|
|
1155
1151
|
return SkyCardComponent;
|
|
1156
1152
|
}());
|
|
1157
|
-
SkyCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1158
|
-
SkyCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1159
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1153
|
+
SkyCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1154
|
+
SkyCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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\n select=\"sky-inline-delete\"\n ></ng-content>\n <header>\n <div *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div\n class=\"sky-card-heading-middle\"\n >\n <h1 *ngIf=\"showTitle\"\n class=\"sky-card-title sky-section-heading\"\n >\n <ng-content\n select=\"sky-card-title\"\n ></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\"\n class=\"sky-card-check\"\n >\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\n select=\"sky-card-content\"\n ></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content\n select=\"sky-card-actions\"\n ></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 } });
|
|
1155
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardComponent, decorators: [{
|
|
1160
1156
|
type: i0.Component,
|
|
1161
1157
|
args: [{
|
|
1162
1158
|
selector: 'sky-card',
|
|
1163
|
-
|
|
1164
|
-
|
|
1159
|
+
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\n select=\"sky-inline-delete\"\n ></ng-content>\n <header>\n <div *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div\n class=\"sky-card-heading-middle\"\n >\n <h1 *ngIf=\"showTitle\"\n class=\"sky-card-title sky-section-heading\"\n >\n <ng-content\n select=\"sky-card-title\"\n ></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\"\n class=\"sky-card-check\"\n >\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\n select=\"sky-card-content\"\n ></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content\n select=\"sky-card-actions\"\n ></ng-content>\n </div>\n</section>\n"
|
|
1165
1161
|
}]
|
|
1166
1162
|
}], propDecorators: { size: [{
|
|
1167
1163
|
type: i0.Input
|
|
@@ -1184,28 +1180,28 @@
|
|
|
1184
1180
|
}
|
|
1185
1181
|
return SkyCardModule;
|
|
1186
1182
|
}());
|
|
1187
|
-
SkyCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1188
|
-
SkyCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1183
|
+
SkyCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1184
|
+
SkyCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardModule, declarations: [SkyCardActionsComponent,
|
|
1189
1185
|
SkyCardComponent,
|
|
1190
1186
|
SkyCardContentComponent,
|
|
1191
|
-
SkyCardTitleComponent], imports: [
|
|
1192
|
-
i3$
|
|
1193
|
-
i1$
|
|
1194
|
-
i1$
|
|
1187
|
+
SkyCardTitleComponent], imports: [i3.CommonModule,
|
|
1188
|
+
i3$2.FormsModule,
|
|
1189
|
+
i1$2.SkyCheckboxModule,
|
|
1190
|
+
i1$1.SkyI18nModule,
|
|
1195
1191
|
SkyLayoutResourcesModule,
|
|
1196
1192
|
SkyInlineDeleteModule], exports: [SkyCardActionsComponent,
|
|
1197
1193
|
SkyCardComponent,
|
|
1198
1194
|
SkyCardContentComponent,
|
|
1199
1195
|
SkyCardTitleComponent] });
|
|
1200
|
-
SkyCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1201
|
-
|
|
1202
|
-
i3$
|
|
1203
|
-
i1$
|
|
1204
|
-
i1$
|
|
1196
|
+
SkyCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardModule, imports: [[
|
|
1197
|
+
i3.CommonModule,
|
|
1198
|
+
i3$2.FormsModule,
|
|
1199
|
+
i1$2.SkyCheckboxModule,
|
|
1200
|
+
i1$1.SkyI18nModule,
|
|
1205
1201
|
SkyLayoutResourcesModule,
|
|
1206
1202
|
SkyInlineDeleteModule
|
|
1207
1203
|
]] });
|
|
1208
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1204
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyCardModule, decorators: [{
|
|
1209
1205
|
type: i0.NgModule,
|
|
1210
1206
|
args: [{
|
|
1211
1207
|
declarations: [
|
|
@@ -1215,10 +1211,10 @@
|
|
|
1215
1211
|
SkyCardTitleComponent
|
|
1216
1212
|
],
|
|
1217
1213
|
imports: [
|
|
1218
|
-
|
|
1219
|
-
i3$
|
|
1220
|
-
i1$
|
|
1221
|
-
i1$
|
|
1214
|
+
i3.CommonModule,
|
|
1215
|
+
i3$2.FormsModule,
|
|
1216
|
+
i1$2.SkyCheckboxModule,
|
|
1217
|
+
i1$1.SkyI18nModule,
|
|
1222
1218
|
SkyLayoutResourcesModule,
|
|
1223
1219
|
SkyInlineDeleteModule
|
|
1224
1220
|
],
|
|
@@ -1241,9 +1237,9 @@
|
|
|
1241
1237
|
}
|
|
1242
1238
|
return SkyDefinitionListService;
|
|
1243
1239
|
}());
|
|
1244
|
-
SkyDefinitionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1245
|
-
SkyDefinitionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1246
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1240
|
+
SkyDefinitionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1241
|
+
SkyDefinitionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListService });
|
|
1242
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListService, decorators: [{
|
|
1247
1243
|
type: i0.Injectable
|
|
1248
1244
|
}] });
|
|
1249
1245
|
|
|
@@ -1279,14 +1275,14 @@
|
|
|
1279
1275
|
});
|
|
1280
1276
|
return SkyDefinitionListComponent;
|
|
1281
1277
|
}());
|
|
1282
|
-
SkyDefinitionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1283
|
-
SkyDefinitionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1284
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1278
|
+
SkyDefinitionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1279
|
+
SkyDefinitionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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 });
|
|
1280
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListComponent, decorators: [{
|
|
1285
1281
|
type: i0.Component,
|
|
1286
1282
|
args: [{
|
|
1287
1283
|
selector: 'sky-definition-list',
|
|
1288
|
-
|
|
1289
|
-
|
|
1284
|
+
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
|
+
styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"],
|
|
1290
1286
|
providers: [SkyDefinitionListService],
|
|
1291
1287
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1292
1288
|
}]
|
|
@@ -1304,14 +1300,14 @@
|
|
|
1304
1300
|
}
|
|
1305
1301
|
return SkyDefinitionListContentComponent;
|
|
1306
1302
|
}());
|
|
1307
|
-
SkyDefinitionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1308
|
-
SkyDefinitionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1309
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1303
|
+
SkyDefinitionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1304
|
+
SkyDefinitionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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 });
|
|
1305
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, decorators: [{
|
|
1310
1306
|
type: i0.Component,
|
|
1311
1307
|
args: [{
|
|
1312
1308
|
selector: 'sky-definition-list-content',
|
|
1313
|
-
|
|
1314
|
-
|
|
1309
|
+
template: "<div class=\"sky-definition-list-content\">\n <ng-content></ng-content>\n</div>\n",
|
|
1310
|
+
styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"],
|
|
1315
1311
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1316
1312
|
}]
|
|
1317
1313
|
}] });
|
|
@@ -1324,14 +1320,14 @@
|
|
|
1324
1320
|
}
|
|
1325
1321
|
return SkyDefinitionListHeadingComponent;
|
|
1326
1322
|
}());
|
|
1327
|
-
SkyDefinitionListHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1328
|
-
SkyDefinitionListHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1329
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1323
|
+
SkyDefinitionListHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1324
|
+
SkyDefinitionListHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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 });
|
|
1325
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, decorators: [{
|
|
1330
1326
|
type: i0.Component,
|
|
1331
1327
|
args: [{
|
|
1332
1328
|
selector: 'sky-definition-list-heading',
|
|
1333
|
-
|
|
1334
|
-
|
|
1329
|
+
template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content></ng-content>\n</div>\n",
|
|
1330
|
+
styles: [".sky-definition-list-heading{margin-bottom:5px}\n"],
|
|
1335
1331
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1336
1332
|
}]
|
|
1337
1333
|
}] });
|
|
@@ -1345,14 +1341,14 @@
|
|
|
1345
1341
|
}
|
|
1346
1342
|
return SkyDefinitionListLabelComponent;
|
|
1347
1343
|
}());
|
|
1348
|
-
SkyDefinitionListLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1349
|
-
SkyDefinitionListLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1350
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1344
|
+
SkyDefinitionListLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListLabelComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1345
|
+
SkyDefinitionListLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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 });
|
|
1346
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListLabelComponent, decorators: [{
|
|
1351
1347
|
type: i0.Component,
|
|
1352
1348
|
args: [{
|
|
1353
1349
|
selector: 'sky-definition-list-label',
|
|
1354
|
-
|
|
1355
|
-
|
|
1350
|
+
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
|
+
styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"],
|
|
1356
1352
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1357
1353
|
}]
|
|
1358
1354
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
@@ -1366,14 +1362,14 @@
|
|
|
1366
1362
|
}
|
|
1367
1363
|
return SkyDefinitionListValueComponent;
|
|
1368
1364
|
}());
|
|
1369
|
-
SkyDefinitionListValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1370
|
-
SkyDefinitionListValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1371
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1365
|
+
SkyDefinitionListValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListValueComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1366
|
+
SkyDefinitionListValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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 {{ (service.defaultValue | async) || ('skyux_definition_list_none_found' | skyLibResources) }}\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 } });
|
|
1367
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListValueComponent, decorators: [{
|
|
1372
1368
|
type: i0.Component,
|
|
1373
1369
|
args: [{
|
|
1374
1370
|
selector: 'sky-definition-list-value',
|
|
1375
|
-
|
|
1376
|
-
|
|
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 {{ (service.defaultValue | async) || ('skyux_definition_list_none_found' | skyLibResources) }}\n </span>\n</div>\n",
|
|
1372
|
+
styles: [":host{flex:1}\n"]
|
|
1377
1373
|
}]
|
|
1378
1374
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1379
1375
|
|
|
@@ -1382,24 +1378,24 @@
|
|
|
1382
1378
|
}
|
|
1383
1379
|
return SkyDefinitionListModule;
|
|
1384
1380
|
}());
|
|
1385
|
-
SkyDefinitionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1386
|
-
SkyDefinitionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1381
|
+
SkyDefinitionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1382
|
+
SkyDefinitionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
|
|
1387
1383
|
SkyDefinitionListContentComponent,
|
|
1388
1384
|
SkyDefinitionListHeadingComponent,
|
|
1389
1385
|
SkyDefinitionListLabelComponent,
|
|
1390
|
-
SkyDefinitionListValueComponent], imports: [
|
|
1391
|
-
i1$
|
|
1386
|
+
SkyDefinitionListValueComponent], imports: [i3.CommonModule,
|
|
1387
|
+
i1$1.SkyI18nModule,
|
|
1392
1388
|
SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1393
1389
|
SkyDefinitionListContentComponent,
|
|
1394
1390
|
SkyDefinitionListHeadingComponent,
|
|
1395
1391
|
SkyDefinitionListLabelComponent,
|
|
1396
1392
|
SkyDefinitionListValueComponent] });
|
|
1397
|
-
SkyDefinitionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1398
|
-
|
|
1399
|
-
i1$
|
|
1393
|
+
SkyDefinitionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListModule, imports: [[
|
|
1394
|
+
i3.CommonModule,
|
|
1395
|
+
i1$1.SkyI18nModule,
|
|
1400
1396
|
SkyLayoutResourcesModule
|
|
1401
1397
|
]] });
|
|
1402
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1398
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDefinitionListModule, decorators: [{
|
|
1403
1399
|
type: i0.NgModule,
|
|
1404
1400
|
args: [{
|
|
1405
1401
|
declarations: [
|
|
@@ -1410,8 +1406,8 @@
|
|
|
1410
1406
|
SkyDefinitionListValueComponent
|
|
1411
1407
|
],
|
|
1412
1408
|
imports: [
|
|
1413
|
-
|
|
1414
|
-
i1$
|
|
1409
|
+
i3.CommonModule,
|
|
1410
|
+
i1$1.SkyI18nModule,
|
|
1415
1411
|
SkyLayoutResourcesModule
|
|
1416
1412
|
],
|
|
1417
1413
|
exports: [
|
|
@@ -1459,9 +1455,9 @@
|
|
|
1459
1455
|
};
|
|
1460
1456
|
return SkyDescriptionListAdapterService;
|
|
1461
1457
|
}());
|
|
1462
|
-
SkyDescriptionListAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1463
|
-
SkyDescriptionListAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1464
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1458
|
+
SkyDescriptionListAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1459
|
+
SkyDescriptionListAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListAdapterService });
|
|
1460
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListAdapterService, decorators: [{
|
|
1465
1461
|
type: i0.Injectable
|
|
1466
1462
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
1467
1463
|
|
|
@@ -1473,13 +1469,13 @@
|
|
|
1473
1469
|
}
|
|
1474
1470
|
return SkyDescriptionListTermComponent;
|
|
1475
1471
|
}());
|
|
1476
|
-
SkyDescriptionListTermComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1477
|
-
SkyDescriptionListTermComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1478
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1472
|
+
SkyDescriptionListTermComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1473
|
+
SkyDescriptionListTermComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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\n #termTemplateRef\n>\n <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1474
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1479
1475
|
type: i0.Component,
|
|
1480
1476
|
args: [{
|
|
1481
1477
|
selector: 'sky-description-list-term',
|
|
1482
|
-
|
|
1478
|
+
template: "<ng-template\n #termTemplateRef\n>\n <ng-content></ng-content>\n</ng-template>\n",
|
|
1483
1479
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1484
1480
|
}]
|
|
1485
1481
|
}], propDecorators: { templateRef: [{
|
|
@@ -1512,9 +1508,9 @@
|
|
|
1512
1508
|
};
|
|
1513
1509
|
return SkyDescriptionListService;
|
|
1514
1510
|
}());
|
|
1515
|
-
SkyDescriptionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1516
|
-
SkyDescriptionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1517
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1511
|
+
SkyDescriptionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1512
|
+
SkyDescriptionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListService });
|
|
1513
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListService, decorators: [{
|
|
1518
1514
|
type: i0.Injectable
|
|
1519
1515
|
}] });
|
|
1520
1516
|
|
|
@@ -1546,16 +1542,16 @@
|
|
|
1546
1542
|
};
|
|
1547
1543
|
return SkyDescriptionListDescriptionComponent;
|
|
1548
1544
|
}());
|
|
1549
|
-
SkyDescriptionListDescriptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1550
|
-
SkyDescriptionListDescriptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1551
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1545
|
+
SkyDescriptionListDescriptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace$1.SkyThemeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1546
|
+
SkyDescriptionListDescriptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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\n #descriptionTemplateRef\n>\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span *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 {{ (service.defaultDescription | async) || ('skyux_description_list_none_found' | skyLibResources) }}\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 });
|
|
1547
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, decorators: [{
|
|
1552
1548
|
type: i0.Component,
|
|
1553
1549
|
args: [{
|
|
1554
1550
|
selector: 'sky-description-list-description',
|
|
1555
|
-
|
|
1551
|
+
template: "<ng-template\n #descriptionTemplateRef\n>\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span *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 {{ (service.defaultDescription | async) || ('skyux_description_list_none_found' | skyLibResources) }}\n </span>\n</ng-template>\n",
|
|
1556
1552
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1557
1553
|
}]
|
|
1558
|
-
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1554
|
+
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1559
1555
|
type: i0.ViewChild,
|
|
1560
1556
|
args: ['descriptionTemplateRef', {
|
|
1561
1557
|
read: i0.TemplateRef,
|
|
@@ -1571,13 +1567,13 @@
|
|
|
1571
1567
|
}
|
|
1572
1568
|
return SkyDescriptionListContentComponent;
|
|
1573
1569
|
}());
|
|
1574
|
-
SkyDescriptionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1575
|
-
SkyDescriptionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1576
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1570
|
+
SkyDescriptionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1571
|
+
SkyDescriptionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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" });
|
|
1572
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, decorators: [{
|
|
1577
1573
|
type: i0.Component,
|
|
1578
1574
|
args: [{
|
|
1579
1575
|
selector: 'sky-description-list-content',
|
|
1580
|
-
|
|
1576
|
+
template: "<ng-content></ng-content>\n"
|
|
1581
1577
|
}]
|
|
1582
1578
|
}], propDecorators: { termComponents: [{
|
|
1583
1579
|
type: i0.ContentChildren,
|
|
@@ -1661,24 +1657,24 @@
|
|
|
1661
1657
|
};
|
|
1662
1658
|
return SkyDescriptionListComponent;
|
|
1663
1659
|
}());
|
|
1664
|
-
SkyDescriptionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1665
|
-
SkyDescriptionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1660
|
+
SkyDescriptionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListComponent, deps: [{ token: SkyDescriptionListAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: SkyDescriptionListService }, { token: i1__namespace.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1661
|
+
SkyDescriptionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyDescriptionListComponent, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [
|
|
1666
1662
|
SkyDescriptionListAdapterService,
|
|
1667
1663
|
SkyDescriptionListService
|
|
1668
|
-
], 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:
|
|
1669
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1664
|
+
], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode' : mode == 'longDescription',\n 'sky-description-list-vertical-mode' : mode == 'vertical',\n 'sky-description-list-horizontal-mode' : mode == 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container *ngTemplateOutlet=\"termComponent.templateRef\"></ng-container>\n </dt>\n <dd *ngFor=\"let descriptionComponent of contentComponent?.descriptionComponents\">\n <ng-container *ngTemplateOutlet=\"descriptionComponent.templateRef\"></ng-container>\n </dd>\n </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1665
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListComponent, decorators: [{
|
|
1670
1666
|
type: i0.Component,
|
|
1671
1667
|
args: [{
|
|
1672
1668
|
selector: 'sky-description-list',
|
|
1673
|
-
|
|
1674
|
-
|
|
1669
|
+
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",
|
|
1670
|
+
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"],
|
|
1675
1671
|
providers: [
|
|
1676
1672
|
SkyDescriptionListAdapterService,
|
|
1677
1673
|
SkyDescriptionListService
|
|
1678
1674
|
],
|
|
1679
1675
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1680
1676
|
}]
|
|
1681
|
-
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1__namespace
|
|
1677
|
+
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1__namespace.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
|
|
1682
1678
|
type: i0.Input
|
|
1683
1679
|
}], listItemWidth: [{
|
|
1684
1680
|
type: i0.Input
|
|
@@ -1703,24 +1699,24 @@
|
|
|
1703
1699
|
}
|
|
1704
1700
|
return SkyDescriptionListModule;
|
|
1705
1701
|
}());
|
|
1706
|
-
SkyDescriptionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1707
|
-
SkyDescriptionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1702
|
+
SkyDescriptionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1703
|
+
SkyDescriptionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
|
|
1708
1704
|
SkyDescriptionListContentComponent,
|
|
1709
1705
|
SkyDescriptionListTermComponent,
|
|
1710
|
-
SkyDescriptionListDescriptionComponent], imports: [
|
|
1711
|
-
i1$
|
|
1706
|
+
SkyDescriptionListDescriptionComponent], imports: [i3.CommonModule,
|
|
1707
|
+
i1$1.SkyI18nModule,
|
|
1712
1708
|
SkyLayoutResourcesModule,
|
|
1713
|
-
i3.SkyThemeModule], exports: [SkyDescriptionListComponent,
|
|
1709
|
+
i3$1.SkyThemeModule], exports: [SkyDescriptionListComponent,
|
|
1714
1710
|
SkyDescriptionListContentComponent,
|
|
1715
1711
|
SkyDescriptionListTermComponent,
|
|
1716
1712
|
SkyDescriptionListDescriptionComponent] });
|
|
1717
|
-
SkyDescriptionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1718
|
-
|
|
1719
|
-
i1$
|
|
1713
|
+
SkyDescriptionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListModule, imports: [[
|
|
1714
|
+
i3.CommonModule,
|
|
1715
|
+
i1$1.SkyI18nModule,
|
|
1720
1716
|
SkyLayoutResourcesModule,
|
|
1721
|
-
i3.SkyThemeModule
|
|
1717
|
+
i3$1.SkyThemeModule
|
|
1722
1718
|
]] });
|
|
1723
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1719
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyDescriptionListModule, decorators: [{
|
|
1724
1720
|
type: i0.NgModule,
|
|
1725
1721
|
args: [{
|
|
1726
1722
|
declarations: [
|
|
@@ -1730,10 +1726,10 @@
|
|
|
1730
1726
|
SkyDescriptionListDescriptionComponent
|
|
1731
1727
|
],
|
|
1732
1728
|
imports: [
|
|
1733
|
-
|
|
1734
|
-
i1$
|
|
1729
|
+
i3.CommonModule,
|
|
1730
|
+
i1$1.SkyI18nModule,
|
|
1735
1731
|
SkyLayoutResourcesModule,
|
|
1736
|
-
i3.SkyThemeModule
|
|
1732
|
+
i3$1.SkyThemeModule
|
|
1737
1733
|
],
|
|
1738
1734
|
exports: [
|
|
1739
1735
|
SkyDescriptionListComponent,
|
|
@@ -1802,14 +1798,14 @@
|
|
|
1802
1798
|
}
|
|
1803
1799
|
return SkyRowComponent;
|
|
1804
1800
|
}());
|
|
1805
|
-
SkyRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1806
|
-
SkyRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1807
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1801
|
+
SkyRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRowComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1802
|
+
SkyRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0__namespace, template: "<div class=\"sky-row\" \n [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"] }] });
|
|
1803
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyRowComponent, decorators: [{
|
|
1808
1804
|
type: i0.Component,
|
|
1809
1805
|
args: [{
|
|
1810
1806
|
selector: 'sky-row',
|
|
1811
|
-
|
|
1812
|
-
|
|
1807
|
+
template: "<div class=\"sky-row\" \n [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n",
|
|
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"]
|
|
1813
1809
|
}]
|
|
1814
1810
|
}], propDecorators: { reverseColumnOrder: [{
|
|
1815
1811
|
type: i0.Input
|
|
@@ -1847,14 +1843,14 @@
|
|
|
1847
1843
|
};
|
|
1848
1844
|
return SkyColumnComponent;
|
|
1849
1845
|
}());
|
|
1850
|
-
SkyColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1851
|
-
SkyColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", 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 });
|
|
1852
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1846
|
+
SkyColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
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.13", ngImport: i0__namespace, type: SkyColumnComponent, decorators: [{
|
|
1853
1849
|
type: i0.Component,
|
|
1854
1850
|
args: [{
|
|
1855
1851
|
selector: 'sky-column',
|
|
1856
|
-
|
|
1857
|
-
|
|
1852
|
+
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-],
|
|
1858
1854
|
encapsulation: i0.ViewEncapsulation.None
|
|
1859
1855
|
}]
|
|
1860
1856
|
}], propDecorators: { screenXSmall: [{
|
|
@@ -1932,16 +1928,14 @@
|
|
|
1932
1928
|
});
|
|
1933
1929
|
return SkyFluidGridComponent;
|
|
1934
1930
|
}());
|
|
1935
|
-
SkyFluidGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1936
|
-
SkyFluidGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1937
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1931
|
+
SkyFluidGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFluidGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1932
|
+
SkyFluidGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] }] });
|
|
1933
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFluidGridComponent, decorators: [{
|
|
1938
1934
|
type: i0.Component,
|
|
1939
1935
|
args: [{
|
|
1940
1936
|
selector: 'sky-fluid-grid',
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
'./fluid-grid.component.scss'
|
|
1944
|
-
]
|
|
1937
|
+
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",
|
|
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"]
|
|
1945
1939
|
}]
|
|
1946
1940
|
}], propDecorators: { disableMargin: [{
|
|
1947
1941
|
type: i0.Input
|
|
@@ -1954,20 +1948,20 @@
|
|
|
1954
1948
|
}
|
|
1955
1949
|
return SkyFluidGridModule;
|
|
1956
1950
|
}());
|
|
1957
|
-
SkyFluidGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1958
|
-
SkyFluidGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1951
|
+
SkyFluidGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFluidGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1952
|
+
SkyFluidGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFluidGridModule, declarations: [SkyRowComponent,
|
|
1959
1953
|
SkyColumnComponent,
|
|
1960
|
-
SkyFluidGridComponent], imports: [
|
|
1954
|
+
SkyFluidGridComponent], imports: [i3.CommonModule], exports: [SkyRowComponent,
|
|
1961
1955
|
SkyColumnComponent,
|
|
1962
1956
|
SkyFluidGridComponent] });
|
|
1963
|
-
SkyFluidGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1964
|
-
|
|
1957
|
+
SkyFluidGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFluidGridModule, imports: [[
|
|
1958
|
+
i3.CommonModule
|
|
1965
1959
|
]] });
|
|
1966
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1960
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFluidGridModule, decorators: [{
|
|
1967
1961
|
type: i0.NgModule,
|
|
1968
1962
|
args: [{
|
|
1969
1963
|
imports: [
|
|
1970
|
-
|
|
1964
|
+
i3.CommonModule
|
|
1971
1965
|
],
|
|
1972
1966
|
declarations: [
|
|
1973
1967
|
SkyRowComponent,
|
|
@@ -2367,13 +2361,13 @@
|
|
|
2367
2361
|
};
|
|
2368
2362
|
return SkyFormatComponent;
|
|
2369
2363
|
}());
|
|
2370
|
-
SkyFormatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2371
|
-
SkyFormatComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2372
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2364
|
+
SkyFormatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFormatComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2365
|
+
SkyFormatComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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\">{{ item.text }}</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 });
|
|
2366
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFormatComponent, decorators: [{
|
|
2373
2367
|
type: i0.Component,
|
|
2374
2368
|
args: [{
|
|
2375
2369
|
selector: 'sky-format',
|
|
2376
|
-
|
|
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\">{{ item.text }}</ng-container>\n</ng-container>\n",
|
|
2377
2371
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2378
2372
|
}]
|
|
2379
2373
|
}], propDecorators: { text: [{
|
|
@@ -2387,19 +2381,19 @@
|
|
|
2387
2381
|
}
|
|
2388
2382
|
return SkyFormatModule;
|
|
2389
2383
|
}());
|
|
2390
|
-
SkyFormatModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2391
|
-
SkyFormatModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2392
|
-
SkyFormatModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2393
|
-
|
|
2384
|
+
SkyFormatModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFormatModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2385
|
+
SkyFormatModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFormatModule, declarations: [SkyFormatComponent], imports: [i3.CommonModule], exports: [SkyFormatComponent] });
|
|
2386
|
+
SkyFormatModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFormatModule, imports: [[
|
|
2387
|
+
i3.CommonModule
|
|
2394
2388
|
]] });
|
|
2395
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2389
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyFormatModule, decorators: [{
|
|
2396
2390
|
type: i0.NgModule,
|
|
2397
2391
|
args: [{
|
|
2398
2392
|
declarations: [
|
|
2399
2393
|
SkyFormatComponent
|
|
2400
2394
|
],
|
|
2401
2395
|
imports: [
|
|
2402
|
-
|
|
2396
|
+
i3.CommonModule
|
|
2403
2397
|
],
|
|
2404
2398
|
exports: [
|
|
2405
2399
|
SkyFormatComponent
|
|
@@ -2428,9 +2422,9 @@
|
|
|
2428
2422
|
};
|
|
2429
2423
|
return SkyPageThemeAdapterService;
|
|
2430
2424
|
}());
|
|
2431
|
-
SkyPageThemeAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2432
|
-
SkyPageThemeAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2433
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2425
|
+
SkyPageThemeAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageThemeAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2426
|
+
SkyPageThemeAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageThemeAdapterService });
|
|
2427
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageThemeAdapterService, decorators: [{
|
|
2434
2428
|
type: i0.Injectable
|
|
2435
2429
|
}] });
|
|
2436
2430
|
|
|
@@ -2451,13 +2445,13 @@
|
|
|
2451
2445
|
};
|
|
2452
2446
|
return SkyPageComponent;
|
|
2453
2447
|
}());
|
|
2454
|
-
SkyPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2455
|
-
SkyPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2456
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2448
|
+
SkyPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageComponent, deps: [{ token: SkyPageThemeAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2449
|
+
SkyPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0__namespace, template: "<div class=\"sky-theme-default\">\n <ng-content></ng-content>\n</div>\n" });
|
|
2450
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageComponent, decorators: [{
|
|
2457
2451
|
type: i0.Component,
|
|
2458
2452
|
args: [{
|
|
2459
2453
|
selector: 'sky-page',
|
|
2460
|
-
|
|
2454
|
+
template: "<div class=\"sky-theme-default\">\n <ng-content></ng-content>\n</div>\n",
|
|
2461
2455
|
providers: [SkyPageThemeAdapterService]
|
|
2462
2456
|
}]
|
|
2463
2457
|
}], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; } });
|
|
@@ -2467,10 +2461,10 @@
|
|
|
2467
2461
|
}
|
|
2468
2462
|
return SkyPageModule;
|
|
2469
2463
|
}());
|
|
2470
|
-
SkyPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2471
|
-
SkyPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2472
|
-
SkyPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2473
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2464
|
+
SkyPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2465
|
+
SkyPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageModule, declarations: [SkyPageComponent], exports: [SkyPageComponent] });
|
|
2466
|
+
SkyPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageModule });
|
|
2467
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageModule, decorators: [{
|
|
2474
2468
|
type: i0.NgModule,
|
|
2475
2469
|
args: [{
|
|
2476
2470
|
declarations: [
|
|
@@ -2493,14 +2487,14 @@
|
|
|
2493
2487
|
}
|
|
2494
2488
|
return SkyPageSummaryAlertComponent;
|
|
2495
2489
|
}());
|
|
2496
|
-
SkyPageSummaryAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2497
|
-
SkyPageSummaryAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2498
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2490
|
+
SkyPageSummaryAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2491
|
+
SkyPageSummaryAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
2492
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, decorators: [{
|
|
2499
2493
|
type: i0.Component,
|
|
2500
2494
|
args: [{
|
|
2501
2495
|
selector: 'sky-page-summary-alert',
|
|
2502
|
-
|
|
2503
|
-
|
|
2496
|
+
template: "<ng-content></ng-content>\n",
|
|
2497
|
+
styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"]
|
|
2504
2498
|
}]
|
|
2505
2499
|
}] });
|
|
2506
2500
|
|
|
@@ -2514,14 +2508,14 @@
|
|
|
2514
2508
|
}
|
|
2515
2509
|
return SkyPageSummaryContentComponent;
|
|
2516
2510
|
}());
|
|
2517
|
-
SkyPageSummaryContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2518
|
-
SkyPageSummaryContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2519
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2511
|
+
SkyPageSummaryContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2512
|
+
SkyPageSummaryContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
2513
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, decorators: [{
|
|
2520
2514
|
type: i0.Component,
|
|
2521
2515
|
args: [{
|
|
2522
2516
|
selector: 'sky-page-summary-content',
|
|
2523
|
-
|
|
2524
|
-
|
|
2517
|
+
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"]
|
|
2525
2519
|
}]
|
|
2526
2520
|
}] });
|
|
2527
2521
|
|
|
@@ -2536,14 +2530,14 @@
|
|
|
2536
2530
|
}
|
|
2537
2531
|
return SkyPageSummaryImageComponent;
|
|
2538
2532
|
}());
|
|
2539
|
-
SkyPageSummaryImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2540
|
-
SkyPageSummaryImageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2541
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2533
|
+
SkyPageSummaryImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2534
|
+
SkyPageSummaryImageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
2535
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, decorators: [{
|
|
2542
2536
|
type: i0.Component,
|
|
2543
2537
|
args: [{
|
|
2544
2538
|
selector: 'sky-page-summary-image',
|
|
2545
|
-
|
|
2546
|
-
|
|
2539
|
+
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"]
|
|
2547
2541
|
}]
|
|
2548
2542
|
}] });
|
|
2549
2543
|
|
|
@@ -2556,14 +2550,14 @@
|
|
|
2556
2550
|
}
|
|
2557
2551
|
return SkyPageSummaryKeyInfoComponent;
|
|
2558
2552
|
}());
|
|
2559
|
-
SkyPageSummaryKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2560
|
-
SkyPageSummaryKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2561
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2553
|
+
SkyPageSummaryKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2554
|
+
SkyPageSummaryKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
2555
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, decorators: [{
|
|
2562
2556
|
type: i0.Component,
|
|
2563
2557
|
args: [{
|
|
2564
2558
|
selector: 'sky-page-summary-key-info',
|
|
2565
|
-
|
|
2566
|
-
|
|
2559
|
+
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"]
|
|
2567
2561
|
}]
|
|
2568
2562
|
}] });
|
|
2569
2563
|
|
|
@@ -2578,14 +2572,14 @@
|
|
|
2578
2572
|
}
|
|
2579
2573
|
return SkyPageSummaryStatusComponent;
|
|
2580
2574
|
}());
|
|
2581
|
-
SkyPageSummaryStatusComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2582
|
-
SkyPageSummaryStatusComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2583
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2575
|
+
SkyPageSummaryStatusComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2576
|
+
SkyPageSummaryStatusComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
2577
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, decorators: [{
|
|
2584
2578
|
type: i0.Component,
|
|
2585
2579
|
args: [{
|
|
2586
2580
|
selector: 'sky-page-summary-status',
|
|
2587
|
-
|
|
2588
|
-
|
|
2581
|
+
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"]
|
|
2589
2583
|
}]
|
|
2590
2584
|
}] });
|
|
2591
2585
|
|
|
@@ -2599,14 +2593,14 @@
|
|
|
2599
2593
|
}
|
|
2600
2594
|
return SkyPageSummarySubtitleComponent;
|
|
2601
2595
|
}());
|
|
2602
|
-
SkyPageSummarySubtitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2603
|
-
SkyPageSummarySubtitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2604
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2596
|
+
SkyPageSummarySubtitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2597
|
+
SkyPageSummarySubtitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
2598
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, decorators: [{
|
|
2605
2599
|
type: i0.Component,
|
|
2606
2600
|
args: [{
|
|
2607
2601
|
selector: 'sky-page-summary-subtitle',
|
|
2608
|
-
|
|
2609
|
-
|
|
2602
|
+
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"]
|
|
2610
2604
|
}]
|
|
2611
2605
|
}] });
|
|
2612
2606
|
|
|
@@ -2620,14 +2614,14 @@
|
|
|
2620
2614
|
}
|
|
2621
2615
|
return SkyPageSummaryTitleComponent;
|
|
2622
2616
|
}());
|
|
2623
|
-
SkyPageSummaryTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2624
|
-
SkyPageSummaryTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2625
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2617
|
+
SkyPageSummaryTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2618
|
+
SkyPageSummaryTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
2619
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, decorators: [{
|
|
2626
2620
|
type: i0.Component,
|
|
2627
2621
|
args: [{
|
|
2628
2622
|
selector: 'sky-page-summary-title',
|
|
2629
|
-
|
|
2630
|
-
|
|
2623
|
+
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"]
|
|
2631
2625
|
}]
|
|
2632
2626
|
}] });
|
|
2633
2627
|
|
|
@@ -2649,9 +2643,9 @@
|
|
|
2649
2643
|
};
|
|
2650
2644
|
return SkyPageSummaryAdapterService;
|
|
2651
2645
|
}());
|
|
2652
|
-
SkyPageSummaryAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2653
|
-
SkyPageSummaryAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2654
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2646
|
+
SkyPageSummaryAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2647
|
+
SkyPageSummaryAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryAdapterService });
|
|
2648
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, decorators: [{
|
|
2655
2649
|
type: i0.Injectable
|
|
2656
2650
|
}] });
|
|
2657
2651
|
|
|
@@ -2674,7 +2668,7 @@
|
|
|
2674
2668
|
SkyPageSummaryComponent.prototype.ngAfterViewInit = function () {
|
|
2675
2669
|
var _this = this;
|
|
2676
2670
|
this.breakpointSubscription = this.mediaQueryService.subscribe(function (args) {
|
|
2677
|
-
_this.adapter.updateKeyInfoLocation(_this.elRef, args === i1
|
|
2671
|
+
_this.adapter.updateKeyInfoLocation(_this.elRef, args === i1.SkyMediaBreakpoints.xs);
|
|
2678
2672
|
});
|
|
2679
2673
|
};
|
|
2680
2674
|
SkyPageSummaryComponent.prototype.ngOnDestroy = function () {
|
|
@@ -2686,17 +2680,17 @@
|
|
|
2686
2680
|
};
|
|
2687
2681
|
return SkyPageSummaryComponent;
|
|
2688
2682
|
}());
|
|
2689
|
-
SkyPageSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2690
|
-
SkyPageSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2691
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2683
|
+
SkyPageSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryComponent, deps: [{ token: i0__namespace.ElementRef }, { token: SkyPageSummaryAdapterService }, { token: i1__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2684
|
+
SkyPageSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] }] });
|
|
2685
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryComponent, decorators: [{
|
|
2692
2686
|
type: i0.Component,
|
|
2693
2687
|
args: [{
|
|
2694
2688
|
selector: 'sky-page-summary',
|
|
2695
|
-
|
|
2696
|
-
|
|
2689
|
+
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
|
+
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"],
|
|
2697
2691
|
providers: [SkyPageSummaryAdapterService]
|
|
2698
2692
|
}]
|
|
2699
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1__namespace
|
|
2693
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { keyInfoComponents: [{
|
|
2700
2694
|
type: i0.ContentChildren,
|
|
2701
2695
|
args: [SkyPageSummaryKeyInfoComponent, { read: SkyPageSummaryKeyInfoComponent }]
|
|
2702
2696
|
}] } });
|
|
@@ -2706,15 +2700,15 @@
|
|
|
2706
2700
|
}
|
|
2707
2701
|
return SkyPageSummaryModule;
|
|
2708
2702
|
}());
|
|
2709
|
-
SkyPageSummaryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2710
|
-
SkyPageSummaryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2703
|
+
SkyPageSummaryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2704
|
+
SkyPageSummaryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryModule, declarations: [SkyPageSummaryAlertComponent,
|
|
2711
2705
|
SkyPageSummaryComponent,
|
|
2712
2706
|
SkyPageSummaryContentComponent,
|
|
2713
2707
|
SkyPageSummaryImageComponent,
|
|
2714
2708
|
SkyPageSummaryKeyInfoComponent,
|
|
2715
2709
|
SkyPageSummaryStatusComponent,
|
|
2716
2710
|
SkyPageSummarySubtitleComponent,
|
|
2717
|
-
SkyPageSummaryTitleComponent], imports: [
|
|
2711
|
+
SkyPageSummaryTitleComponent], imports: [i3.CommonModule], exports: [SkyPageSummaryAlertComponent,
|
|
2718
2712
|
SkyPageSummaryComponent,
|
|
2719
2713
|
SkyPageSummaryContentComponent,
|
|
2720
2714
|
SkyPageSummaryImageComponent,
|
|
@@ -2722,10 +2716,10 @@
|
|
|
2722
2716
|
SkyPageSummaryStatusComponent,
|
|
2723
2717
|
SkyPageSummarySubtitleComponent,
|
|
2724
2718
|
SkyPageSummaryTitleComponent] });
|
|
2725
|
-
SkyPageSummaryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2726
|
-
|
|
2719
|
+
SkyPageSummaryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryModule, imports: [[
|
|
2720
|
+
i3.CommonModule
|
|
2727
2721
|
]] });
|
|
2728
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2722
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageSummaryModule, decorators: [{
|
|
2729
2723
|
type: i0.NgModule,
|
|
2730
2724
|
args: [{
|
|
2731
2725
|
declarations: [
|
|
@@ -2739,7 +2733,7 @@
|
|
|
2739
2733
|
SkyPageSummaryTitleComponent
|
|
2740
2734
|
],
|
|
2741
2735
|
imports: [
|
|
2742
|
-
|
|
2736
|
+
i3.CommonModule
|
|
2743
2737
|
],
|
|
2744
2738
|
exports: [
|
|
2745
2739
|
SkyPageSummaryAlertComponent,
|
|
@@ -2778,9 +2772,9 @@
|
|
|
2778
2772
|
};
|
|
2779
2773
|
return SkyTextExpandAdapterService;
|
|
2780
2774
|
}());
|
|
2781
|
-
SkyTextExpandAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2782
|
-
SkyTextExpandAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2783
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2775
|
+
SkyTextExpandAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2776
|
+
SkyTextExpandAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandAdapterService });
|
|
2777
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandAdapterService, decorators: [{
|
|
2784
2778
|
type: i0.Injectable
|
|
2785
2779
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
2786
2780
|
|
|
@@ -2806,14 +2800,14 @@
|
|
|
2806
2800
|
};
|
|
2807
2801
|
return SkyTextExpandModalComponent;
|
|
2808
2802
|
}());
|
|
2809
|
-
SkyTextExpandModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2810
|
-
SkyTextExpandModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2811
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2803
|
+
SkyTextExpandModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandModalComponent, deps: [{ token: SkyTextExpandModalContext }, { token: i2__namespace$2.SkyModalInstance }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2804
|
+
SkyTextExpandModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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\">{{context.text}}</sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-link\"\n (click)=\"close()\">{{'skyux_text_expand_close_text' | skyLibResources}}</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 } });
|
|
2805
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandModalComponent, decorators: [{
|
|
2812
2806
|
type: i0.Component,
|
|
2813
2807
|
args: [{
|
|
2814
2808
|
selector: 'sky-text-expand-modal',
|
|
2815
|
-
|
|
2816
|
-
|
|
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\n class=\"sky-btn sky-btn-link\"\n (click)=\"close()\">{{'skyux_text_expand_close_text' | skyLibResources}}</button>\n </sky-modal-footer>\n</sky-modal>\n",
|
|
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"]
|
|
2817
2811
|
}]
|
|
2818
2812
|
}], ctorParameters: function () { return [{ type: SkyTextExpandModalContext }, { type: i2__namespace$2.SkyModalInstance }]; } });
|
|
2819
2813
|
|
|
@@ -3032,21 +3026,21 @@
|
|
|
3032
3026
|
};
|
|
3033
3027
|
return SkyTextExpandComponent;
|
|
3034
3028
|
}());
|
|
3035
|
-
SkyTextExpandComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3036
|
-
SkyTextExpandComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3029
|
+
SkyTextExpandComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandComponent, deps: [{ token: i1__namespace$1.SkyLibResourcesService }, { token: i2__namespace$2.SkyModalService }, { token: SkyTextExpandAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3030
|
+
SkyTextExpandComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyTextExpandComponent, selector: "sky-text-expand", inputs: { expandModalTitle: "expandModalTitle", maxExpandedLength: "maxExpandedLength", maxExpandedNewlines: "maxExpandedNewlines", maxLength: "maxLength", text: "text", truncateNewlines: "truncateNewlines" }, providers: [
|
|
3037
3031
|
SkyTextExpandAdapterService
|
|
3038
|
-
], 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:
|
|
3039
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3032
|
+
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container>\n <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\">... </span>\n <button *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n [attr.aria-expanded]=\"isModal ? undefined : isExpanded\"\n [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n (click)=\"textExpand()\"\n >\n {{buttonText}}\n </button>\n</div>\n", styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3033
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandComponent, decorators: [{
|
|
3040
3034
|
type: i0.Component,
|
|
3041
3035
|
args: [{
|
|
3042
3036
|
selector: 'sky-text-expand',
|
|
3043
|
-
|
|
3044
|
-
|
|
3037
|
+
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",
|
|
3038
|
+
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"],
|
|
3045
3039
|
providers: [
|
|
3046
3040
|
SkyTextExpandAdapterService
|
|
3047
3041
|
]
|
|
3048
3042
|
}]
|
|
3049
|
-
}], ctorParameters: function () { return [{ type: i1__namespace$
|
|
3043
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i2__namespace$2.SkyModalService }, { type: SkyTextExpandAdapterService }]; }, propDecorators: { expandModalTitle: [{
|
|
3050
3044
|
type: i0.Input
|
|
3051
3045
|
}], maxExpandedLength: [{
|
|
3052
3046
|
type: i0.Input
|
|
@@ -3077,19 +3071,19 @@
|
|
|
3077
3071
|
}
|
|
3078
3072
|
return SkyTextExpandModule;
|
|
3079
3073
|
}());
|
|
3080
|
-
SkyTextExpandModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3081
|
-
SkyTextExpandModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3082
|
-
SkyTextExpandModalComponent], imports: [i1$
|
|
3074
|
+
SkyTextExpandModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3075
|
+
SkyTextExpandModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandModule, declarations: [SkyTextExpandComponent,
|
|
3076
|
+
SkyTextExpandModalComponent], imports: [i1$1.SkyI18nModule,
|
|
3083
3077
|
SkyLayoutResourcesModule,
|
|
3084
3078
|
i2$2.SkyModalModule,
|
|
3085
|
-
|
|
3086
|
-
SkyTextExpandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
3087
|
-
i1$
|
|
3079
|
+
i3.CommonModule], exports: [SkyTextExpandComponent] });
|
|
3080
|
+
SkyTextExpandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandModule, imports: [[
|
|
3081
|
+
i1$1.SkyI18nModule,
|
|
3088
3082
|
SkyLayoutResourcesModule,
|
|
3089
3083
|
i2$2.SkyModalModule,
|
|
3090
|
-
|
|
3084
|
+
i3.CommonModule
|
|
3091
3085
|
]] });
|
|
3092
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3086
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandModule, decorators: [{
|
|
3093
3087
|
type: i0.NgModule,
|
|
3094
3088
|
args: [{
|
|
3095
3089
|
declarations: [
|
|
@@ -3097,10 +3091,10 @@
|
|
|
3097
3091
|
SkyTextExpandModalComponent
|
|
3098
3092
|
],
|
|
3099
3093
|
imports: [
|
|
3100
|
-
i1$
|
|
3094
|
+
i1$1.SkyI18nModule,
|
|
3101
3095
|
SkyLayoutResourcesModule,
|
|
3102
3096
|
i2$2.SkyModalModule,
|
|
3103
|
-
|
|
3097
|
+
i3.CommonModule
|
|
3104
3098
|
],
|
|
3105
3099
|
exports: [
|
|
3106
3100
|
SkyTextExpandComponent
|
|
@@ -3141,9 +3135,9 @@
|
|
|
3141
3135
|
};
|
|
3142
3136
|
return SkyTextExpandRepeaterAdapterService;
|
|
3143
3137
|
}());
|
|
3144
|
-
SkyTextExpandRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3145
|
-
SkyTextExpandRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
3146
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3138
|
+
SkyTextExpandRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
3139
|
+
SkyTextExpandRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService });
|
|
3140
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService, decorators: [{
|
|
3147
3141
|
type: i0.Injectable
|
|
3148
3142
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
3149
3143
|
|
|
@@ -3157,6 +3151,11 @@
|
|
|
3157
3151
|
this.elRef = elRef;
|
|
3158
3152
|
this.textExpandRepeaterAdapter = textExpandRepeaterAdapter;
|
|
3159
3153
|
this.changeDetector = changeDetector;
|
|
3154
|
+
/**
|
|
3155
|
+
* Specifies the style of bullet to use
|
|
3156
|
+
* @default 'unordered'
|
|
3157
|
+
*/
|
|
3158
|
+
this.listStyle = 'unordered';
|
|
3160
3159
|
this.contentSectionId = "sky-text-expand-repeater-content-" + ++nextId;
|
|
3161
3160
|
this.isExpanded = false;
|
|
3162
3161
|
}
|
|
@@ -3287,24 +3286,26 @@
|
|
|
3287
3286
|
};
|
|
3288
3287
|
return SkyTextExpandRepeaterComponent;
|
|
3289
3288
|
}());
|
|
3290
|
-
SkyTextExpandRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3291
|
-
SkyTextExpandRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3289
|
+
SkyTextExpandRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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 });
|
|
3290
|
+
SkyTextExpandRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyTextExpandRepeaterComponent, selector: "sky-text-expand-repeater", inputs: { data: "data", itemTemplate: "itemTemplate", listStyle: "listStyle", maxItems: "maxItems" }, providers: [
|
|
3292
3291
|
SkyTextExpandRepeaterAdapterService
|
|
3293
|
-
], 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\"
|
|
3294
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3292
|
+
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"sky-text-expand-repeater\">\n <ul *ngIf=\"listStyle !== 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-list-style-none' : listStyle === 'unstyled'\n }\"\n #container\n >\n <ng-template\n [ngTemplateOutlet]=\"listItemTemplate\"\n ></ng-template>\n </ul>\n <ol *ngIf=\"listStyle === 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n #container\n >\n <ng-template\n [ngTemplateOutlet]=\"listItemTemplate\"\n ></ng-template>\n </ol>\n <button *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n [attr.aria-expanded]=\"isExpanded\"\n [attr.aria-controls]=\"contentSectionId\"\n (click)=\"repeaterExpand()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none' : listStyle === 'unstyled'\n }\"\n >\n {{buttonText}}\n </button>\n</div>\n\n<ng-template\n let-item\n #defaultItemTemplate\n>\n {{ item }}\n</ng-template>\n\n<ng-template\n #listItemTemplate>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n</ng-template>\n", styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}.sky-text-expand-repeater-list-style-none{list-style-type:none;padding-left:0}.sky-text-expand-repeater-see-more-list-style-none{margin-left:0}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3293
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
3295
3294
|
type: i0.Component,
|
|
3296
3295
|
args: [{
|
|
3297
3296
|
selector: 'sky-text-expand-repeater',
|
|
3298
|
-
|
|
3299
|
-
|
|
3297
|
+
template: "<div class=\"sky-text-expand-repeater\">\n <ul *ngIf=\"listStyle !== 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-list-style-none' : listStyle === 'unstyled'\n }\"\n #container\n >\n <ng-template\n [ngTemplateOutlet]=\"listItemTemplate\"\n ></ng-template>\n </ul>\n <ol *ngIf=\"listStyle === 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n #container\n >\n <ng-template\n [ngTemplateOutlet]=\"listItemTemplate\"\n ></ng-template>\n </ol>\n <button *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n [attr.aria-expanded]=\"isExpanded\"\n [attr.aria-controls]=\"contentSectionId\"\n (click)=\"repeaterExpand()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none' : listStyle === 'unstyled'\n }\"\n >\n {{buttonText}}\n </button>\n</div>\n\n<ng-template\n let-item\n #defaultItemTemplate\n>\n {{ item }}\n</ng-template>\n\n<ng-template\n #listItemTemplate>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n</ng-template>\n",
|
|
3298
|
+
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"],
|
|
3300
3299
|
providers: [
|
|
3301
3300
|
SkyTextExpandRepeaterAdapterService
|
|
3302
3301
|
]
|
|
3303
3302
|
}]
|
|
3304
|
-
}], ctorParameters: function () { return [{ type: i1__namespace$
|
|
3303
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i0__namespace.ElementRef }, { type: SkyTextExpandRepeaterAdapterService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { data: [{
|
|
3305
3304
|
type: i0.Input
|
|
3306
3305
|
}], itemTemplate: [{
|
|
3307
3306
|
type: i0.Input
|
|
3307
|
+
}], listStyle: [{
|
|
3308
|
+
type: i0.Input
|
|
3308
3309
|
}], maxItems: [{
|
|
3309
3310
|
type: i0.Input
|
|
3310
3311
|
}], containerEl: [{
|
|
@@ -3320,25 +3321,25 @@
|
|
|
3320
3321
|
}
|
|
3321
3322
|
return SkyTextExpandRepeaterModule;
|
|
3322
3323
|
}());
|
|
3323
|
-
SkyTextExpandRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3324
|
-
SkyTextExpandRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3324
|
+
SkyTextExpandRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3325
|
+
SkyTextExpandRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, declarations: [SkyTextExpandRepeaterComponent], imports: [i1$1.SkyI18nModule,
|
|
3325
3326
|
SkyLayoutResourcesModule,
|
|
3326
|
-
|
|
3327
|
-
SkyTextExpandRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
3328
|
-
i1$
|
|
3327
|
+
i3.CommonModule], exports: [SkyTextExpandRepeaterComponent] });
|
|
3328
|
+
SkyTextExpandRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, imports: [[
|
|
3329
|
+
i1$1.SkyI18nModule,
|
|
3329
3330
|
SkyLayoutResourcesModule,
|
|
3330
|
-
|
|
3331
|
+
i3.CommonModule
|
|
3331
3332
|
]] });
|
|
3332
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3333
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
3333
3334
|
type: i0.NgModule,
|
|
3334
3335
|
args: [{
|
|
3335
3336
|
declarations: [
|
|
3336
3337
|
SkyTextExpandRepeaterComponent
|
|
3337
3338
|
],
|
|
3338
3339
|
imports: [
|
|
3339
|
-
i1$
|
|
3340
|
+
i1$1.SkyI18nModule,
|
|
3340
3341
|
SkyLayoutResourcesModule,
|
|
3341
|
-
|
|
3342
|
+
i3.CommonModule
|
|
3342
3343
|
],
|
|
3343
3344
|
exports: [
|
|
3344
3345
|
SkyTextExpandRepeaterComponent
|
|
@@ -3354,14 +3355,14 @@
|
|
|
3354
3355
|
}
|
|
3355
3356
|
return SkyToolbarSectionComponent;
|
|
3356
3357
|
}());
|
|
3357
|
-
SkyToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3358
|
-
SkyToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3359
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3358
|
+
SkyToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3359
|
+
SkyToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
3360
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarSectionComponent, decorators: [{
|
|
3360
3361
|
type: i0.Component,
|
|
3361
3362
|
args: [{
|
|
3362
3363
|
selector: 'sky-toolbar-section',
|
|
3363
|
-
|
|
3364
|
-
|
|
3364
|
+
styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}\n"],
|
|
3365
|
+
template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n"
|
|
3365
3366
|
}]
|
|
3366
3367
|
}] });
|
|
3367
3368
|
|
|
@@ -3377,14 +3378,14 @@
|
|
|
3377
3378
|
};
|
|
3378
3379
|
return SkyToolbarComponent;
|
|
3379
3380
|
}());
|
|
3380
|
-
SkyToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3381
|
-
SkyToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3382
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3381
|
+
SkyToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3382
|
+
SkyToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] }] });
|
|
3383
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarComponent, decorators: [{
|
|
3383
3384
|
type: i0.Component,
|
|
3384
3385
|
args: [{
|
|
3385
3386
|
selector: 'sky-toolbar',
|
|
3386
|
-
|
|
3387
|
-
|
|
3387
|
+
styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"],
|
|
3388
|
+
template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\"></ng-content>\n <div class=\"sky-toolbar-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n"
|
|
3388
3389
|
}]
|
|
3389
3390
|
}], propDecorators: { sectionComponents: [{
|
|
3390
3391
|
type: i0.ContentChildren,
|
|
@@ -3399,14 +3400,14 @@
|
|
|
3399
3400
|
}
|
|
3400
3401
|
return SkyToolbarItemComponent;
|
|
3401
3402
|
}());
|
|
3402
|
-
SkyToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3403
|
-
SkyToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3404
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3403
|
+
SkyToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3404
|
+
SkyToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] });
|
|
3405
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarItemComponent, decorators: [{
|
|
3405
3406
|
type: i0.Component,
|
|
3406
3407
|
args: [{
|
|
3407
3408
|
selector: 'sky-toolbar-item',
|
|
3408
|
-
|
|
3409
|
-
|
|
3409
|
+
styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"],
|
|
3410
|
+
template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n"
|
|
3410
3411
|
}]
|
|
3411
3412
|
}] });
|
|
3412
3413
|
|
|
@@ -3419,14 +3420,14 @@
|
|
|
3419
3420
|
}
|
|
3420
3421
|
return SkyToolbarViewActionsComponent;
|
|
3421
3422
|
}());
|
|
3422
|
-
SkyToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3423
|
-
SkyToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3424
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3423
|
+
SkyToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3424
|
+
SkyToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyToolbarViewActionsComponent, selector: "sky-toolbar-view-actions", ngImport: i0__namespace, template: "<div\n class=\"sky-toolbar-view-actions\"\n>\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 });
|
|
3425
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
3425
3426
|
type: i0.Component,
|
|
3426
3427
|
args: [{
|
|
3427
3428
|
selector: 'sky-toolbar-view-actions',
|
|
3428
|
-
|
|
3429
|
-
|
|
3429
|
+
template: "<div\n class=\"sky-toolbar-view-actions\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
3430
|
+
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"],
|
|
3430
3431
|
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3431
3432
|
}]
|
|
3432
3433
|
}] });
|
|
@@ -3436,18 +3437,18 @@
|
|
|
3436
3437
|
}
|
|
3437
3438
|
return SkyToolbarModule;
|
|
3438
3439
|
}());
|
|
3439
|
-
SkyToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3440
|
-
SkyToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3440
|
+
SkyToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3441
|
+
SkyToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
|
|
3441
3442
|
SkyToolbarItemComponent,
|
|
3442
3443
|
SkyToolbarSectionComponent,
|
|
3443
|
-
SkyToolbarViewActionsComponent], imports: [
|
|
3444
|
+
SkyToolbarViewActionsComponent], imports: [i3.CommonModule], exports: [SkyToolbarComponent,
|
|
3444
3445
|
SkyToolbarItemComponent,
|
|
3445
3446
|
SkyToolbarSectionComponent,
|
|
3446
3447
|
SkyToolbarViewActionsComponent] });
|
|
3447
|
-
SkyToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
3448
|
-
|
|
3448
|
+
SkyToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarModule, imports: [[
|
|
3449
|
+
i3.CommonModule
|
|
3449
3450
|
]] });
|
|
3450
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3451
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyToolbarModule, decorators: [{
|
|
3451
3452
|
type: i0.NgModule,
|
|
3452
3453
|
args: [{
|
|
3453
3454
|
declarations: [
|
|
@@ -3457,7 +3458,7 @@
|
|
|
3457
3458
|
SkyToolbarViewActionsComponent
|
|
3458
3459
|
],
|
|
3459
3460
|
imports: [
|
|
3460
|
-
|
|
3461
|
+
i3.CommonModule
|
|
3461
3462
|
],
|
|
3462
3463
|
exports: [
|
|
3463
3464
|
SkyToolbarComponent,
|
|
@@ -3485,48 +3486,48 @@
|
|
|
3485
3486
|
exports.SkyTextExpandModule = SkyTextExpandModule;
|
|
3486
3487
|
exports.SkyTextExpandRepeaterModule = SkyTextExpandRepeaterModule;
|
|
3487
3488
|
exports.SkyToolbarModule = SkyToolbarModule;
|
|
3488
|
-
exports
|
|
3489
|
-
exports
|
|
3490
|
-
exports
|
|
3491
|
-
exports
|
|
3492
|
-
exports
|
|
3493
|
-
exports
|
|
3494
|
-
exports
|
|
3495
|
-
exports
|
|
3496
|
-
exports
|
|
3497
|
-
exports
|
|
3498
|
-
exports
|
|
3499
|
-
exports
|
|
3500
|
-
exports
|
|
3501
|
-
exports
|
|
3502
|
-
exports
|
|
3503
|
-
exports
|
|
3504
|
-
exports
|
|
3505
|
-
exports
|
|
3506
|
-
exports
|
|
3507
|
-
exports
|
|
3508
|
-
exports
|
|
3509
|
-
exports
|
|
3510
|
-
exports
|
|
3511
|
-
exports
|
|
3512
|
-
exports
|
|
3513
|
-
exports
|
|
3514
|
-
exports
|
|
3515
|
-
exports
|
|
3516
|
-
exports
|
|
3517
|
-
exports
|
|
3518
|
-
exports
|
|
3519
|
-
exports
|
|
3520
|
-
exports
|
|
3521
|
-
exports
|
|
3522
|
-
exports
|
|
3523
|
-
exports
|
|
3524
|
-
exports
|
|
3525
|
-
exports
|
|
3526
|
-
exports
|
|
3527
|
-
exports
|
|
3489
|
+
exports["λ1"] = SkyActionButtonComponent;
|
|
3490
|
+
exports["λ10"] = SkyCardActionsComponent;
|
|
3491
|
+
exports["λ11"] = SkyCardContentComponent;
|
|
3492
|
+
exports["λ12"] = SkyCardTitleComponent;
|
|
3493
|
+
exports["λ13"] = SkyDefinitionListComponent;
|
|
3494
|
+
exports["λ14"] = SkyDefinitionListContentComponent;
|
|
3495
|
+
exports["λ15"] = SkyDefinitionListHeadingComponent;
|
|
3496
|
+
exports["λ16"] = SkyDefinitionListLabelComponent;
|
|
3497
|
+
exports["λ17"] = SkyDefinitionListValueComponent;
|
|
3498
|
+
exports["λ18"] = SkyDescriptionListComponent;
|
|
3499
|
+
exports["λ19"] = SkyDescriptionListTermComponent;
|
|
3500
|
+
exports["λ2"] = SkyActionButtonContainerComponent;
|
|
3501
|
+
exports["λ20"] = SkyDescriptionListDescriptionComponent;
|
|
3502
|
+
exports["λ21"] = SkyDescriptionListContentComponent;
|
|
3503
|
+
exports["λ22"] = SkyFluidGridComponent;
|
|
3504
|
+
exports["λ23"] = SkyRowComponent;
|
|
3505
|
+
exports["λ24"] = SkyColumnComponent;
|
|
3506
|
+
exports["λ25"] = SkyFormatComponent;
|
|
3507
|
+
exports["λ26"] = SkyPageComponent;
|
|
3508
|
+
exports["λ27"] = SkyPageSummaryComponent;
|
|
3509
|
+
exports["λ28"] = SkyPageSummaryAlertComponent;
|
|
3510
|
+
exports["λ29"] = SkyPageSummaryContentComponent;
|
|
3511
|
+
exports["λ3"] = SkyActionButtonDetailsComponent;
|
|
3512
|
+
exports["λ30"] = SkyPageSummaryImageComponent;
|
|
3513
|
+
exports["λ31"] = SkyPageSummaryKeyInfoComponent;
|
|
3514
|
+
exports["λ32"] = SkyPageSummaryStatusComponent;
|
|
3515
|
+
exports["λ33"] = SkyPageSummarySubtitleComponent;
|
|
3516
|
+
exports["λ34"] = SkyPageSummaryTitleComponent;
|
|
3517
|
+
exports["λ35"] = SkyTextExpandComponent;
|
|
3518
|
+
exports["λ36"] = SkyTextExpandRepeaterComponent;
|
|
3519
|
+
exports["λ37"] = SkyToolbarComponent;
|
|
3520
|
+
exports["λ38"] = SkyToolbarSectionComponent;
|
|
3521
|
+
exports["λ39"] = SkyToolbarItemComponent;
|
|
3522
|
+
exports["λ4"] = SkyActionButtonHeaderComponent;
|
|
3523
|
+
exports["λ40"] = SkyToolbarViewActionsComponent;
|
|
3524
|
+
exports["λ5"] = SkyActionButtonIconComponent;
|
|
3525
|
+
exports["λ6"] = SkyBackToTopComponent;
|
|
3526
|
+
exports["λ7"] = SkyBackToTopDirective;
|
|
3527
|
+
exports["λ8"] = SkyInlineDeleteComponent;
|
|
3528
|
+
exports["λ9"] = SkyCardComponent;
|
|
3528
3529
|
|
|
3529
3530
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3530
3531
|
|
|
3531
|
-
}))
|
|
3532
|
+
}));
|
|
3532
3533
|
//# sourceMappingURL=skyux-layout.umd.js.map
|