@skyux/layout 11.15.0 → 11.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +1759 -2318
- package/esm2022/lib/modules/action-button/action-button-icon.component.mjs +16 -26
- package/esm2022/lib/modules/page-summary/page-summary.component.mjs +18 -56
- package/fesm2022/skyux-layout.mjs +76 -120
- package/fesm2022/skyux-layout.mjs.map +1 -1
- package/lib/modules/action-button/action-button-icon.component.d.ts +2 -6
- package/lib/modules/page-summary/page-summary.component.d.ts +3 -10
- package/package.json +11 -11
|
@@ -1,40 +1,30 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import {
|
|
1
|
+
import { Component, Input, computed, inject } from '@angular/core';
|
|
2
|
+
import { toSignal } from '@angular/core/rxjs-interop';
|
|
3
|
+
import { SkyMediaQueryService } from '@skyux/core';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@skyux/
|
|
5
|
-
import * as i2 from "@skyux/icon";
|
|
5
|
+
import * as i1 from "@skyux/icon";
|
|
6
6
|
const FONTSIZECLASS_SMALL = '2x';
|
|
7
7
|
const FONTSIZECLASS_LARGE = '3x';
|
|
8
8
|
/**
|
|
9
9
|
* Specifies an icon to display on the action button.
|
|
10
10
|
*/
|
|
11
11
|
export class SkyActionButtonIconComponent {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
this.fontSizeClass =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}
|
|
19
|
-
else {
|
|
20
|
-
this.fontSizeClass = FONTSIZECLASS_LARGE;
|
|
21
|
-
}
|
|
12
|
+
constructor() {
|
|
13
|
+
this.#breakpoint = toSignal(inject(SkyMediaQueryService).breakpointChange);
|
|
14
|
+
this.fontSizeClass = computed(() => {
|
|
15
|
+
return this.#breakpoint() === 'xs'
|
|
16
|
+
? FONTSIZECLASS_SMALL
|
|
17
|
+
: FONTSIZECLASS_LARGE;
|
|
22
18
|
});
|
|
23
19
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
if (this.#subscription) {
|
|
28
|
-
this.#subscription.unsubscribe();
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyActionButtonIconComponent, deps: [{ token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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 />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media (min-width: 768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#ebfbff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}:host-context(.sky-theme-modern) .sky-action-button-icon-container .sky-action-button-icon{color:#0974a1}\n"], dependencies: [{ kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }] }); }
|
|
20
|
+
#breakpoint;
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyActionButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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 />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media (min-width: 768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#ebfbff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}:host-context(.sky-theme-modern) .sky-action-button-icon-container .sky-action-button-icon{color:#0974a1}\n"], dependencies: [{ kind: "component", type: i1.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }] }); }
|
|
33
23
|
}
|
|
34
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
|
|
35
25
|
type: Component,
|
|
36
|
-
args: [{ selector: 'sky-action-button-icon', 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 />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media (min-width: 768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#ebfbff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}:host-context(.sky-theme-modern) .sky-action-button-icon-container .sky-action-button-icon{color:#0974a1}\n"] }]
|
|
37
|
-
}],
|
|
26
|
+
args: [{ selector: 'sky-action-button-icon', 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 />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media (min-width: 768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#ebfbff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}:host-context(.sky-theme-modern) .sky-action-button-icon-container .sky-action-button-icon{color:#0974a1}\n"] }]
|
|
27
|
+
}], propDecorators: { iconType: [{
|
|
38
28
|
type: Input
|
|
39
29
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBRW5ELE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDO0FBQ2pDLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDO0FBRWpDOztHQUVHO0FBU0gsTUFBTSxPQUFPLDRCQUE0QjtJQVJ6QztRQW9CVyxnQkFBVyxHQUFHLFFBQVEsQ0FDN0IsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUMsZ0JBQWdCLENBQzlDLENBQUM7UUFFUSxrQkFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDdEMsT0FBTyxJQUFJLENBQUMsV0FBVyxFQUFFLEtBQUssSUFBSTtnQkFDaEMsQ0FBQyxDQUFDLG1CQUFtQjtnQkFDckIsQ0FBQyxDQUFDLG1CQUFtQixDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFDO0tBQ0o7SUFUVSxXQUFXLENBRWxCOzhHQWRTLDRCQUE0QjtrR0FBNUIsNEJBQTRCLGdHQ2xCekMsbU1BT0E7OzJGRFdhLDRCQUE0QjtrQkFSeEMsU0FBUzsrQkFDRSx3QkFBd0I7OEJBaUIzQixRQUFRO3NCQURkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBjb21wdXRlZCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0b1NpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IFNreU1lZGlhUXVlcnlTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5jb25zdCBGT05UU0laRUNMQVNTX1NNQUxMID0gJzJ4JztcbmNvbnN0IEZPTlRTSVpFQ0xBU1NfTEFSR0UgPSAnM3gnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBhbiBpY29uIHRvIGRpc3BsYXkgb24gdGhlIGFjdGlvbiBidXR0b24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uLWljb24nLFxuICBzdHlsZVVybHM6IFtcbiAgICAnLi9hY3Rpb24tYnV0dG9uLWljb24uZGVmYXVsdC5jb21wb25lbnQuc2NzcycsXG4gICAgJy4vYWN0aW9uLWJ1dHRvbi1pY29uLm1vZGVybi5jb21wb25lbnQuc2NzcycsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLWljb24uY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBY3Rpb25CdXR0b25JY29uQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZSBpY29uIGZyb20gdGhlXG4gICAqIFtGb250IEF3ZXNvbWUgbGlicmFyeV0oaHR0cHM6Ly9mb250YXdlc29tZS5jb20vdjQuNy4wLykuXG4gICAqIEZvciBleGFtcGxlLCB0byBkaXNwbGF5IHRoZSBgZmEtZmlsdGVyYCBpY29uIG9uIHRoZSBhY3Rpb24gYnV0dG9uLFxuICAgKiBzZXQgYGljb25UeXBlYCB0byBgZmlsdGVyYC4gU0tZIFVYIHN1cHBvcnRzIHZlcnNpb24gNC43LjAgb2YgRm9udCBBd2Vzb21lLlxuICAgKiBGb3IgbW9yZSBpbmZvcm1hdGlvbiBhYm91dCBpY29ucyBpbiBTS1kgVVgsIHNlZSB0aGVcbiAgICogW2ljb24gY29tcG9uZW50XShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2NvbXBvbmVudHMvaWNvbikuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaWNvblR5cGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICByZWFkb25seSAjYnJlYWtwb2ludCA9IHRvU2lnbmFsKFxuICAgIGluamVjdChTa3lNZWRpYVF1ZXJ5U2VydmljZSkuYnJlYWtwb2ludENoYW5nZSxcbiAgKTtcblxuICBwcm90ZWN0ZWQgZm9udFNpemVDbGFzcyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICByZXR1cm4gdGhpcy4jYnJlYWtwb2ludCgpID09PSAneHMnXG4gICAgICA/IEZPTlRTSVpFQ0xBU1NfU01BTExcbiAgICAgIDogRk9OVFNJWkVDTEFTU19MQVJHRTtcbiAgfSk7XG59XG4iLCI8ZGl2IGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwic2t5LWFjdGlvbi1idXR0b24taWNvbi1jb250YWluZXJcIj5cbiAgPHNreS1pY29uXG4gICAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1pY29uXCJcbiAgICBbaWNvbl09XCJpY29uVHlwZVwiXG4gICAgW3NpemVdPVwiZm9udFNpemVDbGFzcygpXCJcbiAgLz5cbjwvZGl2PlxuIl19
|
|
@@ -1,73 +1,35 @@
|
|
|
1
|
-
import { Component,
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { takeUntil } from 'rxjs/operators';
|
|
1
|
+
import { Component, ElementRef, contentChildren, effect, inject, } from '@angular/core';
|
|
2
|
+
import { toSignal } from '@angular/core/rxjs-interop';
|
|
3
|
+
import { SkyLogService, SkyMediaQueryService } from '@skyux/core';
|
|
5
4
|
import { SkyPageSummaryAdapterService } from './page-summary-adapter.service';
|
|
6
5
|
import { SkyPageSummaryKeyInfoComponent } from './page-summary-key-info.component';
|
|
7
6
|
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "
|
|
9
|
-
import * as i2 from "@skyux/core";
|
|
10
|
-
import * as i3 from "@angular/common";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
11
8
|
/**
|
|
12
9
|
* Specifies the components to display in the page summary.
|
|
13
10
|
* @deprecated `SkyPageSummaryComponent` is deprecated. For page templates and techniques to summarize page content, see the page design guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/page-layouts.
|
|
14
11
|
*/
|
|
15
12
|
export class SkyPageSummaryComponent {
|
|
16
|
-
#
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
this.hasKeyInfo = false;
|
|
24
|
-
this.#ngUnsubscribe = new Subject();
|
|
25
|
-
this.#elRef = elRef;
|
|
26
|
-
this.#adapter = adapter;
|
|
27
|
-
this.#mediaQueryService = mediaQueryService;
|
|
28
|
-
this.#changeDetectorRef = changeDetector;
|
|
29
|
-
logger.deprecated('SkyPageSummaryComponent', {
|
|
13
|
+
#breakpoint;
|
|
14
|
+
constructor() {
|
|
15
|
+
this.keyInfoComponents = contentChildren(SkyPageSummaryKeyInfoComponent);
|
|
16
|
+
this.#breakpoint = toSignal(inject(SkyMediaQueryService).breakpointChange);
|
|
17
|
+
const adapter = inject(SkyPageSummaryAdapterService);
|
|
18
|
+
const elRef = inject(ElementRef);
|
|
19
|
+
inject(SkyLogService).deprecated('SkyPageSummaryComponent', {
|
|
30
20
|
deprecationMajorVersion: 6,
|
|
31
21
|
moreInfoUrl: 'https://developer.blackbaud.com/skyux/design/guidelines/page-layouts',
|
|
32
22
|
replacementRecommendation: 'For page templates and techniques to summarize page content, see the page design guidelines.',
|
|
33
23
|
});
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
this.#breakpointSubscription = this.#mediaQueryService.subscribe((args) => {
|
|
37
|
-
this.#adapter.updateKeyInfoLocation(this.#elRef, args === SkyMediaBreakpoints.xs);
|
|
24
|
+
effect(() => {
|
|
25
|
+
adapter.updateKeyInfoLocation(elRef, this.#breakpoint() === 'xs');
|
|
38
26
|
});
|
|
39
27
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
this.hasKeyInfo = this.keyInfoComponents.length > 0;
|
|
43
|
-
this.keyInfoComponents.changes
|
|
44
|
-
.pipe(takeUntil(this.#ngUnsubscribe))
|
|
45
|
-
.subscribe(() => {
|
|
46
|
-
this.hasKeyInfo =
|
|
47
|
-
!!this.keyInfoComponents && this.keyInfoComponents.length > 0;
|
|
48
|
-
this.#changeDetectorRef.markForCheck();
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
ngOnDestroy() {
|
|
53
|
-
/* istanbul ignore else */
|
|
54
|
-
/* sanity check */
|
|
55
|
-
if (this.#breakpointSubscription) {
|
|
56
|
-
this.#breakpointSubscription.unsubscribe();
|
|
57
|
-
}
|
|
58
|
-
this.#ngUnsubscribe.next();
|
|
59
|
-
this.#ngUnsubscribe.complete();
|
|
60
|
-
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyPageSummaryComponent, deps: [{ token: i0.ElementRef }, { token: i1.SkyPageSummaryAdapterService }, { token: i2.SkyMediaQueryService }, { token: i2.SkyLogService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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\" />\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\" />\n <div class=\"sky-page-summary-data\">\n <ng-content select=\"sky-page-summary-title\" />\n <ng-content select=\"sky-page-summary-subtitle\" />\n <ng-content select=\"sky-page-summary-status\" />\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\" />\n </div>\n </div>\n <div class=\"sky-page-summary-key-info-sm\">\n <div class=\"sky-page-summary-key-info-container\">\n <ng-content select=\"sky-page-summary-key-info\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}:host .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}@media (min-width: 768px){:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host .sky-page-summary-left{align-items:stretch;display:flex}:host .sky-page-summary-data{flex-grow:1}}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{align-items:stretch;display:flex}:host-context(.sky-responsive-container-sm) .sky-page-summary-data,:host-context(.sky-responsive-container-md) .sky-page-summary-data,:host-context(.sky-responsive-container-lg) .sky-page-summary-data{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyPageSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.8", type: SkyPageSummaryComponent, selector: "sky-page-summary", providers: [SkyPageSummaryAdapterService], queries: [{ propertyName: "keyInfoComponents", predicate: SkyPageSummaryKeyInfoComponent, isSignal: true }], ngImport: i0, template: "<div\n class=\"sky-page-summary\"\n [ngClass]=\"{\n 'sky-page-summary-with-key-info': keyInfoComponents().length > 0\n }\"\n>\n <ng-content select=\"sky-page-summary-alert\" />\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\" />\n <div class=\"sky-page-summary-data\">\n <ng-content select=\"sky-page-summary-title\" />\n <ng-content select=\"sky-page-summary-subtitle\" />\n <ng-content select=\"sky-page-summary-status\" />\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\" />\n </div>\n </div>\n <div class=\"sky-page-summary-key-info-sm\">\n <div class=\"sky-page-summary-key-info-container\">\n <ng-content select=\"sky-page-summary-key-info\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}:host .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}@media (min-width: 768px){:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host .sky-page-summary-left{align-items:stretch;display:flex}:host .sky-page-summary-data{flex-grow:1}}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{align-items:stretch;display:flex}:host-context(.sky-responsive-container-sm) .sky-page-summary-data,:host-context(.sky-responsive-container-md) .sky-page-summary-data,:host-context(.sky-responsive-container-lg) .sky-page-summary-data{flex-grow:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
63
30
|
}
|
|
64
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyPageSummaryComponent, decorators: [{
|
|
65
32
|
type: Component,
|
|
66
|
-
args: [{ selector: 'sky-page-summary', providers: [SkyPageSummaryAdapterService], template: "<div\n class=\"sky-page-summary\"\n [ngClass]=\"{
|
|
67
|
-
}], ctorParameters: () => [
|
|
68
|
-
|
|
69
|
-
args: [SkyPageSummaryKeyInfoComponent, {
|
|
70
|
-
read: SkyPageSummaryKeyInfoComponent,
|
|
71
|
-
}]
|
|
72
|
-
}] } });
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zdW1tYXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL3BhZ2Utc3VtbWFyeS9wYWdlLXN1bW1hcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvcGFnZS1zdW1tYXJ5L3BhZ2Utc3VtbWFyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBSUwsU0FBUyxFQUNULGVBQWUsR0FJaEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUVMLG1CQUFtQixHQUVwQixNQUFNLGFBQWEsQ0FBQztBQUVyQixPQUFPLEVBQUUsT0FBTyxFQUFnQixNQUFNLE1BQU0sQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7O0FBRW5GOzs7R0FHRztBQU9ILE1BQU0sT0FBTyx1QkFBdUI7SUFZbEMsdUJBQXVCLENBQTJCO0lBQ2xELGNBQWMsQ0FBdUI7SUFFckMsTUFBTSxDQUFhO0lBQ25CLFFBQVEsQ0FBK0I7SUFDdkMsa0JBQWtCLENBQXVCO0lBQ3pDLGtCQUFrQixDQUFvQjtJQUV0QyxZQUNFLEtBQWlCLEVBQ2pCLE9BQXFDLEVBQ3JDLGlCQUF1QyxFQUN2QyxNQUFxQixFQUNyQixjQUFpQztRQXRCNUIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQVUxQixtQkFBYyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFjbkMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGlCQUFpQixDQUFDO1FBQzVDLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxjQUFjLENBQUM7UUFDekMsTUFBTSxDQUFDLFVBQVUsQ0FBQyx5QkFBeUIsRUFBRTtZQUMzQyx1QkFBdUIsRUFBRSxDQUFDO1lBQzFCLFdBQVcsRUFDVCxzRUFBc0U7WUFDeEUseUJBQXlCLEVBQ3ZCLDhGQUE4RjtTQUNqRyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsdUJBQXVCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsQ0FDOUQsQ0FBQyxJQUF5QixFQUFFLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxxQkFBcUIsQ0FDakMsSUFBSSxDQUFDLE1BQU0sRUFDWCxJQUFJLEtBQUssbUJBQW1CLENBQUMsRUFBRSxDQUNoQyxDQUFDO1FBQ0osQ0FBQyxDQUNGLENBQUM7SUFDSixDQUFDO0lBRU0sa0JBQWtCO1FBQ3ZCLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUVwRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTztpQkFDM0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7aUJBQ3BDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLFVBQVU7b0JBQ2IsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztnQkFDaEUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3pDLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNILENBQUM7SUFFTSxXQUFXO1FBQ2hCLDBCQUEwQjtRQUMxQixrQkFBa0I7UUFDbEIsSUFBSSxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDN0MsQ0FBQztRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDOzhHQXpFVSx1QkFBdUI7a0dBQXZCLHVCQUF1QiwyQ0FGdkIsQ0FBQyw0QkFBNEIsQ0FBQyw0REFPeEIsOEJBQThCLFFBQ3ZDLDhCQUE4Qiw2QkN0Q3hDLGkzQkF1QkE7OzJGRFNhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxrQkFBa0IsYUFHakIsQ0FBQyw0QkFBNEIsQ0FBQzt5TkFVbEMsaUJBQWlCO3NCQUh2QixlQUFlO3VCQUFDLDhCQUE4QixFQUFFO3dCQUMvQyxJQUFJLEVBQUUsOEJBQThCO3FCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgT25EZXN0cm95LFxuICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU2t5TG9nU2VydmljZSxcbiAgU2t5TWVkaWFCcmVha3BvaW50cyxcbiAgU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG59IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU3ViamVjdCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IFNreVBhZ2VTdW1tYXJ5QWRhcHRlclNlcnZpY2UgfSBmcm9tICcuL3BhZ2Utc3VtbWFyeS1hZGFwdGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5UGFnZVN1bW1hcnlLZXlJbmZvQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLXN1bW1hcnkta2V5LWluZm8uY29tcG9uZW50JztcblxuLyoqXG4gKiBTcGVjaWZpZXMgdGhlIGNvbXBvbmVudHMgdG8gZGlzcGxheSBpbiB0aGUgcGFnZSBzdW1tYXJ5LlxuICogQGRlcHJlY2F0ZWQgYFNreVBhZ2VTdW1tYXJ5Q29tcG9uZW50YCBpcyBkZXByZWNhdGVkLiBGb3IgcGFnZSB0ZW1wbGF0ZXMgYW5kIHRlY2huaXF1ZXMgdG8gc3VtbWFyaXplIHBhZ2UgY29udGVudCwgc2VlIHRoZSBwYWdlIGRlc2lnbiBndWlkZWxpbmVzLiBGb3IgbW9yZSBpbmZvcm1hdGlvbiwgc2VlIGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvZGVzaWduL2d1aWRlbGluZXMvcGFnZS1sYXlvdXRzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcGFnZS1zdW1tYXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc3VtbWFyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2Utc3VtbWFyeS5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtTa3lQYWdlU3VtbWFyeUFkYXB0ZXJTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZVN1bW1hcnlDb21wb25lbnRcbiAgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3lcbntcbiAgcHVibGljIGhhc0tleUluZm8gPSBmYWxzZTtcblxuICBAQ29udGVudENoaWxkcmVuKFNreVBhZ2VTdW1tYXJ5S2V5SW5mb0NvbXBvbmVudCwge1xuICAgIHJlYWQ6IFNreVBhZ2VTdW1tYXJ5S2V5SW5mb0NvbXBvbmVudCxcbiAgfSlcbiAgcHVibGljIGtleUluZm9Db21wb25lbnRzOlxuICAgIHwgUXVlcnlMaXN0PFNreVBhZ2VTdW1tYXJ5S2V5SW5mb0NvbXBvbmVudD5cbiAgICB8IHVuZGVmaW5lZDtcblxuICAjYnJlYWtwb2ludFN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uIHwgdW5kZWZpbmVkO1xuICAjbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgI2VsUmVmOiBFbGVtZW50UmVmO1xuICAjYWRhcHRlcjogU2t5UGFnZVN1bW1hcnlBZGFwdGVyU2VydmljZTtcbiAgI21lZGlhUXVlcnlTZXJ2aWNlOiBTa3lNZWRpYVF1ZXJ5U2VydmljZTtcbiAgI2NoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBlbFJlZjogRWxlbWVudFJlZixcbiAgICBhZGFwdGVyOiBTa3lQYWdlU3VtbWFyeUFkYXB0ZXJTZXJ2aWNlLFxuICAgIG1lZGlhUXVlcnlTZXJ2aWNlOiBTa3lNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICBsb2dnZXI6IFNreUxvZ1NlcnZpY2UsXG4gICAgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHtcbiAgICB0aGlzLiNlbFJlZiA9IGVsUmVmO1xuICAgIHRoaXMuI2FkYXB0ZXIgPSBhZGFwdGVyO1xuICAgIHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlID0gbWVkaWFRdWVyeVNlcnZpY2U7XG4gICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3JSZWYgPSBjaGFuZ2VEZXRlY3RvcjtcbiAgICBsb2dnZXIuZGVwcmVjYXRlZCgnU2t5UGFnZVN1bW1hcnlDb21wb25lbnQnLCB7XG4gICAgICBkZXByZWNhdGlvbk1ham9yVmVyc2lvbjogNixcbiAgICAgIG1vcmVJbmZvVXJsOlxuICAgICAgICAnaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9kZXNpZ24vZ3VpZGVsaW5lcy9wYWdlLWxheW91dHMnLFxuICAgICAgcmVwbGFjZW1lbnRSZWNvbW1lbmRhdGlvbjpcbiAgICAgICAgJ0ZvciBwYWdlIHRlbXBsYXRlcyBhbmQgdGVjaG5pcXVlcyB0byBzdW1tYXJpemUgcGFnZSBjb250ZW50LCBzZWUgdGhlIHBhZ2UgZGVzaWduIGd1aWRlbGluZXMuJyxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy4jYnJlYWtwb2ludFN1YnNjcmlwdGlvbiA9IHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlLnN1YnNjcmliZShcbiAgICAgIChhcmdzOiBTa3lNZWRpYUJyZWFrcG9pbnRzKSA9PiB7XG4gICAgICAgIHRoaXMuI2FkYXB0ZXIudXBkYXRlS2V5SW5mb0xvY2F0aW9uKFxuICAgICAgICAgIHRoaXMuI2VsUmVmLFxuICAgICAgICAgIGFyZ3MgPT09IFNreU1lZGlhQnJlYWtwb2ludHMueHMsXG4gICAgICAgICk7XG4gICAgICB9LFxuICAgICk7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmtleUluZm9Db21wb25lbnRzKSB7XG4gICAgICB0aGlzLmhhc0tleUluZm8gPSB0aGlzLmtleUluZm9Db21wb25lbnRzLmxlbmd0aCA+IDA7XG5cbiAgICAgIHRoaXMua2V5SW5mb0NvbXBvbmVudHMuY2hhbmdlc1xuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4jbmdVbnN1YnNjcmliZSkpXG4gICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgIHRoaXMuaGFzS2V5SW5mbyA9XG4gICAgICAgICAgICAhIXRoaXMua2V5SW5mb0NvbXBvbmVudHMgJiYgdGhpcy5rZXlJbmZvQ29tcG9uZW50cy5sZW5ndGggPiAwO1xuICAgICAgICAgIHRoaXMuI2NoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICAvKiBzYW5pdHkgY2hlY2sgKi9cbiAgICBpZiAodGhpcy4jYnJlYWtwb2ludFN1YnNjcmlwdGlvbikge1xuICAgICAgdGhpcy4jYnJlYWtwb2ludFN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJza3ktcGFnZS1zdW1tYXJ5XCJcbiAgW25nQ2xhc3NdPVwieyAnc2t5LXBhZ2Utc3VtbWFyeS13aXRoLWtleS1pbmZvJzogaGFzS2V5SW5mbyB9XCJcbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2Utc3VtbWFyeS1hbGVydFwiIC8+XG4gIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1zdW1tYXJ5LXJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1zdW1tYXJ5LWxlZnRcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLXN1bW1hcnktaW1hZ2VcIiAvPlxuICAgICAgPGRpdiBjbGFzcz1cInNreS1wYWdlLXN1bW1hcnktZGF0YVwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktcGFnZS1zdW1tYXJ5LXRpdGxlXCIgLz5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2Utc3VtbWFyeS1zdWJ0aXRsZVwiIC8+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLXN1bW1hcnktc3RhdHVzXCIgLz5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNreS1wYWdlLXN1bW1hcnkta2V5LWluZm8teHNcIj48L2Rpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2Utc3VtbWFyeS1jb250ZW50XCIgLz5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1zdW1tYXJ5LWtleS1pbmZvLXNtXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic2t5LXBhZ2Utc3VtbWFyeS1rZXktaW5mby1jb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2Utc3VtbWFyeS1rZXktaW5mb1wiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
33
|
+
args: [{ selector: 'sky-page-summary', providers: [SkyPageSummaryAdapterService], template: "<div\n class=\"sky-page-summary\"\n [ngClass]=\"{\n 'sky-page-summary-with-key-info': keyInfoComponents().length > 0\n }\"\n>\n <ng-content select=\"sky-page-summary-alert\" />\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\" />\n <div class=\"sky-page-summary-data\">\n <ng-content select=\"sky-page-summary-title\" />\n <ng-content select=\"sky-page-summary-subtitle\" />\n <ng-content select=\"sky-page-summary-status\" />\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\" />\n </div>\n </div>\n <div class=\"sky-page-summary-key-info-sm\">\n <div class=\"sky-page-summary-key-info-container\">\n <ng-content select=\"sky-page-summary-key-info\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}:host .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}@media (min-width: 768px){:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host .sky-page-summary-left{align-items:stretch;display:flex}:host .sky-page-summary-data{flex-grow:1}}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{align-items:stretch;display:flex}:host-context(.sky-responsive-container-sm) .sky-page-summary-data,:host-context(.sky-responsive-container-md) .sky-page-summary-data,:host-context(.sky-responsive-container-lg) .sky-page-summary-data{flex-grow:1}\n"] }]
|
|
34
|
+
}], ctorParameters: () => [] });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1zdW1tYXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL3BhZ2Utc3VtbWFyeS9wYWdlLXN1bW1hcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvcGFnZS1zdW1tYXJ5L3BhZ2Utc3VtbWFyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixlQUFlLEVBQ2YsTUFBTSxFQUNOLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVsRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7O0FBRW5GOzs7R0FHRztBQU9ILE1BQU0sT0FBTyx1QkFBdUI7SUFHekIsV0FBVyxDQUVsQjtJQUVGO1FBTlUsc0JBQWlCLEdBQUcsZUFBZSxDQUFDLDhCQUE4QixDQUFDLENBQUM7UUFFckUsZ0JBQVcsR0FBRyxRQUFRLENBQzdCLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLGdCQUFnQixDQUM5QyxDQUFDO1FBR0EsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLDRCQUE0QixDQUFDLENBQUM7UUFDckQsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRWpDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxVQUFVLENBQUMseUJBQXlCLEVBQUU7WUFDMUQsdUJBQXVCLEVBQUUsQ0FBQztZQUMxQixXQUFXLEVBQ1Qsc0VBQXNFO1lBQ3hFLHlCQUF5QixFQUN2Qiw4RkFBOEY7U0FDakcsQ0FBQyxDQUFDO1FBRUgsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLE9BQU8sQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxLQUFLLElBQUksQ0FBQyxDQUFDO1FBQ3BFLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F0QlUsdUJBQXVCO2tHQUF2Qix1QkFBdUIsMkNBRnZCLENBQUMsNEJBQTRCLENBQUMsNERBR0ssOEJBQThCLDZDQ3hCOUUsNjRCQXlCQTs7MkZERmEsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNFLGtCQUFrQixhQUdqQixDQUFDLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBjb250ZW50Q2hpbGRyZW4sXG4gIGVmZmVjdCxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgU2t5TG9nU2VydmljZSwgU2t5TWVkaWFRdWVyeVNlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFNreVBhZ2VTdW1tYXJ5QWRhcHRlclNlcnZpY2UgfSBmcm9tICcuL3BhZ2Utc3VtbWFyeS1hZGFwdGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5UGFnZVN1bW1hcnlLZXlJbmZvQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLXN1bW1hcnkta2V5LWluZm8uY29tcG9uZW50JztcblxuLyoqXG4gKiBTcGVjaWZpZXMgdGhlIGNvbXBvbmVudHMgdG8gZGlzcGxheSBpbiB0aGUgcGFnZSBzdW1tYXJ5LlxuICogQGRlcHJlY2F0ZWQgYFNreVBhZ2VTdW1tYXJ5Q29tcG9uZW50YCBpcyBkZXByZWNhdGVkLiBGb3IgcGFnZSB0ZW1wbGF0ZXMgYW5kIHRlY2huaXF1ZXMgdG8gc3VtbWFyaXplIHBhZ2UgY29udGVudCwgc2VlIHRoZSBwYWdlIGRlc2lnbiBndWlkZWxpbmVzLiBGb3IgbW9yZSBpbmZvcm1hdGlvbiwgc2VlIGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvZGVzaWduL2d1aWRlbGluZXMvcGFnZS1sYXlvdXRzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcGFnZS1zdW1tYXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2Utc3VtbWFyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2Utc3VtbWFyeS5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtTa3lQYWdlU3VtbWFyeUFkYXB0ZXJTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZVN1bW1hcnlDb21wb25lbnQge1xuICBwcm90ZWN0ZWQga2V5SW5mb0NvbXBvbmVudHMgPSBjb250ZW50Q2hpbGRyZW4oU2t5UGFnZVN1bW1hcnlLZXlJbmZvQ29tcG9uZW50KTtcblxuICByZWFkb25seSAjYnJlYWtwb2ludCA9IHRvU2lnbmFsKFxuICAgIGluamVjdChTa3lNZWRpYVF1ZXJ5U2VydmljZSkuYnJlYWtwb2ludENoYW5nZSxcbiAgKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBjb25zdCBhZGFwdGVyID0gaW5qZWN0KFNreVBhZ2VTdW1tYXJ5QWRhcHRlclNlcnZpY2UpO1xuICAgIGNvbnN0IGVsUmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gICAgaW5qZWN0KFNreUxvZ1NlcnZpY2UpLmRlcHJlY2F0ZWQoJ1NreVBhZ2VTdW1tYXJ5Q29tcG9uZW50Jywge1xuICAgICAgZGVwcmVjYXRpb25NYWpvclZlcnNpb246IDYsXG4gICAgICBtb3JlSW5mb1VybDpcbiAgICAgICAgJ2h0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvZGVzaWduL2d1aWRlbGluZXMvcGFnZS1sYXlvdXRzJyxcbiAgICAgIHJlcGxhY2VtZW50UmVjb21tZW5kYXRpb246XG4gICAgICAgICdGb3IgcGFnZSB0ZW1wbGF0ZXMgYW5kIHRlY2huaXF1ZXMgdG8gc3VtbWFyaXplIHBhZ2UgY29udGVudCwgc2VlIHRoZSBwYWdlIGRlc2lnbiBndWlkZWxpbmVzLicsXG4gICAgfSk7XG5cbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgYWRhcHRlci51cGRhdGVLZXlJbmZvTG9jYXRpb24oZWxSZWYsIHRoaXMuI2JyZWFrcG9pbnQoKSA9PT0gJ3hzJyk7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJza3ktcGFnZS1zdW1tYXJ5XCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdza3ktcGFnZS1zdW1tYXJ5LXdpdGgta2V5LWluZm8nOiBrZXlJbmZvQ29tcG9uZW50cygpLmxlbmd0aCA+IDBcbiAgfVwiXG4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLXN1bW1hcnktYWxlcnRcIiAvPlxuICA8ZGl2IGNsYXNzPVwic2t5LXBhZ2Utc3VtbWFyeS1yb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2t5LXBhZ2Utc3VtbWFyeS1sZWZ0XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktcGFnZS1zdW1tYXJ5LWltYWdlXCIgLz5cbiAgICAgIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1zdW1tYXJ5LWRhdGFcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2Utc3VtbWFyeS10aXRsZVwiIC8+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLXN1bW1hcnktc3VidGl0bGVcIiAvPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktcGFnZS1zdW1tYXJ5LXN0YXR1c1wiIC8+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1zdW1tYXJ5LWtleS1pbmZvLXhzXCI+PC9kaXY+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLXN1bW1hcnktY29udGVudFwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2t5LXBhZ2Utc3VtbWFyeS1rZXktaW5mby1zbVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInNreS1wYWdlLXN1bW1hcnkta2V5LWluZm8tY29udGFpbmVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLXN1bW1hcnkta2V5LWluZm9cIiAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|