@skyux/layout 5.1.0 → 5.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-layout-testing.umd.js +8 -3
- package/bundles/skyux-layout-testing.umd.js.map +1 -1
- package/bundles/skyux-layout.umd.js +424 -504
- package/bundles/skyux-layout.umd.js.map +1 -1
- package/documentation.json +288 -283
- package/esm2015/modules/action-button/action-button-adapter-service.js +5 -5
- package/esm2015/modules/action-button/action-button-container.component.js +9 -13
- package/esm2015/modules/action-button/action-button-details.component.js +5 -5
- package/esm2015/modules/action-button/action-button-header.component.js +5 -5
- package/esm2015/modules/action-button/action-button-icon.component.js +5 -5
- package/esm2015/modules/action-button/action-button-permalink.js +1 -1
- package/esm2015/modules/action-button/action-button.component.js +6 -6
- package/esm2015/modules/action-button/action-button.module.js +10 -10
- package/esm2015/modules/action-button/types/action-button-container-align-items.js +1 -1
- package/esm2015/modules/back-to-top/back-to-top-adapter.service.js +7 -8
- package/esm2015/modules/back-to-top/back-to-top.component.js +6 -8
- package/esm2015/modules/back-to-top/back-to-top.directive.js +12 -12
- package/esm2015/modules/back-to-top/back-top-top.module.js +11 -21
- package/esm2015/modules/back-to-top/models/back-to-top-message-type.js +1 -1
- package/esm2015/modules/back-to-top/models/back-to-top-message.js +1 -1
- package/esm2015/modules/back-to-top/models/back-to-top-options.js +1 -1
- package/esm2015/modules/card/card-actions.component.js +5 -5
- package/esm2015/modules/card/card-content.component.js +5 -5
- package/esm2015/modules/card/card-title.component.js +5 -5
- package/esm2015/modules/card/card.component.js +8 -8
- package/esm2015/modules/card/card.module.js +10 -10
- package/esm2015/modules/definition-list/definition-list-content.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-heading.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-label.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-value.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list.module.js +10 -20
- package/esm2015/modules/definition-list/definition-list.service.js +4 -4
- package/esm2015/modules/description-list/description-list-adapter-service.js +7 -6
- package/esm2015/modules/description-list/description-list-content.component.js +5 -5
- package/esm2015/modules/description-list/description-list-description.component.js +7 -7
- package/esm2015/modules/description-list/description-list-term.component.js +7 -7
- package/esm2015/modules/description-list/description-list.component.js +9 -15
- package/esm2015/modules/description-list/description-list.module.js +10 -10
- package/esm2015/modules/description-list/description-list.service.js +4 -4
- package/esm2015/modules/description-list/types/description-list-mode-type.js +1 -1
- package/esm2015/modules/description-list/types/description-list-mode.js +1 -1
- package/esm2015/modules/fluid-grid/column.component.js +11 -10
- package/esm2015/modules/fluid-grid/fluid-grid-gutter-size.js +1 -1
- package/esm2015/modules/fluid-grid/fluid-grid.component.js +5 -7
- package/esm2015/modules/fluid-grid/fluid-grid.module.js +8 -24
- package/esm2015/modules/fluid-grid/row.component.js +5 -5
- package/esm2015/modules/fluid-grid/types/fluid-grid-gutter-size-type.js +1 -1
- package/esm2015/modules/format/format-item.js +1 -1
- package/esm2015/modules/format/format.component.js +6 -6
- package/esm2015/modules/format/format.module.js +8 -16
- package/esm2015/modules/inline-delete/inline-delete-adapter.service.js +19 -15
- package/esm2015/modules/inline-delete/inline-delete-type.js +1 -1
- package/esm2015/modules/inline-delete/inline-delete.component.js +28 -34
- package/esm2015/modules/inline-delete/inline-delete.module.js +9 -13
- package/esm2015/modules/page/page-theme-adapter.service.js +4 -4
- package/esm2015/modules/page/page.component.js +5 -5
- package/esm2015/modules/page/page.module.js +7 -11
- package/esm2015/modules/page-summary/page-summary-adapter.service.js +4 -4
- package/esm2015/modules/page-summary/page-summary-alert.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-content.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-image.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-key-info.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-status.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-subtitle.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-title.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary.component.js +10 -8
- package/esm2015/modules/page-summary/page-summary.module.js +9 -13
- package/esm2015/modules/shared/sky-layout-resources.module.js +31 -12
- package/esm2015/modules/text-expand/text-expand-adapter.service.js +5 -5
- package/esm2015/modules/text-expand/text-expand-modal.component.js +5 -5
- package/esm2015/modules/text-expand/text-expand.component.js +21 -25
- package/esm2015/modules/text-expand/text-expand.module.js +10 -18
- package/esm2015/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +5 -5
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.component.js +9 -13
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.module.js +8 -22
- package/esm2015/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +1 -1
- package/esm2015/modules/toolbar/toolbar-item.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-section.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-view-actions.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar.component.js +6 -6
- package/esm2015/modules/toolbar/toolbar.module.js +9 -13
- package/esm2015/public-api.js +1 -1
- package/esm2015/testing/action-button-fixture.js +6 -3
- package/esm2015/testing/card-fixture.js +4 -2
- package/esm2015/testing/page-summary-fixture.js +1 -1
- package/fesm2015/skyux-layout-testing.js +8 -3
- package/fesm2015/skyux-layout-testing.js.map +1 -1
- package/fesm2015/skyux-layout.js +414 -498
- package/fesm2015/skyux-layout.js.map +1 -1
- package/package.json +7 -7
package/fesm2015/skyux-layout.js
CHANGED
|
@@ -59,9 +59,9 @@ class SkyActionButtonAdapterService {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
SkyActionButtonAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
63
|
-
SkyActionButtonAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
62
|
+
SkyActionButtonAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
63
|
+
SkyActionButtonAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonAdapterService });
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonAdapterService, decorators: [{
|
|
65
65
|
type: Injectable
|
|
66
66
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
67
67
|
|
|
@@ -82,15 +82,15 @@ class SkyActionButtonComponent {
|
|
|
82
82
|
this.actionClick.emit();
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
|
-
SkyActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
86
|
-
SkyActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
85
|
+
SkyActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
+
SkyActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<a\n *ngIf=\"permalink && permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink.route?.commands\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n *ngIf=\"permalink && !permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n *ngIf=\"!permalink\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n", styles: [".sky-action-button{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3$1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
|
|
88
88
|
type: Component,
|
|
89
89
|
args: [{
|
|
90
90
|
selector: 'sky-action-button',
|
|
91
91
|
styleUrls: ['./action-button.component.scss'],
|
|
92
92
|
templateUrl: './action-button.component.html',
|
|
93
|
-
encapsulation: ViewEncapsulation.None
|
|
93
|
+
encapsulation: ViewEncapsulation.None,
|
|
94
94
|
}]
|
|
95
95
|
}], propDecorators: { permalink: [{
|
|
96
96
|
type: Input
|
|
@@ -176,7 +176,7 @@ class SkyActionButtonContainerComponent {
|
|
|
176
176
|
});
|
|
177
177
|
this.mutationObserver.observe(el, {
|
|
178
178
|
characterData: true,
|
|
179
|
-
subtree: true
|
|
179
|
+
subtree: true,
|
|
180
180
|
});
|
|
181
181
|
});
|
|
182
182
|
}
|
|
@@ -201,20 +201,16 @@ class SkyActionButtonContainerComponent {
|
|
|
201
201
|
this.actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
|
-
SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
205
|
-
SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
206
|
-
|
|
207
|
-
], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
|
|
204
|
+
SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i1.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i1.MutationObserverService }, { token: i0.NgZone }, { token: i3$1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
205
|
+
SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonContainerComponent, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyActionButtonAdapterService], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
|
|
209
207
|
type: Component,
|
|
210
208
|
args: [{
|
|
211
209
|
selector: 'sky-action-button-container',
|
|
212
210
|
styleUrls: ['./action-button-container.component.scss'],
|
|
213
211
|
templateUrl: './action-button-container.component.html',
|
|
214
|
-
providers: [
|
|
215
|
-
|
|
216
|
-
],
|
|
217
|
-
encapsulation: ViewEncapsulation.None
|
|
212
|
+
providers: [SkyActionButtonAdapterService],
|
|
213
|
+
encapsulation: ViewEncapsulation.None,
|
|
218
214
|
}]
|
|
219
215
|
}], ctorParameters: function () { return [{ type: SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i1.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: i1.MutationObserverService }, { type: i0.NgZone }, { type: i3$1.SkyThemeService, decorators: [{
|
|
220
216
|
type: Optional
|
|
@@ -227,7 +223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
227
223
|
type: ViewChild,
|
|
228
224
|
args: ['container', {
|
|
229
225
|
read: ElementRef,
|
|
230
|
-
static: true
|
|
226
|
+
static: true,
|
|
231
227
|
}]
|
|
232
228
|
}], onWindowResize: [{
|
|
233
229
|
type: HostListener,
|
|
@@ -239,13 +235,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
239
235
|
*/
|
|
240
236
|
class SkyActionButtonDetailsComponent {
|
|
241
237
|
}
|
|
242
|
-
SkyActionButtonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
243
|
-
SkyActionButtonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
238
|
+
SkyActionButtonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
239
|
+
SkyActionButtonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonDetailsComponent, decorators: [{
|
|
245
241
|
type: Component,
|
|
246
242
|
args: [{
|
|
247
243
|
selector: 'sky-action-button-details',
|
|
248
|
-
templateUrl: './action-button-details.component.html'
|
|
244
|
+
templateUrl: './action-button-details.component.html',
|
|
249
245
|
}]
|
|
250
246
|
}] });
|
|
251
247
|
|
|
@@ -254,14 +250,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
254
250
|
*/
|
|
255
251
|
class SkyActionButtonHeaderComponent {
|
|
256
252
|
}
|
|
257
|
-
SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
258
|
-
SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
259
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
253
|
+
SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
254
|
+
SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0, 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$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
|
|
260
256
|
type: Component,
|
|
261
257
|
args: [{
|
|
262
258
|
selector: 'sky-action-button-header',
|
|
263
259
|
styleUrls: ['./action-button-header.component.scss'],
|
|
264
|
-
templateUrl: './action-button-header.component.html'
|
|
260
|
+
templateUrl: './action-button-header.component.html',
|
|
265
261
|
}]
|
|
266
262
|
}] });
|
|
267
263
|
|
|
@@ -291,14 +287,14 @@ class SkyActionButtonIconComponent {
|
|
|
291
287
|
}
|
|
292
288
|
}
|
|
293
289
|
}
|
|
294
|
-
SkyActionButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
295
|
-
SkyActionButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
290
|
+
SkyActionButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonIconComponent, deps: [{ token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
291
|
+
SkyActionButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n", styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"], components: [{ type: i2$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] });
|
|
292
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
|
|
297
293
|
type: Component,
|
|
298
294
|
args: [{
|
|
299
295
|
selector: 'sky-action-button-icon',
|
|
300
296
|
styleUrls: ['./action-button-icon.component.scss'],
|
|
301
|
-
templateUrl: './action-button-icon.component.html'
|
|
297
|
+
templateUrl: './action-button-icon.component.html',
|
|
302
298
|
}]
|
|
303
299
|
}], ctorParameters: function () { return [{ type: i1.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
|
|
304
300
|
type: Input
|
|
@@ -306,8 +302,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
306
302
|
|
|
307
303
|
class SkyActionButtonModule {
|
|
308
304
|
}
|
|
309
|
-
SkyActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
310
|
-
SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
305
|
+
SkyActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
306
|
+
SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
|
|
311
307
|
SkyActionButtonContainerComponent,
|
|
312
308
|
SkyActionButtonDetailsComponent,
|
|
313
309
|
SkyActionButtonHeaderComponent,
|
|
@@ -320,14 +316,14 @@ SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
|
|
|
320
316
|
SkyActionButtonDetailsComponent,
|
|
321
317
|
SkyActionButtonHeaderComponent,
|
|
322
318
|
SkyActionButtonIconComponent] });
|
|
323
|
-
SkyActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
319
|
+
SkyActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonModule, imports: [[
|
|
324
320
|
CommonModule,
|
|
325
321
|
RouterModule,
|
|
326
322
|
SkyHrefModule,
|
|
327
323
|
SkyIconModule,
|
|
328
|
-
SkyThemeModule
|
|
324
|
+
SkyThemeModule,
|
|
329
325
|
]] });
|
|
330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyActionButtonModule, decorators: [{
|
|
331
327
|
type: NgModule,
|
|
332
328
|
args: [{
|
|
333
329
|
declarations: [
|
|
@@ -335,22 +331,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
335
331
|
SkyActionButtonContainerComponent,
|
|
336
332
|
SkyActionButtonDetailsComponent,
|
|
337
333
|
SkyActionButtonHeaderComponent,
|
|
338
|
-
SkyActionButtonIconComponent
|
|
334
|
+
SkyActionButtonIconComponent,
|
|
339
335
|
],
|
|
340
336
|
imports: [
|
|
341
337
|
CommonModule,
|
|
342
338
|
RouterModule,
|
|
343
339
|
SkyHrefModule,
|
|
344
340
|
SkyIconModule,
|
|
345
|
-
SkyThemeModule
|
|
341
|
+
SkyThemeModule,
|
|
346
342
|
],
|
|
347
343
|
exports: [
|
|
348
344
|
SkyActionButtonComponent,
|
|
349
345
|
SkyActionButtonContainerComponent,
|
|
350
346
|
SkyActionButtonDetailsComponent,
|
|
351
347
|
SkyActionButtonHeaderComponent,
|
|
352
|
-
SkyActionButtonIconComponent
|
|
353
|
-
]
|
|
348
|
+
SkyActionButtonIconComponent,
|
|
349
|
+
],
|
|
354
350
|
}]
|
|
355
351
|
}] });
|
|
356
352
|
|
|
@@ -372,8 +368,7 @@ class SkyBackToTopDomAdapterService {
|
|
|
372
368
|
*/
|
|
373
369
|
elementInViewOnScroll(elementRef) {
|
|
374
370
|
const parent = this.findScrollableParent(elementRef.nativeElement);
|
|
375
|
-
return fromEvent(parent, 'scroll')
|
|
376
|
-
.pipe(takeUntil(this.ngUnsubscribe), map(() => {
|
|
371
|
+
return fromEvent(parent, 'scroll').pipe(takeUntil(this.ngUnsubscribe), map(() => {
|
|
377
372
|
const isInView = this.isElementScrolledInView(elementRef.nativeElement, parent);
|
|
378
373
|
return isInView;
|
|
379
374
|
}));
|
|
@@ -424,17 +419,17 @@ class SkyBackToTopDomAdapterService {
|
|
|
424
419
|
const elementRect = element.getBoundingClientRect();
|
|
425
420
|
/* istanbul ignore else */
|
|
426
421
|
if (parentElement === windowObj) {
|
|
427
|
-
return
|
|
422
|
+
return elementRect.top > -buffer;
|
|
428
423
|
}
|
|
429
424
|
else {
|
|
430
425
|
const parentRect = parentElement.getBoundingClientRect();
|
|
431
|
-
return
|
|
426
|
+
return elementRect.top > parentRect.top - buffer;
|
|
432
427
|
}
|
|
433
428
|
}
|
|
434
429
|
}
|
|
435
|
-
SkyBackToTopDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
436
|
-
SkyBackToTopDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
430
|
+
SkyBackToTopDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopDomAdapterService, deps: [{ token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
431
|
+
SkyBackToTopDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopDomAdapterService });
|
|
432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopDomAdapterService, decorators: [{
|
|
438
433
|
type: Injectable
|
|
439
434
|
}], ctorParameters: function () { return [{ type: i1.SkyAppWindowRef }]; } });
|
|
440
435
|
|
|
@@ -453,17 +448,15 @@ class SkyBackToTopComponent {
|
|
|
453
448
|
this._scrollToTopClick.complete();
|
|
454
449
|
}
|
|
455
450
|
}
|
|
456
|
-
SkyBackToTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
457
|
-
SkyBackToTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
451
|
+
SkyBackToTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
452
|
+
SkyBackToTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyBackToTopComponent, selector: "sky-back-to-top", ngImport: i0, template: "<div class=\"sky-back-to-top sky-padding-squish-large\">\n <button\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"onScrollToTopClick()\"\n >\n {{ 'skyux_back_to_top' | skyLibResources }}\n </button>\n</div>\n", styles: [".sky-back-to-top{display:flex;align-items:center;width:100%;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}\n"], pipes: { "skyLibResources": i1$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopComponent, decorators: [{
|
|
459
454
|
type: Component,
|
|
460
455
|
args: [{
|
|
461
456
|
selector: 'sky-back-to-top',
|
|
462
457
|
templateUrl: './back-to-top.component.html',
|
|
463
|
-
styleUrls: [
|
|
464
|
-
|
|
465
|
-
],
|
|
466
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
458
|
+
styleUrls: ['./back-to-top.component.scss'],
|
|
459
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
467
460
|
}]
|
|
468
461
|
}] });
|
|
469
462
|
|
|
@@ -523,7 +516,10 @@ class SkyBackToTopDirective {
|
|
|
523
516
|
}
|
|
524
517
|
handleBackToTopButton(elementInView) {
|
|
525
518
|
// Add back to top button if user scrolls down and button is not hidden.
|
|
526
|
-
if (!this.dockItem &&
|
|
519
|
+
if (!this.dockItem &&
|
|
520
|
+
elementInView !== undefined &&
|
|
521
|
+
!elementInView &&
|
|
522
|
+
!this.buttonHidden) {
|
|
527
523
|
this.addBackToTop();
|
|
528
524
|
}
|
|
529
525
|
// Remove back to top button if user scrolls back up.
|
|
@@ -549,7 +545,8 @@ class SkyBackToTopDirective {
|
|
|
549
545
|
setBackToTopListeners() {
|
|
550
546
|
/* istanbul ignore else */
|
|
551
547
|
if (this.element) {
|
|
552
|
-
this.domAdapter
|
|
548
|
+
this.domAdapter
|
|
549
|
+
.elementInViewOnScroll(this.element)
|
|
553
550
|
.pipe(takeUntil(this.ngUnsubscribe))
|
|
554
551
|
.subscribe((elementInView) => {
|
|
555
552
|
this.elementInView = elementInView;
|
|
@@ -565,17 +562,13 @@ class SkyBackToTopDirective {
|
|
|
565
562
|
}
|
|
566
563
|
}
|
|
567
564
|
}
|
|
568
|
-
SkyBackToTopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
569
|
-
SkyBackToTopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
570
|
-
|
|
571
|
-
], ngImport: i0 });
|
|
572
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyBackToTopDirective, decorators: [{
|
|
565
|
+
SkyBackToTopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopDirective, deps: [{ token: i1.SkyDockService }, { token: SkyBackToTopDomAdapterService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
566
|
+
SkyBackToTopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: SkyBackToTopDirective, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [SkyBackToTopDomAdapterService], ngImport: i0 });
|
|
567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopDirective, decorators: [{
|
|
573
568
|
type: Directive,
|
|
574
569
|
args: [{
|
|
575
570
|
selector: '[skyBackToTop]',
|
|
576
|
-
providers: [
|
|
577
|
-
SkyBackToTopDomAdapterService
|
|
578
|
-
]
|
|
571
|
+
providers: [SkyBackToTopDomAdapterService],
|
|
579
572
|
}]
|
|
580
573
|
}], ctorParameters: function () { return [{ type: i1.SkyDockService }, { type: SkyBackToTopDomAdapterService }, { type: i0.ElementRef }]; }, propDecorators: { skyBackToTop: [{
|
|
581
574
|
type: Input
|
|
@@ -590,7 +583,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
590
583
|
* To update this file, simply rerun the command.
|
|
591
584
|
*/
|
|
592
585
|
const RESOURCES = {
|
|
593
|
-
'EN-US': {
|
|
586
|
+
'EN-US': {
|
|
587
|
+
skyux_back_to_top: { message: 'Back to top' },
|
|
588
|
+
skyux_card_checkbox_label: { message: 'Select card' },
|
|
589
|
+
skyux_definition_list_none_found: { message: 'None found' },
|
|
590
|
+
skyux_description_list_none_found: { message: 'None found' },
|
|
591
|
+
skyux_inline_delete_assistive_text: {
|
|
592
|
+
message: 'Are you sure you want to delete this item?',
|
|
593
|
+
},
|
|
594
|
+
skyux_inline_delete_cancel: { message: 'Cancel' },
|
|
595
|
+
skyux_inline_delete_confirm_deletion: { message: 'Confirm deletion' },
|
|
596
|
+
skyux_inline_delete_delete: { message: 'Delete' },
|
|
597
|
+
skyux_text_expand_close_text: { message: 'Close' },
|
|
598
|
+
skyux_text_expand_modal_title: { message: 'Expanded view' },
|
|
599
|
+
skyux_text_expand_see_less: { message: 'See less' },
|
|
600
|
+
skyux_text_expand_see_more: { message: 'See more' },
|
|
601
|
+
},
|
|
594
602
|
};
|
|
595
603
|
class SkyLayoutResourcesProvider {
|
|
596
604
|
getString(localeInfo, name) {
|
|
@@ -602,60 +610,54 @@ class SkyLayoutResourcesProvider {
|
|
|
602
610
|
*/
|
|
603
611
|
class SkyLayoutResourcesModule {
|
|
604
612
|
}
|
|
605
|
-
SkyLayoutResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
606
|
-
SkyLayoutResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
607
|
-
SkyLayoutResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
613
|
+
SkyLayoutResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLayoutResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
614
|
+
SkyLayoutResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLayoutResourcesModule, exports: [SkyI18nModule] });
|
|
615
|
+
SkyLayoutResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLayoutResourcesModule, providers: [
|
|
616
|
+
{
|
|
608
617
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
609
618
|
useClass: SkyLayoutResourcesProvider,
|
|
610
|
-
multi: true
|
|
611
|
-
}
|
|
612
|
-
|
|
619
|
+
multi: true,
|
|
620
|
+
},
|
|
621
|
+
], imports: [SkyI18nModule] });
|
|
622
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLayoutResourcesModule, decorators: [{
|
|
613
623
|
type: NgModule,
|
|
614
624
|
args: [{
|
|
615
625
|
exports: [SkyI18nModule],
|
|
616
|
-
providers: [
|
|
626
|
+
providers: [
|
|
627
|
+
{
|
|
617
628
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
618
629
|
useClass: SkyLayoutResourcesProvider,
|
|
619
|
-
multi: true
|
|
620
|
-
}
|
|
630
|
+
multi: true,
|
|
631
|
+
},
|
|
632
|
+
],
|
|
621
633
|
}]
|
|
622
634
|
}] });
|
|
623
635
|
|
|
624
636
|
class SkyBackToTopModule {
|
|
625
637
|
}
|
|
626
|
-
SkyBackToTopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
627
|
-
SkyBackToTopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
628
|
-
SkyBackToTopDirective], imports: [CommonModule,
|
|
638
|
+
SkyBackToTopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
639
|
+
SkyBackToTopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [CommonModule,
|
|
629
640
|
SkyDockModule,
|
|
630
641
|
SkyI18nModule,
|
|
631
|
-
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent,
|
|
632
|
-
|
|
633
|
-
SkyBackToTopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyBackToTopModule, imports: [[
|
|
642
|
+
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] });
|
|
643
|
+
SkyBackToTopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopModule, imports: [[
|
|
634
644
|
CommonModule,
|
|
635
645
|
SkyDockModule,
|
|
636
646
|
SkyI18nModule,
|
|
637
|
-
SkyLayoutResourcesModule
|
|
647
|
+
SkyLayoutResourcesModule,
|
|
638
648
|
]] });
|
|
639
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
649
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyBackToTopModule, decorators: [{
|
|
640
650
|
type: NgModule,
|
|
641
651
|
args: [{
|
|
642
|
-
declarations: [
|
|
643
|
-
SkyBackToTopComponent,
|
|
644
|
-
SkyBackToTopDirective
|
|
645
|
-
],
|
|
652
|
+
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
646
653
|
imports: [
|
|
647
654
|
CommonModule,
|
|
648
655
|
SkyDockModule,
|
|
649
656
|
SkyI18nModule,
|
|
650
|
-
SkyLayoutResourcesModule
|
|
651
|
-
],
|
|
652
|
-
exports: [
|
|
653
|
-
SkyBackToTopComponent,
|
|
654
|
-
SkyBackToTopDirective
|
|
657
|
+
SkyLayoutResourcesModule,
|
|
655
658
|
],
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
]
|
|
659
|
+
exports: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
660
|
+
entryComponents: [SkyBackToTopComponent],
|
|
659
661
|
}]
|
|
660
662
|
}] });
|
|
661
663
|
|
|
@@ -697,10 +699,12 @@ class SkyInlineDeleteAdapterService {
|
|
|
697
699
|
// Find the next navigable element that isn't waiting
|
|
698
700
|
const startingIndex = focussable.indexOf(targetElement);
|
|
699
701
|
let curIndex = startingIndex + modifier;
|
|
700
|
-
while (focussable[curIndex] &&
|
|
702
|
+
while (focussable[curIndex] &&
|
|
703
|
+
this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
701
704
|
curIndex += modifier;
|
|
702
705
|
}
|
|
703
|
-
if (focussable[curIndex] &&
|
|
706
|
+
if (focussable[curIndex] &&
|
|
707
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
704
708
|
focussable[curIndex].focus();
|
|
705
709
|
}
|
|
706
710
|
else {
|
|
@@ -715,7 +719,8 @@ class SkyInlineDeleteAdapterService {
|
|
|
715
719
|
}
|
|
716
720
|
/* istanbul ignore else */
|
|
717
721
|
/* sanity check */
|
|
718
|
-
if (focussable[curIndex] &&
|
|
722
|
+
if (focussable[curIndex] &&
|
|
723
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
719
724
|
focussable[curIndex].focus();
|
|
720
725
|
}
|
|
721
726
|
else {
|
|
@@ -740,9 +745,10 @@ class SkyInlineDeleteAdapterService {
|
|
|
740
745
|
}
|
|
741
746
|
isElementHiddenOrCovered(element) {
|
|
742
747
|
// Check if the element is hidden by css, not within the inline delete, or a wait is covering it
|
|
743
|
-
return this.isElementHidden(element) ||
|
|
744
|
-
(this.parentEl.contains(element) &&
|
|
745
|
-
this.
|
|
748
|
+
return (this.isElementHidden(element) ||
|
|
749
|
+
(this.parentEl.contains(element) &&
|
|
750
|
+
(!this.element.contains(element) ||
|
|
751
|
+
this.parentEl.querySelector('.sky-wait-mask') !== null)));
|
|
746
752
|
}
|
|
747
753
|
isElementHidden(element) {
|
|
748
754
|
const style = window.getComputedStyle(element);
|
|
@@ -750,19 +756,19 @@ class SkyInlineDeleteAdapterService {
|
|
|
750
756
|
}
|
|
751
757
|
isShift(event) {
|
|
752
758
|
// Determine if shift+tab was used based on element order
|
|
753
|
-
const elements = this.getFocussableElements().filter(elem => !this.isElementHidden(elem));
|
|
759
|
+
const elements = this.getFocussableElements().filter((elem) => !this.isElementHidden(elem));
|
|
754
760
|
const previousInd = elements.indexOf(event.relatedTarget);
|
|
755
761
|
const currentInd = elements.indexOf(event.target);
|
|
756
762
|
/* istanbul ignore next */
|
|
757
|
-
return previousInd === currentInd + 1
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
763
|
+
return (previousInd === currentInd + 1 ||
|
|
764
|
+
(previousInd === 0 && currentInd === elements.length - 1) ||
|
|
765
|
+
previousInd > currentInd ||
|
|
766
|
+
!event.relatedTarget);
|
|
761
767
|
}
|
|
762
768
|
}
|
|
763
|
-
SkyInlineDeleteAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
764
|
-
SkyInlineDeleteAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
765
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
769
|
+
SkyInlineDeleteAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyInlineDeleteAdapterService, deps: [{ token: i1.SkyCoreAdapterService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
770
|
+
SkyInlineDeleteAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyInlineDeleteAdapterService });
|
|
771
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyInlineDeleteAdapterService, decorators: [{
|
|
766
772
|
type: Injectable
|
|
767
773
|
}], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }, { type: i0.RendererFactory2 }]; } });
|
|
768
774
|
|
|
@@ -863,38 +869,35 @@ class SkyInlineDeleteComponent {
|
|
|
863
869
|
}
|
|
864
870
|
}
|
|
865
871
|
}
|
|
866
|
-
SkyInlineDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
867
|
-
SkyInlineDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
868
|
-
SkyCoreAdapterService,
|
|
869
|
-
SkyInlineDeleteAdapterService
|
|
870
|
-
], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{type}}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@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$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1$1.SkyLibResourcesPipe }, animations: [
|
|
872
|
+
SkyInlineDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyInlineDeleteComponent, deps: [{ token: SkyInlineDeleteAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
873
|
+
SkyInlineDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyInlineDeleteComponent, selector: "sky-inline-delete", inputs: { pending: "pending" }, outputs: { cancelTriggered: "cancelTriggered", deleteTriggered: "deleteTriggered" }, providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n <span class=\"sky-inline-delete-assistive-text\" [id]=\"assistiveTextId\">\n {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n </span>\n <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\"></sky-wait>\n <div class=\"sky-inline-delete-content\">\n <div class=\"sky-inline-delete-content-animation-container\">\n <button\n class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n type=\"button\"\n (click)=\"onDeleteClick()\"\n #delete\n >\n {{ 'skyux_inline_delete_delete' | skyLibResources }}\n </button>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onCancelClick()\"\n >\n {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".sky-inline-delete{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.sky-inline-delete-card .sky-inline-delete-content{position:absolute;bottom:10px;text-align:center;width:100%}.sky-inline-delete-standard .sky-inline-delete-content{position:absolute;top:50%;transform:translateY(-50%);left:20px}.sky-inline-delete-wait{height:100%}\n"], components: [{ type: i2$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1$1.SkyLibResourcesPipe }, animations: [
|
|
871
874
|
trigger('inlineDeleteAnimation', [
|
|
872
875
|
transition('* => shown', [
|
|
873
876
|
style({
|
|
874
|
-
opacity: 0
|
|
877
|
+
opacity: 0,
|
|
875
878
|
}),
|
|
876
879
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(0.0)' })),
|
|
877
880
|
group([
|
|
878
881
|
animate('300ms ease-in-out', style({ opacity: 1 })),
|
|
879
882
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
880
|
-
transform: 'scale(1)'
|
|
881
|
-
})))
|
|
882
|
-
])
|
|
883
|
+
transform: 'scale(1)',
|
|
884
|
+
}))),
|
|
885
|
+
]),
|
|
883
886
|
]),
|
|
884
887
|
transition(`shown <=> *`, [
|
|
885
888
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(1)' })),
|
|
886
889
|
group([
|
|
887
890
|
animate('300ms ease-in-out', style({
|
|
888
|
-
opacity: 0
|
|
891
|
+
opacity: 0,
|
|
889
892
|
})),
|
|
890
893
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
891
|
-
transform: 'scale(0.0)'
|
|
892
|
-
})))
|
|
893
|
-
])
|
|
894
|
-
])
|
|
895
|
-
])
|
|
894
|
+
transform: 'scale(0.0)',
|
|
895
|
+
}))),
|
|
896
|
+
]),
|
|
897
|
+
]),
|
|
898
|
+
]),
|
|
896
899
|
] });
|
|
897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
900
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyInlineDeleteComponent, decorators: [{
|
|
898
901
|
type: Component,
|
|
899
902
|
args: [{
|
|
900
903
|
selector: 'sky-inline-delete',
|
|
@@ -904,33 +907,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
904
907
|
trigger('inlineDeleteAnimation', [
|
|
905
908
|
transition('* => shown', [
|
|
906
909
|
style({
|
|
907
|
-
opacity: 0
|
|
910
|
+
opacity: 0,
|
|
908
911
|
}),
|
|
909
912
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(0.0)' })),
|
|
910
913
|
group([
|
|
911
914
|
animate('300ms ease-in-out', style({ opacity: 1 })),
|
|
912
915
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
913
|
-
transform: 'scale(1)'
|
|
914
|
-
})))
|
|
915
|
-
])
|
|
916
|
+
transform: 'scale(1)',
|
|
917
|
+
}))),
|
|
918
|
+
]),
|
|
916
919
|
]),
|
|
917
920
|
transition(`shown <=> *`, [
|
|
918
921
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(1)' })),
|
|
919
922
|
group([
|
|
920
923
|
animate('300ms ease-in-out', style({
|
|
921
|
-
opacity: 0
|
|
924
|
+
opacity: 0,
|
|
922
925
|
})),
|
|
923
926
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
924
|
-
transform: 'scale(0.0)'
|
|
925
|
-
})))
|
|
926
|
-
])
|
|
927
|
-
])
|
|
928
|
-
])
|
|
927
|
+
transform: 'scale(0.0)',
|
|
928
|
+
}))),
|
|
929
|
+
]),
|
|
930
|
+
]),
|
|
931
|
+
]),
|
|
929
932
|
],
|
|
930
|
-
providers: [
|
|
931
|
-
SkyCoreAdapterService,
|
|
932
|
-
SkyInlineDeleteAdapterService
|
|
933
|
-
]
|
|
933
|
+
providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService],
|
|
934
934
|
}]
|
|
935
935
|
}], ctorParameters: function () { return [{ type: SkyInlineDeleteAdapterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { pending: [{
|
|
936
936
|
type: Input
|
|
@@ -942,38 +942,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
942
942
|
type: ViewChild,
|
|
943
943
|
args: ['delete', {
|
|
944
944
|
read: ElementRef,
|
|
945
|
-
static: false
|
|
945
|
+
static: false,
|
|
946
946
|
}]
|
|
947
947
|
}] } });
|
|
948
948
|
|
|
949
949
|
class SkyInlineDeleteModule {
|
|
950
950
|
}
|
|
951
|
-
SkyInlineDeleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
952
|
-
SkyInlineDeleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
951
|
+
SkyInlineDeleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyInlineDeleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
952
|
+
SkyInlineDeleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyInlineDeleteModule, declarations: [SkyInlineDeleteComponent], imports: [CommonModule,
|
|
953
953
|
SkyI18nModule,
|
|
954
954
|
SkyLayoutResourcesModule,
|
|
955
955
|
SkyWaitModule], exports: [SkyInlineDeleteComponent] });
|
|
956
|
-
SkyInlineDeleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
956
|
+
SkyInlineDeleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyInlineDeleteModule, imports: [[
|
|
957
957
|
CommonModule,
|
|
958
958
|
SkyI18nModule,
|
|
959
959
|
SkyLayoutResourcesModule,
|
|
960
|
-
SkyWaitModule
|
|
960
|
+
SkyWaitModule,
|
|
961
961
|
]] });
|
|
962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
962
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyInlineDeleteModule, decorators: [{
|
|
963
963
|
type: NgModule,
|
|
964
964
|
args: [{
|
|
965
|
-
declarations: [
|
|
966
|
-
SkyInlineDeleteComponent
|
|
967
|
-
],
|
|
965
|
+
declarations: [SkyInlineDeleteComponent],
|
|
968
966
|
imports: [
|
|
969
967
|
CommonModule,
|
|
970
968
|
SkyI18nModule,
|
|
971
969
|
SkyLayoutResourcesModule,
|
|
972
|
-
SkyWaitModule
|
|
970
|
+
SkyWaitModule,
|
|
973
971
|
],
|
|
974
|
-
exports: [
|
|
975
|
-
SkyInlineDeleteComponent
|
|
976
|
-
]
|
|
972
|
+
exports: [SkyInlineDeleteComponent],
|
|
977
973
|
}]
|
|
978
974
|
}] });
|
|
979
975
|
|
|
@@ -982,14 +978,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
982
978
|
*/
|
|
983
979
|
class SkyCardActionsComponent {
|
|
984
980
|
}
|
|
985
|
-
SkyCardActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
986
|
-
SkyCardActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
987
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
981
|
+
SkyCardActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
982
|
+
SkyCardActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyCardActionsComponent, selector: "sky-card-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"] });
|
|
983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardActionsComponent, decorators: [{
|
|
988
984
|
type: Component,
|
|
989
985
|
args: [{
|
|
990
986
|
selector: 'sky-card-actions',
|
|
991
987
|
templateUrl: './card-actions.component.html',
|
|
992
|
-
styleUrls: ['./card-actions.component.scss']
|
|
988
|
+
styleUrls: ['./card-actions.component.scss'],
|
|
993
989
|
}]
|
|
994
990
|
}] });
|
|
995
991
|
|
|
@@ -998,13 +994,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
998
994
|
*/
|
|
999
995
|
class SkyCardContentComponent {
|
|
1000
996
|
}
|
|
1001
|
-
SkyCardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1002
|
-
SkyCardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1003
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
997
|
+
SkyCardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
998
|
+
SkyCardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyCardContentComponent, selector: "sky-card-content", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardContentComponent, decorators: [{
|
|
1004
1000
|
type: Component,
|
|
1005
1001
|
args: [{
|
|
1006
1002
|
selector: 'sky-card-content',
|
|
1007
|
-
templateUrl: './card-content.component.html'
|
|
1003
|
+
templateUrl: './card-content.component.html',
|
|
1008
1004
|
}]
|
|
1009
1005
|
}] });
|
|
1010
1006
|
|
|
@@ -1013,13 +1009,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1013
1009
|
*/
|
|
1014
1010
|
class SkyCardTitleComponent {
|
|
1015
1011
|
}
|
|
1016
|
-
SkyCardTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1017
|
-
SkyCardTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1018
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1012
|
+
SkyCardTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1013
|
+
SkyCardTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyCardTitleComponent, selector: "sky-card-title", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
1014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardTitleComponent, decorators: [{
|
|
1019
1015
|
type: Component,
|
|
1020
1016
|
args: [{
|
|
1021
1017
|
selector: 'sky-card-title',
|
|
1022
|
-
templateUrl: './card-title.component.html'
|
|
1018
|
+
templateUrl: './card-title.component.html',
|
|
1023
1019
|
}]
|
|
1024
1020
|
}] });
|
|
1025
1021
|
|
|
@@ -1039,11 +1035,11 @@ class SkyCardComponent {
|
|
|
1039
1035
|
this.subscription = this.titleComponent.changes.subscribe(() => {
|
|
1040
1036
|
this.showTitle = this.titleComponent.length > 0;
|
|
1041
1037
|
});
|
|
1042
|
-
this.inlineDeleteComponent.forEach(item => {
|
|
1038
|
+
this.inlineDeleteComponent.forEach((item) => {
|
|
1043
1039
|
item.setType(SkyInlineDeleteType.Card);
|
|
1044
1040
|
});
|
|
1045
1041
|
this.inlineDeleteComponent.changes.subscribe(() => {
|
|
1046
|
-
this.inlineDeleteComponent.forEach(item => {
|
|
1042
|
+
this.inlineDeleteComponent.forEach((item) => {
|
|
1047
1043
|
item.setType(SkyInlineDeleteType.Card);
|
|
1048
1044
|
});
|
|
1049
1045
|
});
|
|
@@ -1068,14 +1064,14 @@ class SkyCardComponent {
|
|
|
1068
1064
|
}
|
|
1069
1065
|
}
|
|
1070
1066
|
}
|
|
1071
|
-
SkyCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1072
|
-
SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1073
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1067
|
+
SkyCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1068
|
+
SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", 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, template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:normal;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:normal;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], components: [{ type: i1$2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i1$1.SkyLibResourcesPipe } });
|
|
1069
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardComponent, decorators: [{
|
|
1074
1070
|
type: Component,
|
|
1075
1071
|
args: [{
|
|
1076
1072
|
selector: 'sky-card',
|
|
1077
1073
|
styleUrls: ['./card.component.scss'],
|
|
1078
|
-
templateUrl: './card.component.html'
|
|
1074
|
+
templateUrl: './card.component.html',
|
|
1079
1075
|
}]
|
|
1080
1076
|
}], propDecorators: { size: [{
|
|
1081
1077
|
type: Input
|
|
@@ -1095,8 +1091,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1095
1091
|
|
|
1096
1092
|
class SkyCardModule {
|
|
1097
1093
|
}
|
|
1098
|
-
SkyCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1099
|
-
SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1094
|
+
SkyCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1095
|
+
SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardModule, declarations: [SkyCardActionsComponent,
|
|
1100
1096
|
SkyCardComponent,
|
|
1101
1097
|
SkyCardContentComponent,
|
|
1102
1098
|
SkyCardTitleComponent], imports: [CommonModule,
|
|
@@ -1108,22 +1104,22 @@ SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
1108
1104
|
SkyCardComponent,
|
|
1109
1105
|
SkyCardContentComponent,
|
|
1110
1106
|
SkyCardTitleComponent] });
|
|
1111
|
-
SkyCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1107
|
+
SkyCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardModule, imports: [[
|
|
1112
1108
|
CommonModule,
|
|
1113
1109
|
FormsModule,
|
|
1114
1110
|
SkyCheckboxModule,
|
|
1115
1111
|
SkyI18nModule,
|
|
1116
1112
|
SkyLayoutResourcesModule,
|
|
1117
|
-
SkyInlineDeleteModule
|
|
1113
|
+
SkyInlineDeleteModule,
|
|
1118
1114
|
]] });
|
|
1119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyCardModule, decorators: [{
|
|
1120
1116
|
type: NgModule,
|
|
1121
1117
|
args: [{
|
|
1122
1118
|
declarations: [
|
|
1123
1119
|
SkyCardActionsComponent,
|
|
1124
1120
|
SkyCardComponent,
|
|
1125
1121
|
SkyCardContentComponent,
|
|
1126
|
-
SkyCardTitleComponent
|
|
1122
|
+
SkyCardTitleComponent,
|
|
1127
1123
|
],
|
|
1128
1124
|
imports: [
|
|
1129
1125
|
CommonModule,
|
|
@@ -1131,14 +1127,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1131
1127
|
SkyCheckboxModule,
|
|
1132
1128
|
SkyI18nModule,
|
|
1133
1129
|
SkyLayoutResourcesModule,
|
|
1134
|
-
SkyInlineDeleteModule
|
|
1130
|
+
SkyInlineDeleteModule,
|
|
1135
1131
|
],
|
|
1136
1132
|
exports: [
|
|
1137
1133
|
SkyCardActionsComponent,
|
|
1138
1134
|
SkyCardComponent,
|
|
1139
1135
|
SkyCardContentComponent,
|
|
1140
|
-
SkyCardTitleComponent
|
|
1141
|
-
]
|
|
1136
|
+
SkyCardTitleComponent,
|
|
1137
|
+
],
|
|
1142
1138
|
}]
|
|
1143
1139
|
}] });
|
|
1144
1140
|
|
|
@@ -1151,9 +1147,9 @@ class SkyDefinitionListService {
|
|
|
1151
1147
|
this.defaultValue = new BehaviorSubject('');
|
|
1152
1148
|
}
|
|
1153
1149
|
}
|
|
1154
|
-
SkyDefinitionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1155
|
-
SkyDefinitionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1150
|
+
SkyDefinitionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1151
|
+
SkyDefinitionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListService });
|
|
1152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListService, decorators: [{
|
|
1157
1153
|
type: Injectable
|
|
1158
1154
|
}] });
|
|
1159
1155
|
|
|
@@ -1180,16 +1176,16 @@ class SkyDefinitionListComponent {
|
|
|
1180
1176
|
this.service.defaultValue.next(value);
|
|
1181
1177
|
}
|
|
1182
1178
|
}
|
|
1183
|
-
SkyDefinitionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1184
|
-
SkyDefinitionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1179
|
+
SkyDefinitionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1180
|
+
SkyDefinitionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListComponent, selector: "sky-definition-list", inputs: { labelWidth: "labelWidth", defaultValue: "defaultValue" }, providers: [SkyDefinitionListService], ngImport: i0, template: "<div class=\"sky-definition-list\">\n <ng-content select=\"sky-definition-list-heading\"></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.ChangeDetectionStrategy.OnPush });
|
|
1181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListComponent, decorators: [{
|
|
1186
1182
|
type: Component,
|
|
1187
1183
|
args: [{
|
|
1188
1184
|
selector: 'sky-definition-list',
|
|
1189
1185
|
templateUrl: './definition-list.component.html',
|
|
1190
1186
|
styleUrls: ['./definition-list.component.scss'],
|
|
1191
1187
|
providers: [SkyDefinitionListService],
|
|
1192
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1188
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1193
1189
|
}]
|
|
1194
1190
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; }, propDecorators: { labelWidth: [{
|
|
1195
1191
|
type: Input
|
|
@@ -1202,15 +1198,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1202
1198
|
*/
|
|
1203
1199
|
class SkyDefinitionListContentComponent {
|
|
1204
1200
|
}
|
|
1205
|
-
SkyDefinitionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1206
|
-
SkyDefinitionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1201
|
+
SkyDefinitionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1202
|
+
SkyDefinitionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListContentComponent, selector: "sky-definition-list-content", ngImport: i0, 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.ChangeDetectionStrategy.OnPush });
|
|
1203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListContentComponent, decorators: [{
|
|
1208
1204
|
type: Component,
|
|
1209
1205
|
args: [{
|
|
1210
1206
|
selector: 'sky-definition-list-content',
|
|
1211
1207
|
templateUrl: './definition-list-content.component.html',
|
|
1212
1208
|
styleUrls: ['./definition-list-content.component.scss'],
|
|
1213
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1209
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1214
1210
|
}]
|
|
1215
1211
|
}] });
|
|
1216
1212
|
|
|
@@ -1219,15 +1215,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1219
1215
|
*/
|
|
1220
1216
|
class SkyDefinitionListHeadingComponent {
|
|
1221
1217
|
}
|
|
1222
|
-
SkyDefinitionListHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1223
|
-
SkyDefinitionListHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1224
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1218
|
+
SkyDefinitionListHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1219
|
+
SkyDefinitionListHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListHeadingComponent, selector: "sky-definition-list-heading", ngImport: i0, 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.ChangeDetectionStrategy.OnPush });
|
|
1220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListHeadingComponent, decorators: [{
|
|
1225
1221
|
type: Component,
|
|
1226
1222
|
args: [{
|
|
1227
1223
|
selector: 'sky-definition-list-heading',
|
|
1228
1224
|
templateUrl: './definition-list-heading.component.html',
|
|
1229
1225
|
styleUrls: ['./definition-list-heading.component.scss'],
|
|
1230
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1226
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1231
1227
|
}]
|
|
1232
1228
|
}] });
|
|
1233
1229
|
|
|
@@ -1239,15 +1235,15 @@ class SkyDefinitionListLabelComponent {
|
|
|
1239
1235
|
this.service = service;
|
|
1240
1236
|
}
|
|
1241
1237
|
}
|
|
1242
|
-
SkyDefinitionListLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1243
|
-
SkyDefinitionListLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1238
|
+
SkyDefinitionListLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListLabelComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1239
|
+
SkyDefinitionListLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListLabelComponent, selector: "sky-definition-list-label", ngImport: i0, template: "<div\n class=\"sky-field-label sky-definition-list-label\"\n [ngStyle]=\"{\n width: (service.labelWidth | async) || ''\n }\"\n>\n <ng-content></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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListLabelComponent, decorators: [{
|
|
1245
1241
|
type: Component,
|
|
1246
1242
|
args: [{
|
|
1247
1243
|
selector: 'sky-definition-list-label',
|
|
1248
1244
|
templateUrl: './definition-list-label.component.html',
|
|
1249
1245
|
styleUrls: ['./definition-list-label.component.scss'],
|
|
1250
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1246
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1251
1247
|
}]
|
|
1252
1248
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1253
1249
|
|
|
@@ -1259,37 +1255,31 @@ class SkyDefinitionListValueComponent {
|
|
|
1259
1255
|
this.service = service;
|
|
1260
1256
|
}
|
|
1261
1257
|
}
|
|
1262
|
-
SkyDefinitionListValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1263
|
-
SkyDefinitionListValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1258
|
+
SkyDefinitionListValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListValueComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1259
|
+
SkyDefinitionListValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListValueComponent, selector: "sky-definition-list-value", ngImport: i0, template: "<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n {{\n (service.defaultValue | async) ||\n ('skyux_definition_list_none_found' | skyLibResources)\n }}\n </span>\n</div>\n", styles: [":host{flex:1}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe, "skyLibResources": i1$1.SkyLibResourcesPipe } });
|
|
1260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListValueComponent, decorators: [{
|
|
1265
1261
|
type: Component,
|
|
1266
1262
|
args: [{
|
|
1267
1263
|
selector: 'sky-definition-list-value',
|
|
1268
1264
|
templateUrl: './definition-list-value.component.html',
|
|
1269
|
-
styleUrls: ['./definition-list-value.component.scss']
|
|
1265
|
+
styleUrls: ['./definition-list-value.component.scss'],
|
|
1270
1266
|
}]
|
|
1271
1267
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1272
1268
|
|
|
1273
1269
|
class SkyDefinitionListModule {
|
|
1274
1270
|
}
|
|
1275
|
-
SkyDefinitionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1276
|
-
SkyDefinitionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1271
|
+
SkyDefinitionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1272
|
+
SkyDefinitionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
|
|
1277
1273
|
SkyDefinitionListContentComponent,
|
|
1278
1274
|
SkyDefinitionListHeadingComponent,
|
|
1279
1275
|
SkyDefinitionListLabelComponent,
|
|
1280
|
-
SkyDefinitionListValueComponent], imports: [CommonModule,
|
|
1281
|
-
SkyI18nModule,
|
|
1282
|
-
SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1276
|
+
SkyDefinitionListValueComponent], imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1283
1277
|
SkyDefinitionListContentComponent,
|
|
1284
1278
|
SkyDefinitionListHeadingComponent,
|
|
1285
1279
|
SkyDefinitionListLabelComponent,
|
|
1286
1280
|
SkyDefinitionListValueComponent] });
|
|
1287
|
-
SkyDefinitionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1288
|
-
|
|
1289
|
-
SkyI18nModule,
|
|
1290
|
-
SkyLayoutResourcesModule
|
|
1291
|
-
]] });
|
|
1292
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyDefinitionListModule, decorators: [{
|
|
1281
|
+
SkyDefinitionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListModule, imports: [[CommonModule, SkyI18nModule, SkyLayoutResourcesModule]] });
|
|
1282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDefinitionListModule, decorators: [{
|
|
1293
1283
|
type: NgModule,
|
|
1294
1284
|
args: [{
|
|
1295
1285
|
declarations: [
|
|
@@ -1297,20 +1287,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1297
1287
|
SkyDefinitionListContentComponent,
|
|
1298
1288
|
SkyDefinitionListHeadingComponent,
|
|
1299
1289
|
SkyDefinitionListLabelComponent,
|
|
1300
|
-
SkyDefinitionListValueComponent
|
|
1301
|
-
],
|
|
1302
|
-
imports: [
|
|
1303
|
-
CommonModule,
|
|
1304
|
-
SkyI18nModule,
|
|
1305
|
-
SkyLayoutResourcesModule
|
|
1290
|
+
SkyDefinitionListValueComponent,
|
|
1306
1291
|
],
|
|
1292
|
+
imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule],
|
|
1307
1293
|
exports: [
|
|
1308
1294
|
SkyDefinitionListComponent,
|
|
1309
1295
|
SkyDefinitionListContentComponent,
|
|
1310
1296
|
SkyDefinitionListHeadingComponent,
|
|
1311
1297
|
SkyDefinitionListLabelComponent,
|
|
1312
|
-
SkyDefinitionListValueComponent
|
|
1313
|
-
]
|
|
1298
|
+
SkyDefinitionListValueComponent,
|
|
1299
|
+
],
|
|
1314
1300
|
}]
|
|
1315
1301
|
}] });
|
|
1316
1302
|
|
|
@@ -1340,7 +1326,8 @@ class SkyDescriptionListAdapterService {
|
|
|
1340
1326
|
if (width <= xsBreakpointMaxPixels) {
|
|
1341
1327
|
return 'sky-responsive-container-xs';
|
|
1342
1328
|
}
|
|
1343
|
-
else if (width >= smBreakpointMinPixels &&
|
|
1329
|
+
else if (width >= smBreakpointMinPixels &&
|
|
1330
|
+
width <= smBreakpointMaxPixels) {
|
|
1344
1331
|
return 'sky-responsive-container-sm';
|
|
1345
1332
|
}
|
|
1346
1333
|
else {
|
|
@@ -1348,9 +1335,9 @@ class SkyDescriptionListAdapterService {
|
|
|
1348
1335
|
}
|
|
1349
1336
|
}
|
|
1350
1337
|
}
|
|
1351
|
-
SkyDescriptionListAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1352
|
-
SkyDescriptionListAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1338
|
+
SkyDescriptionListAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1339
|
+
SkyDescriptionListAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListAdapterService });
|
|
1340
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListAdapterService, decorators: [{
|
|
1354
1341
|
type: Injectable
|
|
1355
1342
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
1356
1343
|
|
|
@@ -1359,20 +1346,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1359
1346
|
*/
|
|
1360
1347
|
class SkyDescriptionListTermComponent {
|
|
1361
1348
|
}
|
|
1362
|
-
SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1363
|
-
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1349
|
+
SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1350
|
+
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1365
1352
|
type: Component,
|
|
1366
1353
|
args: [{
|
|
1367
1354
|
selector: 'sky-description-list-term',
|
|
1368
1355
|
templateUrl: './description-list-term.component.html',
|
|
1369
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1356
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1370
1357
|
}]
|
|
1371
1358
|
}], propDecorators: { templateRef: [{
|
|
1372
1359
|
type: ViewChild,
|
|
1373
1360
|
args: ['termTemplateRef', {
|
|
1374
1361
|
read: TemplateRef,
|
|
1375
|
-
static: true
|
|
1362
|
+
static: true,
|
|
1376
1363
|
}]
|
|
1377
1364
|
}] } });
|
|
1378
1365
|
|
|
@@ -1393,9 +1380,9 @@ class SkyDescriptionListService {
|
|
|
1393
1380
|
this._defaultDescription.next(value);
|
|
1394
1381
|
}
|
|
1395
1382
|
}
|
|
1396
|
-
SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1397
|
-
SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1398
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1383
|
+
SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1384
|
+
SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListService });
|
|
1385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListService, decorators: [{
|
|
1399
1386
|
type: Injectable
|
|
1400
1387
|
}] });
|
|
1401
1388
|
|
|
@@ -1425,20 +1412,20 @@ class SkyDescriptionListDescriptionComponent {
|
|
|
1425
1412
|
this.ngUnsubscribe.complete();
|
|
1426
1413
|
}
|
|
1427
1414
|
}
|
|
1428
|
-
SkyDescriptionListDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1429
|
-
SkyDescriptionListDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1415
|
+
SkyDescriptionListDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0.ChangeDetectorRef }, { token: i3$1.SkyThemeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1416
|
+
SkyDescriptionListDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDescriptionListDescriptionComponent, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #descriptionTemplateRef>\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span\n *ngIf=\"!valueEl.textContent.trim()\"\n data-sky-id=\"sky-description-list-default-value\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern',\n 'sky-deemphasized': 'default'\n }\"\n >\n {{\n (service.defaultDescription | async) ||\n ('skyux_description_list_none_found' | skyLibResources)\n }}\n </span>\n</ng-template>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "async": i3.AsyncPipe, "skyLibResources": i1$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListDescriptionComponent, decorators: [{
|
|
1431
1418
|
type: Component,
|
|
1432
1419
|
args: [{
|
|
1433
1420
|
selector: 'sky-description-list-description',
|
|
1434
1421
|
templateUrl: './description-list-description.component.html',
|
|
1435
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1422
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1436
1423
|
}]
|
|
1437
1424
|
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i3$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1438
1425
|
type: ViewChild,
|
|
1439
1426
|
args: ['descriptionTemplateRef', {
|
|
1440
1427
|
read: TemplateRef,
|
|
1441
|
-
static: true
|
|
1428
|
+
static: true,
|
|
1442
1429
|
}]
|
|
1443
1430
|
}] } });
|
|
1444
1431
|
|
|
@@ -1447,13 +1434,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1447
1434
|
*/
|
|
1448
1435
|
class SkyDescriptionListContentComponent {
|
|
1449
1436
|
}
|
|
1450
|
-
SkyDescriptionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1451
|
-
SkyDescriptionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1437
|
+
SkyDescriptionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1438
|
+
SkyDescriptionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDescriptionListContentComponent, selector: "sky-description-list-content", queries: [{ propertyName: "termComponents", predicate: SkyDescriptionListTermComponent }, { propertyName: "descriptionComponents", predicate: SkyDescriptionListDescriptionComponent }], ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
1439
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListContentComponent, decorators: [{
|
|
1453
1440
|
type: Component,
|
|
1454
1441
|
args: [{
|
|
1455
1442
|
selector: 'sky-description-list-content',
|
|
1456
|
-
templateUrl: './description-list-content.component.html'
|
|
1443
|
+
templateUrl: './description-list-content.component.html',
|
|
1457
1444
|
}]
|
|
1458
1445
|
}], propDecorators: { termComponents: [{
|
|
1459
1446
|
type: ContentChildren,
|
|
@@ -1510,7 +1497,7 @@ class SkyDescriptionListComponent {
|
|
|
1510
1497
|
this.contentObserver.observe(this.elementRef.nativeElement, {
|
|
1511
1498
|
childList: true,
|
|
1512
1499
|
characterData: true,
|
|
1513
|
-
subtree: true
|
|
1500
|
+
subtree: true,
|
|
1514
1501
|
});
|
|
1515
1502
|
}
|
|
1516
1503
|
ngOnDestroy() {
|
|
@@ -1526,22 +1513,16 @@ class SkyDescriptionListComponent {
|
|
|
1526
1513
|
this.changeDetector.markForCheck();
|
|
1527
1514
|
}
|
|
1528
1515
|
}
|
|
1529
|
-
SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1530
|
-
SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1531
|
-
|
|
1532
|
-
SkyDescriptionListService
|
|
1533
|
-
], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
1516
|
+
SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListComponent, deps: [{ token: SkyDescriptionListAdapterService }, { token: i0.ChangeDetectorRef }, { token: SkyDescriptionListService }, { token: i1.MutationObserverService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1517
|
+
SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDescriptionListComponent, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </dd>\n </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
1535
1519
|
type: Component,
|
|
1536
1520
|
args: [{
|
|
1537
1521
|
selector: 'sky-description-list',
|
|
1538
1522
|
templateUrl: './description-list.component.html',
|
|
1539
1523
|
styleUrls: ['./description-list.component.scss'],
|
|
1540
|
-
providers: [
|
|
1541
|
-
|
|
1542
|
-
SkyDescriptionListService
|
|
1543
|
-
],
|
|
1544
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1524
|
+
providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
|
|
1525
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1545
1526
|
}]
|
|
1546
1527
|
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
|
|
1547
1528
|
type: Input
|
|
@@ -1556,7 +1537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1556
1537
|
type: ViewChild,
|
|
1557
1538
|
args: ['descriptionListElement', {
|
|
1558
1539
|
read: ElementRef,
|
|
1559
|
-
static: true
|
|
1540
|
+
static: true,
|
|
1560
1541
|
}]
|
|
1561
1542
|
}], onWindowResize: [{
|
|
1562
1543
|
type: HostListener,
|
|
@@ -1565,8 +1546,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1565
1546
|
|
|
1566
1547
|
class SkyDescriptionListModule {
|
|
1567
1548
|
}
|
|
1568
|
-
SkyDescriptionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1569
|
-
SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1549
|
+
SkyDescriptionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1550
|
+
SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
|
|
1570
1551
|
SkyDescriptionListContentComponent,
|
|
1571
1552
|
SkyDescriptionListTermComponent,
|
|
1572
1553
|
SkyDescriptionListDescriptionComponent], imports: [CommonModule,
|
|
@@ -1576,33 +1557,33 @@ SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
1576
1557
|
SkyDescriptionListContentComponent,
|
|
1577
1558
|
SkyDescriptionListTermComponent,
|
|
1578
1559
|
SkyDescriptionListDescriptionComponent] });
|
|
1579
|
-
SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1560
|
+
SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListModule, imports: [[
|
|
1580
1561
|
CommonModule,
|
|
1581
1562
|
SkyI18nModule,
|
|
1582
1563
|
SkyLayoutResourcesModule,
|
|
1583
|
-
SkyThemeModule
|
|
1564
|
+
SkyThemeModule,
|
|
1584
1565
|
]] });
|
|
1585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyDescriptionListModule, decorators: [{
|
|
1586
1567
|
type: NgModule,
|
|
1587
1568
|
args: [{
|
|
1588
1569
|
declarations: [
|
|
1589
1570
|
SkyDescriptionListComponent,
|
|
1590
1571
|
SkyDescriptionListContentComponent,
|
|
1591
1572
|
SkyDescriptionListTermComponent,
|
|
1592
|
-
SkyDescriptionListDescriptionComponent
|
|
1573
|
+
SkyDescriptionListDescriptionComponent,
|
|
1593
1574
|
],
|
|
1594
1575
|
imports: [
|
|
1595
1576
|
CommonModule,
|
|
1596
1577
|
SkyI18nModule,
|
|
1597
1578
|
SkyLayoutResourcesModule,
|
|
1598
|
-
SkyThemeModule
|
|
1579
|
+
SkyThemeModule,
|
|
1599
1580
|
],
|
|
1600
1581
|
exports: [
|
|
1601
1582
|
SkyDescriptionListComponent,
|
|
1602
1583
|
SkyDescriptionListContentComponent,
|
|
1603
1584
|
SkyDescriptionListTermComponent,
|
|
1604
|
-
SkyDescriptionListDescriptionComponent
|
|
1605
|
-
]
|
|
1585
|
+
SkyDescriptionListDescriptionComponent,
|
|
1586
|
+
],
|
|
1606
1587
|
}]
|
|
1607
1588
|
}] });
|
|
1608
1589
|
|
|
@@ -1663,14 +1644,14 @@ class SkyRowComponent {
|
|
|
1663
1644
|
this.reverseColumnOrder = false;
|
|
1664
1645
|
}
|
|
1665
1646
|
}
|
|
1666
|
-
SkyRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1667
|
-
SkyRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1647
|
+
SkyRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1648
|
+
SkyRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width: 768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1649
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyRowComponent, decorators: [{
|
|
1669
1650
|
type: Component,
|
|
1670
1651
|
args: [{
|
|
1671
1652
|
selector: 'sky-row',
|
|
1672
1653
|
templateUrl: './row.component.html',
|
|
1673
|
-
styleUrls: ['./row.component.scss']
|
|
1654
|
+
styleUrls: ['./row.component.scss'],
|
|
1674
1655
|
}]
|
|
1675
1656
|
}], propDecorators: { reverseColumnOrder: [{
|
|
1676
1657
|
type: Input
|
|
@@ -1679,14 +1660,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1679
1660
|
class SkyColumnComponent {
|
|
1680
1661
|
ngOnChanges(changes) {
|
|
1681
1662
|
/* istanbul ignore else */
|
|
1682
|
-
if (changes.screenXSmall ||
|
|
1663
|
+
if (changes.screenXSmall ||
|
|
1664
|
+
changes.screenSmall ||
|
|
1665
|
+
changes.screenMedium ||
|
|
1666
|
+
changes.screenLarge) {
|
|
1683
1667
|
this.classnames = this.getClassNames();
|
|
1684
1668
|
}
|
|
1685
1669
|
}
|
|
1686
1670
|
getClassNames() {
|
|
1687
|
-
let classnames = [
|
|
1688
|
-
'sky-column'
|
|
1689
|
-
];
|
|
1671
|
+
let classnames = ['sky-column'];
|
|
1690
1672
|
if (this.screenXSmall) {
|
|
1691
1673
|
classnames.push(`sky-column-xs-${this.screenXSmall}`);
|
|
1692
1674
|
}
|
|
@@ -1705,15 +1687,15 @@ class SkyColumnComponent {
|
|
|
1705
1687
|
this.classnames = this.getClassNames();
|
|
1706
1688
|
}
|
|
1707
1689
|
}
|
|
1708
|
-
SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1709
|
-
SkyColumnComponent.ɵcmp = i0.ɵɵ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, 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.ViewEncapsulation.None });
|
|
1710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1690
|
+
SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1691
|
+
SkyColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, 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.ViewEncapsulation.None });
|
|
1692
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyColumnComponent, decorators: [{
|
|
1711
1693
|
type: Component,
|
|
1712
1694
|
args: [{
|
|
1713
1695
|
selector: 'sky-column',
|
|
1714
1696
|
templateUrl: './column.component.html',
|
|
1715
1697
|
styleUrls: ['./column.component.scss'],
|
|
1716
|
-
encapsulation: ViewEncapsulation.None
|
|
1698
|
+
encapsulation: ViewEncapsulation.None,
|
|
1717
1699
|
}]
|
|
1718
1700
|
}], propDecorators: { screenXSmall: [{
|
|
1719
1701
|
type: Input
|
|
@@ -1775,16 +1757,14 @@ class SkyFluidGridComponent {
|
|
|
1775
1757
|
}
|
|
1776
1758
|
}
|
|
1777
1759
|
}
|
|
1778
|
-
SkyFluidGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1779
|
-
SkyFluidGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1760
|
+
SkyFluidGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFluidGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1761
|
+
SkyFluidGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0, template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFluidGridComponent, decorators: [{
|
|
1781
1763
|
type: Component,
|
|
1782
1764
|
args: [{
|
|
1783
1765
|
selector: 'sky-fluid-grid',
|
|
1784
1766
|
templateUrl: './fluid-grid.component.html',
|
|
1785
|
-
styleUrls: [
|
|
1786
|
-
'./fluid-grid.component.scss'
|
|
1787
|
-
]
|
|
1767
|
+
styleUrls: ['./fluid-grid.component.scss'],
|
|
1788
1768
|
}]
|
|
1789
1769
|
}], propDecorators: { disableMargin: [{
|
|
1790
1770
|
type: Input
|
|
@@ -1794,31 +1774,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1794
1774
|
|
|
1795
1775
|
class SkyFluidGridModule {
|
|
1796
1776
|
}
|
|
1797
|
-
SkyFluidGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1798
|
-
SkyFluidGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
SkyColumnComponent,
|
|
1802
|
-
SkyFluidGridComponent] });
|
|
1803
|
-
SkyFluidGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFluidGridModule, imports: [[
|
|
1804
|
-
CommonModule
|
|
1805
|
-
]] });
|
|
1806
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFluidGridModule, decorators: [{
|
|
1777
|
+
SkyFluidGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFluidGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1778
|
+
SkyFluidGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFluidGridModule, declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent], imports: [CommonModule], exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent] });
|
|
1779
|
+
SkyFluidGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFluidGridModule, imports: [[CommonModule]] });
|
|
1780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFluidGridModule, decorators: [{
|
|
1807
1781
|
type: NgModule,
|
|
1808
1782
|
args: [{
|
|
1809
|
-
imports: [
|
|
1810
|
-
|
|
1811
|
-
],
|
|
1812
|
-
declarations: [
|
|
1813
|
-
SkyRowComponent,
|
|
1814
|
-
SkyColumnComponent,
|
|
1815
|
-
SkyFluidGridComponent
|
|
1816
|
-
],
|
|
1817
|
-
exports: [
|
|
1818
|
-
SkyRowComponent,
|
|
1819
|
-
SkyColumnComponent,
|
|
1820
|
-
SkyFluidGridComponent
|
|
1821
|
-
]
|
|
1783
|
+
imports: [CommonModule],
|
|
1784
|
+
declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1785
|
+
exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1822
1786
|
}]
|
|
1823
1787
|
}] });
|
|
1824
1788
|
|
|
@@ -1867,14 +1831,14 @@ class SkyFormatComponent {
|
|
|
1867
1831
|
}
|
|
1868
1832
|
}
|
|
1869
1833
|
}
|
|
1870
|
-
SkyFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1871
|
-
SkyFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1872
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1834
|
+
SkyFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1835
|
+
SkyFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyFormatComponent, selector: "sky-format", inputs: { text: "text", args: "args" }, ngImport: i0, template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n <!--\n The following ng-container must be on one line so no extra whitespace is introduced.\n -->\n <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n item.text\n }}</ng-container>\n</ng-container>\n", directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFormatComponent, decorators: [{
|
|
1873
1837
|
type: Component,
|
|
1874
1838
|
args: [{
|
|
1875
1839
|
selector: 'sky-format',
|
|
1876
1840
|
templateUrl: './format.component.html',
|
|
1877
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1841
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1878
1842
|
}]
|
|
1879
1843
|
}], propDecorators: { text: [{
|
|
1880
1844
|
type: Input
|
|
@@ -1884,23 +1848,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1884
1848
|
|
|
1885
1849
|
class SkyFormatModule {
|
|
1886
1850
|
}
|
|
1887
|
-
SkyFormatModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1888
|
-
SkyFormatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1889
|
-
SkyFormatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1890
|
-
|
|
1891
|
-
]] });
|
|
1892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFormatModule, decorators: [{
|
|
1851
|
+
SkyFormatModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFormatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1852
|
+
SkyFormatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFormatModule, declarations: [SkyFormatComponent], imports: [CommonModule], exports: [SkyFormatComponent] });
|
|
1853
|
+
SkyFormatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFormatModule, imports: [[CommonModule]] });
|
|
1854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyFormatModule, decorators: [{
|
|
1893
1855
|
type: NgModule,
|
|
1894
1856
|
args: [{
|
|
1895
|
-
declarations: [
|
|
1896
|
-
|
|
1897
|
-
],
|
|
1898
|
-
imports: [
|
|
1899
|
-
CommonModule
|
|
1900
|
-
],
|
|
1901
|
-
exports: [
|
|
1902
|
-
SkyFormatComponent
|
|
1903
|
-
]
|
|
1857
|
+
declarations: [SkyFormatComponent],
|
|
1858
|
+
imports: [CommonModule],
|
|
1859
|
+
exports: [SkyFormatComponent],
|
|
1904
1860
|
}]
|
|
1905
1861
|
}] });
|
|
1906
1862
|
|
|
@@ -1922,9 +1878,9 @@ class SkyPageThemeAdapterService {
|
|
|
1922
1878
|
}
|
|
1923
1879
|
}
|
|
1924
1880
|
}
|
|
1925
|
-
SkyPageThemeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1926
|
-
SkyPageThemeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1927
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1881
|
+
SkyPageThemeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageThemeAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1882
|
+
SkyPageThemeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageThemeAdapterService });
|
|
1883
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageThemeAdapterService, decorators: [{
|
|
1928
1884
|
type: Injectable
|
|
1929
1885
|
}] });
|
|
1930
1886
|
|
|
@@ -1944,31 +1900,27 @@ class SkyPageComponent {
|
|
|
1944
1900
|
this.themeAdapter.removeTheme();
|
|
1945
1901
|
}
|
|
1946
1902
|
}
|
|
1947
|
-
SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1948
|
-
SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1949
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1903
|
+
SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageComponent, deps: [{ token: SkyPageThemeAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1904
|
+
SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0, template: "<div class=\"sky-theme-default\">\n <ng-content></ng-content>\n</div>\n" });
|
|
1905
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
1950
1906
|
type: Component,
|
|
1951
1907
|
args: [{
|
|
1952
1908
|
selector: 'sky-page',
|
|
1953
1909
|
templateUrl: './page.component.html',
|
|
1954
|
-
providers: [SkyPageThemeAdapterService]
|
|
1910
|
+
providers: [SkyPageThemeAdapterService],
|
|
1955
1911
|
}]
|
|
1956
1912
|
}], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; } });
|
|
1957
1913
|
|
|
1958
1914
|
class SkyPageModule {
|
|
1959
1915
|
}
|
|
1960
|
-
SkyPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1961
|
-
SkyPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1962
|
-
SkyPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1916
|
+
SkyPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1917
|
+
SkyPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageModule, declarations: [SkyPageComponent], exports: [SkyPageComponent] });
|
|
1918
|
+
SkyPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageModule });
|
|
1919
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageModule, decorators: [{
|
|
1964
1920
|
type: NgModule,
|
|
1965
1921
|
args: [{
|
|
1966
|
-
declarations: [
|
|
1967
|
-
|
|
1968
|
-
],
|
|
1969
|
-
exports: [
|
|
1970
|
-
SkyPageComponent
|
|
1971
|
-
]
|
|
1922
|
+
declarations: [SkyPageComponent],
|
|
1923
|
+
exports: [SkyPageComponent],
|
|
1972
1924
|
}]
|
|
1973
1925
|
}] });
|
|
1974
1926
|
|
|
@@ -1980,14 +1932,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1980
1932
|
/* Code coverage having problems with no statements in classes */
|
|
1981
1933
|
class SkyPageSummaryAlertComponent {
|
|
1982
1934
|
}
|
|
1983
|
-
SkyPageSummaryAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1984
|
-
SkyPageSummaryAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1935
|
+
SkyPageSummaryAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1936
|
+
SkyPageSummaryAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryAlertComponent, selector: "sky-page-summary-alert", ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"] });
|
|
1937
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryAlertComponent, decorators: [{
|
|
1986
1938
|
type: Component,
|
|
1987
1939
|
args: [{
|
|
1988
1940
|
selector: 'sky-page-summary-alert',
|
|
1989
1941
|
templateUrl: './page-summary-alert.component.html',
|
|
1990
|
-
styleUrls: ['./page-summary-alert.component.scss']
|
|
1942
|
+
styleUrls: ['./page-summary-alert.component.scss'],
|
|
1991
1943
|
}]
|
|
1992
1944
|
}] });
|
|
1993
1945
|
|
|
@@ -1998,14 +1950,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1998
1950
|
/* Code coverage having problems with no statements in classes */
|
|
1999
1951
|
class SkyPageSummaryContentComponent {
|
|
2000
1952
|
}
|
|
2001
|
-
SkyPageSummaryContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2002
|
-
SkyPageSummaryContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2003
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1953
|
+
SkyPageSummaryContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1954
|
+
SkyPageSummaryContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryContentComponent, selector: "sky-page-summary-content", ngImport: i0, template: "<div class=\"sky-page-summary-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-page-summary-content{margin-top:20px}\n"] });
|
|
1955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryContentComponent, decorators: [{
|
|
2004
1956
|
type: Component,
|
|
2005
1957
|
args: [{
|
|
2006
1958
|
selector: 'sky-page-summary-content',
|
|
2007
1959
|
templateUrl: './page-summary-content.component.html',
|
|
2008
|
-
styleUrls: ['./page-summary-content.component.scss']
|
|
1960
|
+
styleUrls: ['./page-summary-content.component.scss'],
|
|
2009
1961
|
}]
|
|
2010
1962
|
}] });
|
|
2011
1963
|
|
|
@@ -2017,14 +1969,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2017
1969
|
/* Code coverage having problems with no statements in classes */
|
|
2018
1970
|
class SkyPageSummaryImageComponent {
|
|
2019
1971
|
}
|
|
2020
|
-
SkyPageSummaryImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2021
|
-
SkyPageSummaryImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2022
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1972
|
+
SkyPageSummaryImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1973
|
+
SkyPageSummaryImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryImageComponent, selector: "sky-page-summary-image", ngImport: i0, 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"] });
|
|
1974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryImageComponent, decorators: [{
|
|
2023
1975
|
type: Component,
|
|
2024
1976
|
args: [{
|
|
2025
1977
|
selector: 'sky-page-summary-image',
|
|
2026
1978
|
templateUrl: './page-summary-image.component.html',
|
|
2027
|
-
styleUrls: ['./page-summary-image.component.scss']
|
|
1979
|
+
styleUrls: ['./page-summary-image.component.scss'],
|
|
2028
1980
|
}]
|
|
2029
1981
|
}] });
|
|
2030
1982
|
|
|
@@ -2034,14 +1986,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2034
1986
|
*/
|
|
2035
1987
|
class SkyPageSummaryKeyInfoComponent {
|
|
2036
1988
|
}
|
|
2037
|
-
SkyPageSummaryKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2038
|
-
SkyPageSummaryKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2039
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1989
|
+
SkyPageSummaryKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1990
|
+
SkyPageSummaryKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryKeyInfoComponent, selector: "sky-page-summary-key-info", ngImport: i0, 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"] });
|
|
1991
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryKeyInfoComponent, decorators: [{
|
|
2040
1992
|
type: Component,
|
|
2041
1993
|
args: [{
|
|
2042
1994
|
selector: 'sky-page-summary-key-info',
|
|
2043
1995
|
templateUrl: './page-summary-key-info.component.html',
|
|
2044
|
-
styleUrls: ['./page-summary-key-info.component.scss']
|
|
1996
|
+
styleUrls: ['./page-summary-key-info.component.scss'],
|
|
2045
1997
|
}]
|
|
2046
1998
|
}] });
|
|
2047
1999
|
|
|
@@ -2053,14 +2005,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2053
2005
|
/* Code coverage having problems with no statements in classes */
|
|
2054
2006
|
class SkyPageSummaryStatusComponent {
|
|
2055
2007
|
}
|
|
2056
|
-
SkyPageSummaryStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2057
|
-
SkyPageSummaryStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2008
|
+
SkyPageSummaryStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2009
|
+
SkyPageSummaryStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryStatusComponent, selector: "sky-page-summary-status", ngImport: i0, 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"] });
|
|
2010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryStatusComponent, decorators: [{
|
|
2059
2011
|
type: Component,
|
|
2060
2012
|
args: [{
|
|
2061
2013
|
selector: 'sky-page-summary-status',
|
|
2062
2014
|
templateUrl: './page-summary-status.component.html',
|
|
2063
|
-
styleUrls: ['./page-summary-status.component.scss']
|
|
2015
|
+
styleUrls: ['./page-summary-status.component.scss'],
|
|
2064
2016
|
}]
|
|
2065
2017
|
}] });
|
|
2066
2018
|
|
|
@@ -2071,14 +2023,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2071
2023
|
/* Code coverage having problems with no statements in classes */
|
|
2072
2024
|
class SkyPageSummarySubtitleComponent {
|
|
2073
2025
|
}
|
|
2074
|
-
SkyPageSummarySubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2075
|
-
SkyPageSummarySubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2076
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2026
|
+
SkyPageSummarySubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummarySubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2027
|
+
SkyPageSummarySubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummarySubtitleComponent, selector: "sky-page-summary-subtitle", ngImport: i0, 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"] });
|
|
2028
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummarySubtitleComponent, decorators: [{
|
|
2077
2029
|
type: Component,
|
|
2078
2030
|
args: [{
|
|
2079
2031
|
selector: 'sky-page-summary-subtitle',
|
|
2080
2032
|
templateUrl: './page-summary-subtitle.component.html',
|
|
2081
|
-
styleUrls: ['./page-summary-subtitle.component.scss']
|
|
2033
|
+
styleUrls: ['./page-summary-subtitle.component.scss'],
|
|
2082
2034
|
}]
|
|
2083
2035
|
}] });
|
|
2084
2036
|
|
|
@@ -2089,14 +2041,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2089
2041
|
/* Code coverage having problems with no statements in classes */
|
|
2090
2042
|
class SkyPageSummaryTitleComponent {
|
|
2091
2043
|
}
|
|
2092
|
-
SkyPageSummaryTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2093
|
-
SkyPageSummaryTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2094
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2044
|
+
SkyPageSummaryTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2045
|
+
SkyPageSummaryTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryTitleComponent, selector: "sky-page-summary-title", ngImport: i0, 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"] });
|
|
2046
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryTitleComponent, decorators: [{
|
|
2095
2047
|
type: Component,
|
|
2096
2048
|
args: [{
|
|
2097
2049
|
selector: 'sky-page-summary-title',
|
|
2098
2050
|
templateUrl: './page-summary-title.component.html',
|
|
2099
|
-
styleUrls: ['./page-summary-title.component.scss']
|
|
2051
|
+
styleUrls: ['./page-summary-title.component.scss'],
|
|
2100
2052
|
}]
|
|
2101
2053
|
}] });
|
|
2102
2054
|
|
|
@@ -2115,9 +2067,9 @@ class SkyPageSummaryAdapterService {
|
|
|
2115
2067
|
}
|
|
2116
2068
|
}
|
|
2117
2069
|
}
|
|
2118
|
-
SkyPageSummaryAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2119
|
-
SkyPageSummaryAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2070
|
+
SkyPageSummaryAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2071
|
+
SkyPageSummaryAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryAdapterService });
|
|
2072
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryAdapterService, decorators: [{
|
|
2121
2073
|
type: Injectable
|
|
2122
2074
|
}] });
|
|
2123
2075
|
|
|
@@ -2131,7 +2083,7 @@ class SkyPageSummaryComponent {
|
|
|
2131
2083
|
this.mediaQueryService = mediaQueryService;
|
|
2132
2084
|
}
|
|
2133
2085
|
get hasKeyInfo() {
|
|
2134
|
-
return
|
|
2086
|
+
return this.keyInfoComponents.length > 0;
|
|
2135
2087
|
}
|
|
2136
2088
|
ngAfterViewInit() {
|
|
2137
2089
|
this.breakpointSubscription = this.mediaQueryService.subscribe((args) => {
|
|
@@ -2146,25 +2098,27 @@ class SkyPageSummaryComponent {
|
|
|
2146
2098
|
}
|
|
2147
2099
|
}
|
|
2148
2100
|
}
|
|
2149
|
-
SkyPageSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2150
|
-
SkyPageSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2101
|
+
SkyPageSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryComponent, deps: [{ token: i0.ElementRef }, { token: SkyPageSummaryAdapterService }, { token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2102
|
+
SkyPageSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryComponent, selector: "sky-page-summary", providers: [SkyPageSummaryAdapterService], queries: [{ propertyName: "keyInfoComponents", predicate: SkyPageSummaryKeyInfoComponent, read: SkyPageSummaryKeyInfoComponent }], ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryComponent, decorators: [{
|
|
2152
2104
|
type: Component,
|
|
2153
2105
|
args: [{
|
|
2154
2106
|
selector: 'sky-page-summary',
|
|
2155
2107
|
templateUrl: './page-summary.component.html',
|
|
2156
2108
|
styleUrls: ['./page-summary.component.scss'],
|
|
2157
|
-
providers: [SkyPageSummaryAdapterService]
|
|
2109
|
+
providers: [SkyPageSummaryAdapterService],
|
|
2158
2110
|
}]
|
|
2159
2111
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1.SkyMediaQueryService }]; }, propDecorators: { keyInfoComponents: [{
|
|
2160
2112
|
type: ContentChildren,
|
|
2161
|
-
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2113
|
+
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2114
|
+
read: SkyPageSummaryKeyInfoComponent,
|
|
2115
|
+
}]
|
|
2162
2116
|
}] } });
|
|
2163
2117
|
|
|
2164
2118
|
class SkyPageSummaryModule {
|
|
2165
2119
|
}
|
|
2166
|
-
SkyPageSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2167
|
-
SkyPageSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2120
|
+
SkyPageSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2121
|
+
SkyPageSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryModule, declarations: [SkyPageSummaryAlertComponent,
|
|
2168
2122
|
SkyPageSummaryComponent,
|
|
2169
2123
|
SkyPageSummaryContentComponent,
|
|
2170
2124
|
SkyPageSummaryImageComponent,
|
|
@@ -2179,10 +2133,8 @@ SkyPageSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
|
|
|
2179
2133
|
SkyPageSummaryStatusComponent,
|
|
2180
2134
|
SkyPageSummarySubtitleComponent,
|
|
2181
2135
|
SkyPageSummaryTitleComponent] });
|
|
2182
|
-
SkyPageSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2183
|
-
|
|
2184
|
-
]] });
|
|
2185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyPageSummaryModule, decorators: [{
|
|
2136
|
+
SkyPageSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryModule, imports: [[CommonModule]] });
|
|
2137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyPageSummaryModule, decorators: [{
|
|
2186
2138
|
type: NgModule,
|
|
2187
2139
|
args: [{
|
|
2188
2140
|
declarations: [
|
|
@@ -2193,11 +2145,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2193
2145
|
SkyPageSummaryKeyInfoComponent,
|
|
2194
2146
|
SkyPageSummaryStatusComponent,
|
|
2195
2147
|
SkyPageSummarySubtitleComponent,
|
|
2196
|
-
SkyPageSummaryTitleComponent
|
|
2197
|
-
],
|
|
2198
|
-
imports: [
|
|
2199
|
-
CommonModule
|
|
2148
|
+
SkyPageSummaryTitleComponent,
|
|
2200
2149
|
],
|
|
2150
|
+
imports: [CommonModule],
|
|
2201
2151
|
exports: [
|
|
2202
2152
|
SkyPageSummaryAlertComponent,
|
|
2203
2153
|
SkyPageSummaryComponent,
|
|
@@ -2206,8 +2156,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2206
2156
|
SkyPageSummaryKeyInfoComponent,
|
|
2207
2157
|
SkyPageSummaryStatusComponent,
|
|
2208
2158
|
SkyPageSummarySubtitleComponent,
|
|
2209
|
-
SkyPageSummaryTitleComponent
|
|
2210
|
-
]
|
|
2159
|
+
SkyPageSummaryTitleComponent,
|
|
2160
|
+
],
|
|
2211
2161
|
}]
|
|
2212
2162
|
}] });
|
|
2213
2163
|
|
|
@@ -2234,9 +2184,9 @@ class SkyTextExpandAdapterService {
|
|
|
2234
2184
|
textEl.nativeElement.textContent = text;
|
|
2235
2185
|
}
|
|
2236
2186
|
}
|
|
2237
|
-
SkyTextExpandAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2238
|
-
SkyTextExpandAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2187
|
+
SkyTextExpandAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2188
|
+
SkyTextExpandAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandAdapterService });
|
|
2189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandAdapterService, decorators: [{
|
|
2240
2190
|
type: Injectable
|
|
2241
2191
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
2242
2192
|
|
|
@@ -2258,14 +2208,14 @@ class SkyTextExpandModalComponent {
|
|
|
2258
2208
|
this.instance.close();
|
|
2259
2209
|
}
|
|
2260
2210
|
}
|
|
2261
|
-
SkyTextExpandModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2262
|
-
SkyTextExpandModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2211
|
+
SkyTextExpandModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandModalComponent, deps: [{ token: SkyTextExpandModalContext }, { token: i2$2.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
|
|
2212
|
+
SkyTextExpandModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyTextExpandModalComponent, selector: "sky-text-expand-modal", ngImport: i0, template: "<sky-modal>\n <sky-modal-header>{{ context.header }}</sky-modal-header>\n <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n context.text\n }}</sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n {{ 'skyux_text_expand_close_text' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], components: [{ type: i2$2.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2$2.λ4, selector: "sky-modal-header" }, { type: i2$2.λ2, selector: "sky-modal-content" }, { type: i2$2.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i1$1.SkyLibResourcesPipe } });
|
|
2213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandModalComponent, decorators: [{
|
|
2264
2214
|
type: Component,
|
|
2265
2215
|
args: [{
|
|
2266
2216
|
selector: 'sky-text-expand-modal',
|
|
2267
2217
|
templateUrl: './text-expand-modal.component.html',
|
|
2268
|
-
styleUrls: ['./text-expand.component.scss']
|
|
2218
|
+
styleUrls: ['./text-expand.component.scss'],
|
|
2269
2219
|
}]
|
|
2270
2220
|
}], ctorParameters: function () { return [{ type: SkyTextExpandModalContext }, { type: i2$2.SkyModalInstance }]; } });
|
|
2271
2221
|
|
|
@@ -2334,9 +2284,9 @@ class SkyTextExpandComponent {
|
|
|
2334
2284
|
provide: SkyTextExpandModalContext,
|
|
2335
2285
|
useValue: {
|
|
2336
2286
|
header: this.expandModalTitle,
|
|
2337
|
-
text: this.expandedText
|
|
2338
|
-
}
|
|
2339
|
-
}
|
|
2287
|
+
text: this.expandedText,
|
|
2288
|
+
},
|
|
2289
|
+
},
|
|
2340
2290
|
]);
|
|
2341
2291
|
}
|
|
2342
2292
|
}
|
|
@@ -2346,16 +2296,14 @@ class SkyTextExpandComponent {
|
|
|
2346
2296
|
this.setContainerMaxHeight();
|
|
2347
2297
|
setTimeout(() => {
|
|
2348
2298
|
this.isExpanded = true;
|
|
2349
|
-
this
|
|
2350
|
-
.animateText(this.collapsedText, this.expandedText, true);
|
|
2299
|
+
this.animateText(this.collapsedText, this.expandedText, true);
|
|
2351
2300
|
}, 10);
|
|
2352
2301
|
}
|
|
2353
2302
|
else {
|
|
2354
2303
|
this.setContainerMaxHeight();
|
|
2355
2304
|
setTimeout(() => {
|
|
2356
2305
|
this.isExpanded = false;
|
|
2357
|
-
this
|
|
2358
|
-
.animateText(this.expandedText, this.collapsedText, false);
|
|
2306
|
+
this.animateText(this.expandedText, this.collapsedText, false);
|
|
2359
2307
|
}, 10);
|
|
2360
2308
|
}
|
|
2361
2309
|
}
|
|
@@ -2369,18 +2317,19 @@ class SkyTextExpandComponent {
|
|
|
2369
2317
|
ngAfterContentInit() {
|
|
2370
2318
|
forkJoin([
|
|
2371
2319
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
2372
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
2320
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
2373
2321
|
])
|
|
2374
2322
|
.pipe(take(1))
|
|
2375
|
-
.subscribe(resources => {
|
|
2323
|
+
.subscribe((resources) => {
|
|
2376
2324
|
this.seeMoreText = resources[0];
|
|
2377
2325
|
this.seeLessText = resources[1];
|
|
2378
2326
|
this.setup(this.expandedText);
|
|
2379
2327
|
/* istanbul ignore else */
|
|
2380
2328
|
if (!this.expandModalTitle) {
|
|
2381
|
-
this.resources
|
|
2329
|
+
this.resources
|
|
2330
|
+
.getString('skyux_text_expand_modal_title')
|
|
2382
2331
|
.pipe(take(1))
|
|
2383
|
-
.subscribe(resource => {
|
|
2332
|
+
.subscribe((resource) => {
|
|
2384
2333
|
this.expandModalTitle = resource;
|
|
2385
2334
|
});
|
|
2386
2335
|
}
|
|
@@ -2403,8 +2352,9 @@ class SkyTextExpandComponent {
|
|
|
2403
2352
|
this.buttonText = this.seeMoreText;
|
|
2404
2353
|
this.isExpanded = false;
|
|
2405
2354
|
this.expandable = true;
|
|
2406
|
-
this.isModal =
|
|
2407
|
-
|
|
2355
|
+
this.isModal =
|
|
2356
|
+
this.newlineCount > this.maxExpandedNewlines ||
|
|
2357
|
+
this.expandedText.length > this.maxExpandedLength;
|
|
2408
2358
|
}
|
|
2409
2359
|
else {
|
|
2410
2360
|
this.expandable = false;
|
|
@@ -2472,19 +2422,15 @@ class SkyTextExpandComponent {
|
|
|
2472
2422
|
}, 10);
|
|
2473
2423
|
}
|
|
2474
2424
|
}
|
|
2475
|
-
SkyTextExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2476
|
-
SkyTextExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2477
|
-
|
|
2478
|
-
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2479
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextExpandComponent, decorators: [{
|
|
2425
|
+
SkyTextExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandComponent, deps: [{ token: i1$1.SkyLibResourcesService }, { token: i2$2.SkyModalService }, { token: SkyTextExpandAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2426
|
+
SkyTextExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyTextExpandComponent, selector: "sky-text-expand", inputs: { expandModalTitle: "expandModalTitle", maxExpandedLength: "maxExpandedLength", maxExpandedNewlines: "maxExpandedNewlines", maxLength: "maxLength", text: "text", truncateNewlines: "truncateNewlines" }, providers: [SkyTextExpandAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container\n>\n <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\"\n >...\n </span>\n <button\n *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n [attr.aria-expanded]=\"isModal ? undefined : isExpanded\"\n [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n (click)=\"textExpand()\"\n >\n {{ buttonText }}\n </button>\n</div>\n", styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandComponent, decorators: [{
|
|
2480
2428
|
type: Component,
|
|
2481
2429
|
args: [{
|
|
2482
2430
|
selector: 'sky-text-expand',
|
|
2483
2431
|
templateUrl: './text-expand.component.html',
|
|
2484
2432
|
styleUrls: ['./text-expand.component.scss'],
|
|
2485
|
-
providers: [
|
|
2486
|
-
SkyTextExpandAdapterService
|
|
2487
|
-
]
|
|
2433
|
+
providers: [SkyTextExpandAdapterService],
|
|
2488
2434
|
}]
|
|
2489
2435
|
}], ctorParameters: function () { return [{ type: i1$1.SkyLibResourcesService }, { type: i2$2.SkyModalService }, { type: SkyTextExpandAdapterService }]; }, propDecorators: { expandModalTitle: [{
|
|
2490
2436
|
type: Input
|
|
@@ -2502,49 +2448,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2502
2448
|
type: ViewChild,
|
|
2503
2449
|
args: ['container', {
|
|
2504
2450
|
read: ElementRef,
|
|
2505
|
-
static: true
|
|
2451
|
+
static: true,
|
|
2506
2452
|
}]
|
|
2507
2453
|
}], textEl: [{
|
|
2508
2454
|
type: ViewChild,
|
|
2509
2455
|
args: ['text', {
|
|
2510
2456
|
read: ElementRef,
|
|
2511
|
-
static: true
|
|
2457
|
+
static: true,
|
|
2512
2458
|
}]
|
|
2513
2459
|
}] } });
|
|
2514
2460
|
|
|
2515
2461
|
class SkyTextExpandModule {
|
|
2516
2462
|
}
|
|
2517
|
-
SkyTextExpandModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2518
|
-
SkyTextExpandModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2519
|
-
SkyTextExpandModalComponent], imports: [SkyI18nModule,
|
|
2463
|
+
SkyTextExpandModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2464
|
+
SkyTextExpandModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandModule, declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent], imports: [SkyI18nModule,
|
|
2520
2465
|
SkyLayoutResourcesModule,
|
|
2521
2466
|
SkyModalModule,
|
|
2522
2467
|
CommonModule], exports: [SkyTextExpandComponent] });
|
|
2523
|
-
SkyTextExpandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2468
|
+
SkyTextExpandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandModule, imports: [[
|
|
2524
2469
|
SkyI18nModule,
|
|
2525
2470
|
SkyLayoutResourcesModule,
|
|
2526
2471
|
SkyModalModule,
|
|
2527
|
-
CommonModule
|
|
2472
|
+
CommonModule,
|
|
2528
2473
|
]] });
|
|
2529
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2474
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandModule, decorators: [{
|
|
2530
2475
|
type: NgModule,
|
|
2531
2476
|
args: [{
|
|
2532
|
-
declarations: [
|
|
2533
|
-
SkyTextExpandComponent,
|
|
2534
|
-
SkyTextExpandModalComponent
|
|
2535
|
-
],
|
|
2477
|
+
declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],
|
|
2536
2478
|
imports: [
|
|
2537
2479
|
SkyI18nModule,
|
|
2538
2480
|
SkyLayoutResourcesModule,
|
|
2539
2481
|
SkyModalModule,
|
|
2540
|
-
CommonModule
|
|
2541
|
-
],
|
|
2542
|
-
exports: [
|
|
2543
|
-
SkyTextExpandComponent
|
|
2482
|
+
CommonModule,
|
|
2544
2483
|
],
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
]
|
|
2484
|
+
exports: [SkyTextExpandComponent],
|
|
2485
|
+
entryComponents: [SkyTextExpandModalComponent],
|
|
2548
2486
|
}]
|
|
2549
2487
|
}] });
|
|
2550
2488
|
|
|
@@ -2577,9 +2515,9 @@ class SkyTextExpandRepeaterAdapterService {
|
|
|
2577
2515
|
}
|
|
2578
2516
|
}
|
|
2579
2517
|
}
|
|
2580
|
-
SkyTextExpandRepeaterAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2581
|
-
SkyTextExpandRepeaterAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2582
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2518
|
+
SkyTextExpandRepeaterAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2519
|
+
SkyTextExpandRepeaterAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandRepeaterAdapterService });
|
|
2520
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, decorators: [{
|
|
2583
2521
|
type: Injectable
|
|
2584
2522
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
2585
2523
|
|
|
@@ -2610,10 +2548,10 @@ class SkyTextExpandRepeaterComponent {
|
|
|
2610
2548
|
}
|
|
2611
2549
|
forkJoin([
|
|
2612
2550
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
2613
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
2551
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
2614
2552
|
])
|
|
2615
2553
|
.pipe(take(1))
|
|
2616
|
-
.subscribe(resources => {
|
|
2554
|
+
.subscribe((resources) => {
|
|
2617
2555
|
this.seeMoreText = resources[0];
|
|
2618
2556
|
this.seeLessText = resources[1];
|
|
2619
2557
|
/* sanity check */
|
|
@@ -2724,19 +2662,15 @@ class SkyTextExpandRepeaterComponent {
|
|
|
2724
2662
|
}
|
|
2725
2663
|
}
|
|
2726
2664
|
}
|
|
2727
|
-
SkyTextExpandRepeaterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2728
|
-
SkyTextExpandRepeaterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2729
|
-
|
|
2730
|
-
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2731
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
2665
|
+
SkyTextExpandRepeaterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandRepeaterComponent, deps: [{ token: i1$1.SkyLibResourcesService }, { token: i0.ElementRef }, { token: SkyTextExpandRepeaterAdapterService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2666
|
+
SkyTextExpandRepeaterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyTextExpandRepeaterComponent, selector: "sky-text-expand-repeater", inputs: { data: "data", itemTemplate: "itemTemplate", listStyle: "listStyle", maxItems: "maxItems" }, providers: [SkyTextExpandRepeaterAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sky-text-expand-repeater\">\n <ul\n *ngIf=\"listStyle !== 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-list-style-none': listStyle === 'unstyled'\n }\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ul>\n <ol\n *ngIf=\"listStyle === 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ol>\n <button\n *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n [attr.aria-expanded]=\"isExpanded\"\n [attr.aria-controls]=\"contentSectionId\"\n (click)=\"repeaterExpand()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none':\n listStyle === 'unstyled'\n }\"\n >\n {{ buttonText }}\n </button>\n</div>\n\n<ng-template let-item #defaultItemTemplate>\n {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n</ng-template>\n", styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}.sky-text-expand-repeater-list-style-none{list-style-type:none;padding-left:0}.sky-text-expand-repeater-see-more-list-style-none{margin-left:0}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
2732
2668
|
type: Component,
|
|
2733
2669
|
args: [{
|
|
2734
2670
|
selector: 'sky-text-expand-repeater',
|
|
2735
2671
|
templateUrl: './text-expand-repeater.component.html',
|
|
2736
2672
|
styleUrls: ['./text-expand-repeater.component.scss'],
|
|
2737
|
-
providers: [
|
|
2738
|
-
SkyTextExpandRepeaterAdapterService
|
|
2739
|
-
]
|
|
2673
|
+
providers: [SkyTextExpandRepeaterAdapterService],
|
|
2740
2674
|
}]
|
|
2741
2675
|
}], ctorParameters: function () { return [{ type: i1$1.SkyLibResourcesService }, { type: i0.ElementRef }, { type: SkyTextExpandRepeaterAdapterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
|
|
2742
2676
|
type: Input
|
|
@@ -2750,35 +2684,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2750
2684
|
type: ViewChild,
|
|
2751
2685
|
args: ['container', {
|
|
2752
2686
|
read: ElementRef,
|
|
2753
|
-
static: false
|
|
2687
|
+
static: false,
|
|
2754
2688
|
}]
|
|
2755
2689
|
}] } });
|
|
2756
2690
|
|
|
2757
2691
|
class SkyTextExpandRepeaterModule {
|
|
2758
2692
|
}
|
|
2759
|
-
SkyTextExpandRepeaterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2760
|
-
SkyTextExpandRepeaterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2761
|
-
|
|
2762
|
-
|
|
2763
|
-
SkyTextExpandRepeaterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextExpandRepeaterModule, imports: [[
|
|
2764
|
-
SkyI18nModule,
|
|
2765
|
-
SkyLayoutResourcesModule,
|
|
2766
|
-
CommonModule
|
|
2767
|
-
]] });
|
|
2768
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
2693
|
+
SkyTextExpandRepeaterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandRepeaterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2694
|
+
SkyTextExpandRepeaterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandRepeaterModule, declarations: [SkyTextExpandRepeaterComponent], imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule], exports: [SkyTextExpandRepeaterComponent] });
|
|
2695
|
+
SkyTextExpandRepeaterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandRepeaterModule, imports: [[SkyI18nModule, SkyLayoutResourcesModule, CommonModule]] });
|
|
2696
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
2769
2697
|
type: NgModule,
|
|
2770
2698
|
args: [{
|
|
2771
|
-
declarations: [
|
|
2772
|
-
|
|
2773
|
-
],
|
|
2774
|
-
imports: [
|
|
2775
|
-
SkyI18nModule,
|
|
2776
|
-
SkyLayoutResourcesModule,
|
|
2777
|
-
CommonModule
|
|
2778
|
-
],
|
|
2779
|
-
exports: [
|
|
2780
|
-
SkyTextExpandRepeaterComponent
|
|
2781
|
-
]
|
|
2699
|
+
declarations: [SkyTextExpandRepeaterComponent],
|
|
2700
|
+
imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule],
|
|
2701
|
+
exports: [SkyTextExpandRepeaterComponent],
|
|
2782
2702
|
}]
|
|
2783
2703
|
}] });
|
|
2784
2704
|
|
|
@@ -2787,14 +2707,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2787
2707
|
*/
|
|
2788
2708
|
class SkyToolbarSectionComponent {
|
|
2789
2709
|
}
|
|
2790
|
-
SkyToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2791
|
-
SkyToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2710
|
+
SkyToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2711
|
+
SkyToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyToolbarSectionComponent, selector: "sky-toolbar-section", ngImport: i0, 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"] });
|
|
2712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarSectionComponent, decorators: [{
|
|
2793
2713
|
type: Component,
|
|
2794
2714
|
args: [{
|
|
2795
2715
|
selector: 'sky-toolbar-section',
|
|
2796
2716
|
styleUrls: ['./toolbar-section.component.scss'],
|
|
2797
|
-
templateUrl: './toolbar-section.component.html'
|
|
2717
|
+
templateUrl: './toolbar-section.component.html',
|
|
2798
2718
|
}]
|
|
2799
2719
|
}] });
|
|
2800
2720
|
|
|
@@ -2809,14 +2729,14 @@ class SkyToolbarComponent {
|
|
|
2809
2729
|
this.hasSections = this.sectionComponents.length > 0;
|
|
2810
2730
|
}
|
|
2811
2731
|
}
|
|
2812
|
-
SkyToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2813
|
-
SkyToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2732
|
+
SkyToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2733
|
+
SkyToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyToolbarComponent, selector: "sky-toolbar", queries: [{ propertyName: "sectionComponents", predicate: SkyToolbarSectionComponent, descendants: true }], ngImport: i0, template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\"></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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2734
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarComponent, decorators: [{
|
|
2815
2735
|
type: Component,
|
|
2816
2736
|
args: [{
|
|
2817
2737
|
selector: 'sky-toolbar',
|
|
2818
2738
|
styleUrls: ['./toolbar.component.scss'],
|
|
2819
|
-
templateUrl: './toolbar.component.html'
|
|
2739
|
+
templateUrl: './toolbar.component.html',
|
|
2820
2740
|
}]
|
|
2821
2741
|
}], propDecorators: { sectionComponents: [{
|
|
2822
2742
|
type: ContentChildren,
|
|
@@ -2828,14 +2748,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2828
2748
|
*/
|
|
2829
2749
|
class SkyToolbarItemComponent {
|
|
2830
2750
|
}
|
|
2831
|
-
SkyToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2832
|
-
SkyToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2833
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2751
|
+
SkyToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2752
|
+
SkyToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyToolbarItemComponent, selector: "sky-toolbar-item", ngImport: i0, 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"] });
|
|
2753
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarItemComponent, decorators: [{
|
|
2834
2754
|
type: Component,
|
|
2835
2755
|
args: [{
|
|
2836
2756
|
selector: 'sky-toolbar-item',
|
|
2837
2757
|
styleUrls: ['./toolbar-item.component.scss'],
|
|
2838
|
-
templateUrl: './toolbar-item.component.html'
|
|
2758
|
+
templateUrl: './toolbar-item.component.html',
|
|
2839
2759
|
}]
|
|
2840
2760
|
}] });
|
|
2841
2761
|
|
|
@@ -2845,49 +2765,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2845
2765
|
*/
|
|
2846
2766
|
class SkyToolbarViewActionsComponent {
|
|
2847
2767
|
}
|
|
2848
|
-
SkyToolbarViewActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2849
|
-
SkyToolbarViewActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2768
|
+
SkyToolbarViewActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarViewActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2769
|
+
SkyToolbarViewActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyToolbarViewActionsComponent, selector: "sky-toolbar-view-actions", ngImport: i0, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2770
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
2851
2771
|
type: Component,
|
|
2852
2772
|
args: [{
|
|
2853
2773
|
selector: 'sky-toolbar-view-actions',
|
|
2854
2774
|
templateUrl: './toolbar-view-actions.component.html',
|
|
2855
2775
|
styleUrls: ['./toolbar-view-actions.component.scss'],
|
|
2856
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
2776
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2857
2777
|
}]
|
|
2858
2778
|
}] });
|
|
2859
2779
|
|
|
2860
2780
|
class SkyToolbarModule {
|
|
2861
2781
|
}
|
|
2862
|
-
SkyToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2863
|
-
SkyToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2782
|
+
SkyToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2783
|
+
SkyToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
|
|
2864
2784
|
SkyToolbarItemComponent,
|
|
2865
2785
|
SkyToolbarSectionComponent,
|
|
2866
2786
|
SkyToolbarViewActionsComponent], imports: [CommonModule], exports: [SkyToolbarComponent,
|
|
2867
2787
|
SkyToolbarItemComponent,
|
|
2868
2788
|
SkyToolbarSectionComponent,
|
|
2869
2789
|
SkyToolbarViewActionsComponent] });
|
|
2870
|
-
SkyToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2871
|
-
|
|
2872
|
-
]] });
|
|
2873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyToolbarModule, decorators: [{
|
|
2790
|
+
SkyToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarModule, imports: [[CommonModule]] });
|
|
2791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyToolbarModule, decorators: [{
|
|
2874
2792
|
type: NgModule,
|
|
2875
2793
|
args: [{
|
|
2876
2794
|
declarations: [
|
|
2877
2795
|
SkyToolbarComponent,
|
|
2878
2796
|
SkyToolbarItemComponent,
|
|
2879
2797
|
SkyToolbarSectionComponent,
|
|
2880
|
-
SkyToolbarViewActionsComponent
|
|
2881
|
-
],
|
|
2882
|
-
imports: [
|
|
2883
|
-
CommonModule
|
|
2798
|
+
SkyToolbarViewActionsComponent,
|
|
2884
2799
|
],
|
|
2800
|
+
imports: [CommonModule],
|
|
2885
2801
|
exports: [
|
|
2886
2802
|
SkyToolbarComponent,
|
|
2887
2803
|
SkyToolbarItemComponent,
|
|
2888
2804
|
SkyToolbarSectionComponent,
|
|
2889
|
-
SkyToolbarViewActionsComponent
|
|
2890
|
-
]
|
|
2805
|
+
SkyToolbarViewActionsComponent,
|
|
2806
|
+
],
|
|
2891
2807
|
}]
|
|
2892
2808
|
}] });
|
|
2893
2809
|
|