@skyux/pages 8.4.0 → 8.6.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 +398 -149
- package/esm2020/index.mjs +5 -1
- package/esm2020/lib/modules/page/page.component.mjs +6 -6
- package/esm2020/lib/modules/page-header/page-header-actions.component.mjs +15 -0
- package/esm2020/lib/modules/page-header/page-header-alerts.component.mjs +14 -0
- package/esm2020/lib/modules/page-header/page-header-avatar.component.mjs +36 -0
- package/esm2020/lib/modules/page-header/page-header-details.component.mjs +15 -0
- package/esm2020/lib/modules/page-header/page-header.component.mjs +3 -3
- package/esm2020/lib/modules/page-header/page-header.module.mjs +29 -5
- package/fesm2015/skyux-pages.mjs +103 -13
- package/fesm2015/skyux-pages.mjs.map +1 -1
- package/fesm2020/skyux-pages.mjs +103 -13
- package/fesm2020/skyux-pages.mjs.map +1 -1
- package/index.d.ts +4 -0
- package/lib/modules/page/page.component.d.ts +5 -5
- package/lib/modules/page-header/page-header-actions.component.d.ts +9 -0
- package/lib/modules/page-header/page-header-alerts.component.d.ts +8 -0
- package/lib/modules/page-header/page-header-avatar.component.d.ts +14 -0
- package/lib/modules/page-header/page-header-details.component.d.ts +9 -0
- package/lib/modules/page-header/page-header.component.d.ts +1 -1
- package/lib/modules/page-header/page-header.module.d.ts +11 -7
- package/package.json +8 -8
package/esm2020/index.mjs
CHANGED
|
@@ -19,4 +19,8 @@ export { SkyPageHeaderComponent as λ4 } from './lib/modules/page-header/page-he
|
|
|
19
19
|
export { SkyModalLinkListComponent as λ5 } from './lib/modules/modal-link-list/modal-link-list.component';
|
|
20
20
|
export { SkyPageComponent as λ6 } from './lib/modules/page/page.component';
|
|
21
21
|
export { SkyPageContentComponent as λ7 } from './lib/modules/page/page-content.component';
|
|
22
|
-
|
|
22
|
+
export { SkyPageHeaderDetailsComponent as λ8 } from './lib/modules/page-header/page-header-details.component';
|
|
23
|
+
export { SkyPageHeaderActionsComponent as λ9 } from './lib/modules/page-header/page-header-actions.component';
|
|
24
|
+
export { SkyPageHeaderAvatarComponent as λ10 } from './lib/modules/page-header/page-header-avatar.component';
|
|
25
|
+
export { SkyPageHeaderAlertsComponent as λ11 } from './lib/modules/page-header/page-header-alerts.component';
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLHlFQUF5RSxDQUFDO0FBQ3hGLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLDhDQUE4QyxDQUFDO0FBRTdELDBGQUEwRjtBQUMxRiwyRUFBMkU7QUFDM0UsT0FBTyxFQUFFLHFCQUFxQixJQUFJLEVBQUUsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSw0QkFBNEIsSUFBSSxFQUFFLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsNEJBQTRCLElBQUksRUFBRSxFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDM0csT0FBTyxFQUFFLHNCQUFzQixJQUFJLEVBQUUsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSx5QkFBeUIsSUFBSSxFQUFFLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUMxRyxPQUFPLEVBQUUsZ0JBQWdCLElBQUksRUFBRSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDM0UsT0FBTyxFQUFFLHVCQUF1QixJQUFJLEVBQUUsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSw2QkFBNkIsSUFBSSxFQUFFLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUM5RyxPQUFPLEVBQUUsNkJBQTZCLElBQUksRUFBRSxFQUFFLE1BQU0seURBQXlELENBQUM7QUFDOUcsT0FBTyxFQUFFLDRCQUE0QixJQUFJLEdBQUcsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQzdHLE9BQU8sRUFBRSw0QkFBNEIsSUFBSSxHQUFHLEVBQUUsTUFBTSx3REFBd0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi9hY3Rpb24taHViLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvYWN0aW9uLWh1Yi1uZWVkcy1hdHRlbnRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24taHViL3R5cGVzL2FjdGlvbi1odWItbmVlZHMtYXR0ZW50aW9uLWNsaWNrLWhhbmRsZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbGluayc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1saW5rcy1pbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1tb2RhbC1saW5rJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9wYWdlLW1vZGFsLWxpbmtzLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9yZWNlbnQtbGluayc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcmVjZW50LWxpbmtzLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS9wYWdlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UvdHlwZXMvcGFnZS1sYXlvdXQtdHlwZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLm1vZHVsZSc7XG5cbi8vIENvbXBvbmVudHMgYW5kIGRpcmVjdGl2ZXMgbXVzdCBiZSBleHBvcnRlZCB0byBzdXBwb3J0IEFuZ3VsYXIncyBcInBhcnRpYWxcIiBJdnkgY29tcGlsZXIuXG4vLyBPYnNjdXJlIG5hbWVzIGFyZSB1c2VkIHRvIGluZGljYXRlIHR5cGVzIGFyZSBub3QgcGFydCBvZiB0aGUgcHVibGljIEFQSS5cbmV4cG9ydCB7IFNreUFjdGlvbkh1YkNvbXBvbmVudCBhcyDOuzEgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5QWN0aW9uSHViQnV0dG9uc0NvbXBvbmVudCBhcyDOuzIgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi1idXR0b25zLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lBY3Rpb25IdWJDb250ZW50Q29tcG9uZW50IGFzIM67MyB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi9hY3Rpb24taHViLWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VIZWFkZXJDb21wb25lbnQgYXMgzrs0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5TW9kYWxMaW5rTGlzdENvbXBvbmVudCBhcyDOuzUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL21vZGFsLWxpbmstbGlzdC9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VDb21wb25lbnQgYXMgzrs2IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlL3BhZ2UuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VDb250ZW50Q29tcG9uZW50IGFzIM67NyB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS9wYWdlLWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VIZWFkZXJEZXRhaWxzQ29tcG9uZW50IGFzIM67OCB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXItZGV0YWlscy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZUhlYWRlckFjdGlvbnNDb21wb25lbnQgYXMgzrs5IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci1hY3Rpb25zLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlSGVhZGVyQXZhdGFyQ29tcG9uZW50IGFzIM67MTAgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLWF2YXRhci5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZUhlYWRlckFsZXJ0c0NvbXBvbmVudCBhcyDOuzExIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci1hbGVydHMuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -24,11 +24,11 @@ export class SkyPageComponent {
|
|
|
24
24
|
_SkyPageComponent_layoutHostSvc.set(this, inject(SkyLayoutHostService));
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
|
-
* The page layout that
|
|
28
|
-
*
|
|
29
|
-
* the page contents to
|
|
30
|
-
*
|
|
31
|
-
* @default "
|
|
27
|
+
* The page layout that applies spacing to the page header and content. Use the layout
|
|
28
|
+
* that corresponds with the top-level component type used on the page, our use `fit` to
|
|
29
|
+
* constrain the page contents to the available viewport.
|
|
30
|
+
* Use `none` for custom content that does not adhere to predefined spacing or constraints.
|
|
31
|
+
* @default "none"
|
|
32
32
|
*/
|
|
33
33
|
set layout(value) {
|
|
34
34
|
__classPrivateFieldSet(this, _SkyPageComponent_layout, value, "f");
|
|
@@ -73,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
73
73
|
type: HostBinding,
|
|
74
74
|
args: ['class']
|
|
75
75
|
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBR0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVuRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFHMUUsTUFBTSxjQUFjLEdBQXNCLE1BQU0sQ0FBQztBQUVqRCxNQUFNLDZCQUE2QixHQUFHLDRCQUE0QixDQUFDO0FBQ25FLE1BQU0sbUJBQW1CLEdBQUcsa0JBQWtCLENBQUM7QUFDL0MsTUFBTSxvQkFBb0IsR0FBRyxHQUFHLG1CQUFtQixHQUFHLGNBQWMsRUFBRSxDQUFDO0FBRXZFOztHQUVHO0FBTUgsTUFBTSxPQUFPLGdCQUFnQjtJQUw3Qjs7UUFvQlMsYUFBUSxHQUFHLG9CQUFvQixDQUFDO1FBRXZDLDJDQUF1QztRQUN2QyxtREFBK0M7UUFFL0MsMENBQWlCLElBQUksT0FBTyxFQUFRLEVBQUM7UUFFckMseUNBQWdCLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxFQUFDO1FBQ25ELDBDQUFpQixNQUFNLENBQUMsb0JBQW9CLENBQUMsRUFBQztLQWlDL0M7SUF2REM7Ozs7OztPQU1HO0lBQ0gsSUFDVyxNQUFNLENBQUMsS0FBb0M7UUFDcEQsdUJBQUEsSUFBSSw0QkFBVyxLQUFLLE1BQUEsQ0FBQztRQUNyQix1QkFBQSxJQUFJLHFFQUFnQixNQUFwQixJQUFJLENBQWtCLENBQUM7SUFDekIsQ0FBQztJQWFNLFFBQVE7UUFDYix1QkFBQSxJQUFJLHNDQUFjLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFOUIsdUJBQUEsSUFBSSx1Q0FBZSxDQUFDLGtCQUFrQjthQUNuQyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUFBLElBQUksdUNBQWUsQ0FBQyxDQUFDO2FBQ3BDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ2xCLHVCQUFBLElBQUksb0NBQW1CLElBQUksQ0FBQyxNQUEyQixNQUFBLENBQUM7WUFDeEQsdUJBQUEsSUFBSSxxRUFBZ0IsTUFBcEIsSUFBSSxDQUFrQixDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLFdBQVc7UUFDaEIsdUJBQUEsSUFBSSxzQ0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRWpDLHVCQUFBLElBQUksdUNBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQix1QkFBQSxJQUFJLHVDQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDakMsQ0FBQzs7O0lBR0MsSUFBSSxRQUFRLEdBQUcsdUJBQUEsSUFBSSxnQ0FBUTtRQUN6QixDQUFDLENBQUMsR0FBRyxtQkFBbUIsR0FBRyx1QkFBQSxJQUFJLGdDQUFRLEVBQUU7UUFDekMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDO0lBRXpCLElBQUksdUJBQUEsSUFBSSx3Q0FBZ0IsRUFBRTtRQUN4QixRQUFRLEdBQUcsR0FBRyxRQUFRLElBQUksNkJBQTZCLEdBQ3JELHVCQUFBLElBQUksd0NBQ04sRUFBRSxDQUFDO0tBQ0o7SUFFRCxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztBQUMzQixDQUFDOzZHQXZEVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixxSEFGaEIsQ0FBQywwQkFBMEIsRUFBRSxvQkFBb0IsQ0FBQywwQkFEbkQsZ0JBQWdCOzJGQUdmLGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsVUFBVTtvQkFDcEIsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsU0FBUyxFQUFFLENBQUMsMEJBQTBCLEVBQUUsb0JBQW9CLENBQUM7aUJBQzlEOzhCQVVZLE1BQU07c0JBRGhCLEtBQUs7Z0JBT0MsUUFBUTtzQkFEZCxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lMYXlvdXRIb3N0U2VydmljZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lQYWdlVGhlbWVBZGFwdGVyU2VydmljZSB9IGZyb20gJy4vcGFnZS10aGVtZS1hZGFwdGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5UGFnZUxheW91dFR5cGUgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGF5b3V0LXR5cGUnO1xuXG5jb25zdCBMQVlPVVRfREVGQVVMVDogU2t5UGFnZUxheW91dFR5cGUgPSAnbm9uZSc7XG5cbmNvbnN0IExBWU9VVF9GT1JfQ0hJTERfQ0xBU1NfUFJFRklYID0gJ3NreS1sYXlvdXQtaG9zdC1mb3ItY2hpbGQtJztcbmNvbnN0IExBWU9VVF9DTEFTU19QUkVGSVggPSAnc2t5LWxheW91dC1ob3N0LSc7XG5jb25zdCBMQVlPVVRfQ0xBU1NfREVGQVVMVCA9IGAke0xBWU9VVF9DTEFTU19QUkVGSVh9JHtMQVlPVVRfREVGQVVMVH1gO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgcGFnZSB1c2luZyB0aGUgc3BlY2lmaWVkIGxheW91dC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXBhZ2UnLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50IC8+
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBR0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVuRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFHMUUsTUFBTSxjQUFjLEdBQXNCLE1BQU0sQ0FBQztBQUVqRCxNQUFNLDZCQUE2QixHQUFHLDRCQUE0QixDQUFDO0FBQ25FLE1BQU0sbUJBQW1CLEdBQUcsa0JBQWtCLENBQUM7QUFDL0MsTUFBTSxvQkFBb0IsR0FBRyxHQUFHLG1CQUFtQixHQUFHLGNBQWMsRUFBRSxDQUFDO0FBRXZFOztHQUVHO0FBTUgsTUFBTSxPQUFPLGdCQUFnQjtJQUw3Qjs7UUFvQlMsYUFBUSxHQUFHLG9CQUFvQixDQUFDO1FBRXZDLDJDQUF1QztRQUN2QyxtREFBK0M7UUFFL0MsMENBQWlCLElBQUksT0FBTyxFQUFRLEVBQUM7UUFFckMseUNBQWdCLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxFQUFDO1FBQ25ELDBDQUFpQixNQUFNLENBQUMsb0JBQW9CLENBQUMsRUFBQztLQWlDL0M7SUF2REM7Ozs7OztPQU1HO0lBQ0gsSUFDVyxNQUFNLENBQUMsS0FBb0M7UUFDcEQsdUJBQUEsSUFBSSw0QkFBVyxLQUFLLE1BQUEsQ0FBQztRQUNyQix1QkFBQSxJQUFJLHFFQUFnQixNQUFwQixJQUFJLENBQWtCLENBQUM7SUFDekIsQ0FBQztJQWFNLFFBQVE7UUFDYix1QkFBQSxJQUFJLHNDQUFjLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFOUIsdUJBQUEsSUFBSSx1Q0FBZSxDQUFDLGtCQUFrQjthQUNuQyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUFBLElBQUksdUNBQWUsQ0FBQyxDQUFDO2FBQ3BDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ2xCLHVCQUFBLElBQUksb0NBQW1CLElBQUksQ0FBQyxNQUEyQixNQUFBLENBQUM7WUFDeEQsdUJBQUEsSUFBSSxxRUFBZ0IsTUFBcEIsSUFBSSxDQUFrQixDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLFdBQVc7UUFDaEIsdUJBQUEsSUFBSSxzQ0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRWpDLHVCQUFBLElBQUksdUNBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQix1QkFBQSxJQUFJLHVDQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDakMsQ0FBQzs7O0lBR0MsSUFBSSxRQUFRLEdBQUcsdUJBQUEsSUFBSSxnQ0FBUTtRQUN6QixDQUFDLENBQUMsR0FBRyxtQkFBbUIsR0FBRyx1QkFBQSxJQUFJLGdDQUFRLEVBQUU7UUFDekMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDO0lBRXpCLElBQUksdUJBQUEsSUFBSSx3Q0FBZ0IsRUFBRTtRQUN4QixRQUFRLEdBQUcsR0FBRyxRQUFRLElBQUksNkJBQTZCLEdBQ3JELHVCQUFBLElBQUksd0NBQ04sRUFBRSxDQUFDO0tBQ0o7SUFFRCxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztBQUMzQixDQUFDOzZHQXZEVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixxSEFGaEIsQ0FBQywwQkFBMEIsRUFBRSxvQkFBb0IsQ0FBQywwQkFEbkQsZ0JBQWdCOzJGQUdmLGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsVUFBVTtvQkFDcEIsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsU0FBUyxFQUFFLENBQUMsMEJBQTBCLEVBQUUsb0JBQW9CLENBQUM7aUJBQzlEOzhCQVVZLE1BQU07c0JBRGhCLEtBQUs7Z0JBT0MsUUFBUTtzQkFEZCxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lMYXlvdXRIb3N0U2VydmljZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lQYWdlVGhlbWVBZGFwdGVyU2VydmljZSB9IGZyb20gJy4vcGFnZS10aGVtZS1hZGFwdGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5UGFnZUxheW91dFR5cGUgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGF5b3V0LXR5cGUnO1xuXG5jb25zdCBMQVlPVVRfREVGQVVMVDogU2t5UGFnZUxheW91dFR5cGUgPSAnbm9uZSc7XG5cbmNvbnN0IExBWU9VVF9GT1JfQ0hJTERfQ0xBU1NfUFJFRklYID0gJ3NreS1sYXlvdXQtaG9zdC1mb3ItY2hpbGQtJztcbmNvbnN0IExBWU9VVF9DTEFTU19QUkVGSVggPSAnc2t5LWxheW91dC1ob3N0LSc7XG5jb25zdCBMQVlPVVRfQ0xBU1NfREVGQVVMVCA9IGAke0xBWU9VVF9DTEFTU19QUkVGSVh9JHtMQVlPVVRfREVGQVVMVH1gO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgcGFnZSB1c2luZyB0aGUgc3BlY2lmaWVkIGxheW91dC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXBhZ2UnLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50IC8+YCxcbiAgcHJvdmlkZXJzOiBbU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2UsIFNreUxheW91dEhvc3RTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgLyoqXG4gICAqIFRoZSBwYWdlIGxheW91dCB0aGF0IGFwcGxpZXMgc3BhY2luZyB0byB0aGUgcGFnZSBoZWFkZXIgYW5kIGNvbnRlbnQuIFVzZSB0aGUgbGF5b3V0XG4gICAqIHRoYXQgY29ycmVzcG9uZHMgd2l0aCB0aGUgdG9wLWxldmVsIGNvbXBvbmVudCB0eXBlIHVzZWQgb24gdGhlIHBhZ2UsIG91ciB1c2UgYGZpdGAgdG9cbiAgICogY29uc3RyYWluIHRoZSBwYWdlIGNvbnRlbnRzIHRvIHRoZSBhdmFpbGFibGUgdmlld3BvcnQuXG4gICAqIFVzZSBgbm9uZWAgZm9yIGN1c3RvbSBjb250ZW50IHRoYXQgZG9lcyBub3QgYWRoZXJlIHRvIHByZWRlZmluZWQgc3BhY2luZyBvciBjb25zdHJhaW50cy5cbiAgICogQGRlZmF1bHQgXCJub25lXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgbGF5b3V0KHZhbHVlOiBTa3lQYWdlTGF5b3V0VHlwZSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2xheW91dCA9IHZhbHVlO1xuICAgIHRoaXMuI3VwZGF0ZUNzc0NsYXNzKCk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHVibGljIGNzc0NsYXNzID0gTEFZT1VUX0NMQVNTX0RFRkFVTFQ7XG5cbiAgI2xheW91dDogU2t5UGFnZUxheW91dFR5cGUgfCB1bmRlZmluZWQ7XG4gICNsYXlvdXRGb3JDaGlsZDogU2t5UGFnZUxheW91dFR5cGUgfCB1bmRlZmluZWQ7XG5cbiAgI25nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICN0aGVtZUFkYXB0ZXIgPSBpbmplY3QoU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2UpO1xuICAjbGF5b3V0SG9zdFN2YyA9IGluamVjdChTa3lMYXlvdXRIb3N0U2VydmljZSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuI3RoZW1lQWRhcHRlci5hZGRUaGVtZSgpO1xuXG4gICAgdGhpcy4jbGF5b3V0SG9zdFN2Yy5ob3N0TGF5b3V0Rm9yQ2hpbGRcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKGFyZ3MpID0+IHtcbiAgICAgICAgdGhpcy4jbGF5b3V0Rm9yQ2hpbGQgPSBhcmdzLmxheW91dCBhcyBTa3lQYWdlTGF5b3V0VHlwZTtcbiAgICAgICAgdGhpcy4jdXBkYXRlQ3NzQ2xhc3MoKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI3RoZW1lQWRhcHRlci5yZW1vdmVUaGVtZSgpO1xuXG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgI3VwZGF0ZUNzc0NsYXNzKCk6IHZvaWQge1xuICAgIGxldCBjc3NDbGFzcyA9IHRoaXMuI2xheW91dFxuICAgICAgPyBgJHtMQVlPVVRfQ0xBU1NfUFJFRklYfSR7dGhpcy4jbGF5b3V0fWBcbiAgICAgIDogTEFZT1VUX0NMQVNTX0RFRkFVTFQ7XG5cbiAgICBpZiAodGhpcy4jbGF5b3V0Rm9yQ2hpbGQpIHtcbiAgICAgIGNzc0NsYXNzID0gYCR7Y3NzQ2xhc3N9ICR7TEFZT1VUX0ZPUl9DSElMRF9DTEFTU19QUkVGSVh9JHtcbiAgICAgICAgdGhpcy4jbGF5b3V0Rm9yQ2hpbGRcbiAgICAgIH1gO1xuICAgIH1cblxuICAgIHRoaXMuY3NzQ2xhc3MgPSBjc3NDbGFzcztcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Displays buttons within the page header for page actions.
|
|
5
|
+
* Appears below the page header details.
|
|
6
|
+
*/
|
|
7
|
+
export class SkyPageHeaderActionsComponent {
|
|
8
|
+
}
|
|
9
|
+
SkyPageHeaderActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyPageHeaderActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderActionsComponent, selector: "sky-page-header-actions", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-top:var(--sky-margin-stacked-xl)}:host:not(:empty) ::ng-deep .sky-btn+.sky-btn{margin-left:var(--sky-margin-inline-sm)}\n"] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderActionsComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'sky-page-header-actions', template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-top:var(--sky-margin-stacked-xl)}:host:not(:empty) ::ng-deep .sky-btn+.sky-btn{margin-left:var(--sky-margin-inline-sm)}\n"] }]
|
|
14
|
+
}] });
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXItYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFDOzs7R0FHRztBQU1ILE1BQU0sT0FBTyw2QkFBNkI7OzBIQUE3Qiw2QkFBNkI7OEdBQTdCLDZCQUE2QiwrRENYMUMsa0JBQ0E7MkZEVWEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIERpc3BsYXlzIGJ1dHRvbnMgd2l0aGluIHRoZSBwYWdlIGhlYWRlciBmb3IgcGFnZSBhY3Rpb25zLlxuICogQXBwZWFycyBiZWxvdyB0aGUgcGFnZSBoZWFkZXIgZGV0YWlscy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXBhZ2UtaGVhZGVyLWFjdGlvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1oZWFkZXItYWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtaGVhZGVyLWFjdGlvbnMuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZUhlYWRlckFjdGlvbnNDb21wb25lbnQge31cbiIsIjxuZy1jb250ZW50IC8+XG4iXX0=
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Displays alerts within the page header. Appears above the page title.
|
|
5
|
+
*/
|
|
6
|
+
export class SkyPageHeaderAlertsComponent {
|
|
7
|
+
}
|
|
8
|
+
SkyPageHeaderAlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAlertsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SkyPageHeaderAlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderAlertsComponent, selector: "sky-page-header-alerts", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-bottom:var(--sky-margin-stacked-lg)}:host:not(:empty) ::ng-deep sky-alert+sky-alert{margin-top:var(--sky-margin-stacked-lg)}\n"] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAlertsComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'sky-page-header-alerts', template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-bottom:var(--sky-margin-stacked-lg)}:host:not(:empty) ::ng-deep sky-alert+sky-alert{margin-top:var(--sky-margin-stacked-lg)}\n"] }]
|
|
13
|
+
}] });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXItYWxlcnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXItYWxlcnRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXItYWxlcnRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFDOztHQUVHO0FBTUgsTUFBTSxPQUFPLDRCQUE0Qjs7eUhBQTVCLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLDhEQ1Z6QyxrQkFDQTsyRkRTYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0Usd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogRGlzcGxheXMgYWxlcnRzIHdpdGhpbiB0aGUgcGFnZSBoZWFkZXIuIEFwcGVhcnMgYWJvdmUgdGhlIHBhZ2UgdGl0bGUuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1wYWdlLWhlYWRlci1hbGVydHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1oZWFkZXItYWxlcnRzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXItYWxlcnRzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreVBhZ2VIZWFkZXJBbGVydHNDb21wb25lbnQge31cbiIsIjxuZy1jb250ZW50IC8+XG4iXX0=
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var _SkyPageHeaderAvatarComponent_defaultInputProvider, _SkyPageHeaderAvatarComponent_mediaQueryService, _SkyPageHeaderAvatarComponent_mediaQuerySubscription;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
+
import { Component, inject } from '@angular/core';
|
|
4
|
+
import { SkyDefaultInputProvider, SkyMediaBreakpoints, SkyMediaQueryService, } from '@skyux/core';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* Displays an avatar within the page header to the left of the page title.
|
|
8
|
+
* If no size is specified for the avatar component it will display at size
|
|
9
|
+
* small on xs breakpoints and size large on small and above breakpoints.
|
|
10
|
+
*/
|
|
11
|
+
export class SkyPageHeaderAvatarComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
_SkyPageHeaderAvatarComponent_defaultInputProvider.set(this, inject(SkyDefaultInputProvider));
|
|
14
|
+
_SkyPageHeaderAvatarComponent_mediaQueryService.set(this, inject(SkyMediaQueryService));
|
|
15
|
+
_SkyPageHeaderAvatarComponent_mediaQuerySubscription.set(this, void 0);
|
|
16
|
+
__classPrivateFieldSet(this, _SkyPageHeaderAvatarComponent_mediaQuerySubscription, __classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_mediaQueryService, "f").subscribe((args) => {
|
|
17
|
+
if (args === SkyMediaBreakpoints.xs) {
|
|
18
|
+
__classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_defaultInputProvider, "f").setValue('avatar', 'size', 'small');
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
__classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_defaultInputProvider, "f").setValue('avatar', 'size', 'large');
|
|
22
|
+
}
|
|
23
|
+
}), "f");
|
|
24
|
+
}
|
|
25
|
+
ngOnDestroy() {
|
|
26
|
+
__classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_mediaQuerySubscription, "f").unsubscribe();
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
_SkyPageHeaderAvatarComponent_defaultInputProvider = new WeakMap(), _SkyPageHeaderAvatarComponent_mediaQueryService = new WeakMap(), _SkyPageHeaderAvatarComponent_mediaQuerySubscription = new WeakMap();
|
|
30
|
+
SkyPageHeaderAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
SkyPageHeaderAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderAvatarComponent, selector: "sky-page-header-avatar", providers: [SkyDefaultInputProvider], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){padding-top:5px;margin-right:var(--sky-margin-inline-sm)}@media (min-width: 768px){:host:not(:empty){margin-right:var(--sky-margin-inline-lg)}}:host-context(.sky-responsive-container-sm):not(:empty),:host-context(.sky-responsive-container-md):not(:empty),:host-context(.sky-responsive-container-lg):not(:empty){margin-right:var(--sky-margin-inline-lg)}\n"] });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAvatarComponent, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{ selector: 'sky-page-header-avatar', providers: [SkyDefaultInputProvider], template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){padding-top:5px;margin-right:var(--sky-margin-inline-sm)}@media (min-width: 768px){:host:not(:empty){margin-right:var(--sky-margin-inline-lg)}}:host-context(.sky-responsive-container-sm):not(:empty),:host-context(.sky-responsive-container-md):not(:empty),:host-context(.sky-responsive-container-lg):not(:empty){margin-right:var(--sky-margin-inline-lg)}\n"] }]
|
|
35
|
+
}], ctorParameters: function () { return []; } });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixtQkFBbUIsRUFDbkIsb0JBQW9CLEdBQ3JCLE1BQU0sYUFBYSxDQUFDOztBQUlyQjs7OztHQUlHO0FBT0gsTUFBTSxPQUFPLDRCQUE0QjtJQUt2QztRQUpBLDZEQUF3QixNQUFNLENBQUMsdUJBQXVCLENBQUMsRUFBQztRQUN4RCwwREFBcUIsTUFBTSxDQUFDLG9CQUFvQixDQUFDLEVBQUM7UUFDbEQsdUVBQXNDO1FBR3BDLHVCQUFBLElBQUksd0RBQTJCLHVCQUFBLElBQUksdURBQW1CLENBQUMsU0FBUyxDQUM5RCxDQUFDLElBQXlCLEVBQUUsRUFBRTtZQUM1QixJQUFJLElBQUksS0FBSyxtQkFBbUIsQ0FBQyxFQUFFLEVBQUU7Z0JBQ25DLHVCQUFBLElBQUksMERBQXNCLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUM7YUFDaEU7aUJBQU07Z0JBQ0wsdUJBQUEsSUFBSSwwREFBc0IsQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQzthQUNoRTtRQUNILENBQUMsQ0FDRixNQUFBLENBQUM7SUFDSixDQUFDO0lBRU0sV0FBVztRQUNoQix1QkFBQSxJQUFJLDREQUF3QixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzdDLENBQUM7Ozt5SEFuQlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsaURBRjVCLENBQUMsdUJBQXVCLENBQUMsMEJDbEJ0QyxrQkFDQTsyRkRtQmEsNEJBQTRCO2tCQU54QyxTQUFTOytCQUNFLHdCQUF3QixhQUd2QixDQUFDLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU2t5RGVmYXVsdElucHV0UHJvdmlkZXIsXG4gIFNreU1lZGlhQnJlYWtwb2ludHMsXG4gIFNreU1lZGlhUXVlcnlTZXJ2aWNlLFxufSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqIERpc3BsYXlzIGFuIGF2YXRhciB3aXRoaW4gdGhlIHBhZ2UgaGVhZGVyIHRvIHRoZSBsZWZ0IG9mIHRoZSBwYWdlIHRpdGxlLlxuICogSWYgbm8gc2l6ZSBpcyBzcGVjaWZpZWQgZm9yIHRoZSBhdmF0YXIgY29tcG9uZW50IGl0IHdpbGwgZGlzcGxheSBhdCBzaXplXG4gKiBzbWFsbCBvbiB4cyBicmVha3BvaW50cyBhbmQgc2l6ZSBsYXJnZSBvbiBzbWFsbCBhbmQgYWJvdmUgYnJlYWtwb2ludHMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1wYWdlLWhlYWRlci1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1NreURlZmF1bHRJbnB1dFByb3ZpZGVyXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZUhlYWRlckF2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gICNkZWZhdWx0SW5wdXRQcm92aWRlciA9IGluamVjdChTa3lEZWZhdWx0SW5wdXRQcm92aWRlcik7XG4gICNtZWRpYVF1ZXJ5U2VydmljZSA9IGluamVjdChTa3lNZWRpYVF1ZXJ5U2VydmljZSk7XG4gICNtZWRpYVF1ZXJ5U3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy4jbWVkaWFRdWVyeVN1YnNjcmlwdGlvbiA9IHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlLnN1YnNjcmliZShcbiAgICAgIChhcmdzOiBTa3lNZWRpYUJyZWFrcG9pbnRzKSA9PiB7XG4gICAgICAgIGlmIChhcmdzID09PSBTa3lNZWRpYUJyZWFrcG9pbnRzLnhzKSB7XG4gICAgICAgICAgdGhpcy4jZGVmYXVsdElucHV0UHJvdmlkZXIuc2V0VmFsdWUoJ2F2YXRhcicsICdzaXplJywgJ3NtYWxsJyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy4jZGVmYXVsdElucHV0UHJvdmlkZXIuc2V0VmFsdWUoJ2F2YXRhcicsICdzaXplJywgJ2xhcmdlJyk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICApO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI21lZGlhUXVlcnlTdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgLz5cbiJdfQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Displays additional information in the page header, like record details.
|
|
5
|
+
* Appears below the title and above the page actions.
|
|
6
|
+
*/
|
|
7
|
+
export class SkyPageHeaderDetailsComponent {
|
|
8
|
+
}
|
|
9
|
+
SkyPageHeaderDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
SkyPageHeaderDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderDetailsComponent, selector: "sky-page-header-details", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-top:var(--sky-margin-stacked-sm)}\n"] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderDetailsComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'sky-page-header-details', template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-top:var(--sky-margin-stacked-sm)}\n"] }]
|
|
14
|
+
}] });
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXItZGV0YWlscy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLWRldGFpbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci1kZXRhaWxzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTFDOzs7R0FHRztBQU1ILE1BQU0sT0FBTyw2QkFBNkI7OzBIQUE3Qiw2QkFBNkI7OEdBQTdCLDZCQUE2QiwrRENYMUMsa0JBQ0E7MkZEVWEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIERpc3BsYXlzIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gaW4gdGhlIHBhZ2UgaGVhZGVyLCBsaWtlIHJlY29yZCBkZXRhaWxzLlxuICogQXBwZWFycyBiZWxvdyB0aGUgdGl0bGUgYW5kIGFib3ZlIHRoZSBwYWdlIGFjdGlvbnMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1wYWdlLWhlYWRlci1kZXRhaWxzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLWRldGFpbHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdlLWhlYWRlci1kZXRhaWxzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreVBhZ2VIZWFkZXJEZXRhaWxzQ29tcG9uZW50IHt9XG4iLCI8bmctY29udGVudCAvPlxuIl19
|
|
@@ -10,13 +10,13 @@ let parentLink;
|
|
|
10
10
|
export class SkyPageHeaderComponent {
|
|
11
11
|
}
|
|
12
12
|
SkyPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
SkyPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, ngImport: i0, template: "<
|
|
13
|
+
SkyPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, ngImport: i0, template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\"></ng-content>\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\"></ng-content>\n <div>\n <h1 class=\"sky-page-header-text\">\n <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n <a\n *ngIf=\"parentLink.permalink?.url\"\n [skyHref]=\"parentLink.permalink.url\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <a\n *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n [fragment]=\"permalinkRoute.extras?.fragment\"\n [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n [state]=\"permalinkRoute.extras?.state\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <span class=\"sky-page-header-chevron\">\n <sky-icon icon=\"chevron-right\" iconType=\"skyux\" />\n </span>\n </span>\n <wbr *ngIf=\"parentLink\" />\n <span class=\"sky-page-header-page-title sky-font-heading-1\">\n {{ pageTitle }}\n </span>\n </h1>\n <div class=\"sky-page-header-content\">\n <ng-content select=\"sky-page-header-details\"></ng-content>\n <ng-content select=\"sky-page-header-actions\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }] });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'sky-page-header', template: "<
|
|
16
|
+
args: [{ selector: 'sky-page-header', template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\"></ng-content>\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\"></ng-content>\n <div>\n <h1 class=\"sky-page-header-text\">\n <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n <a\n *ngIf=\"parentLink.permalink?.url\"\n [skyHref]=\"parentLink.permalink.url\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <a\n *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n [fragment]=\"permalinkRoute.extras?.fragment\"\n [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n [state]=\"permalinkRoute.extras?.state\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <span class=\"sky-page-header-chevron\">\n <sky-icon icon=\"chevron-right\" iconType=\"skyux\" />\n </span>\n </span>\n <wbr *ngIf=\"parentLink\" />\n <span class=\"sky-page-header-page-title sky-font-heading-1\">\n {{ pageTitle }}\n </span>\n </h1>\n <div class=\"sky-page-header-content\">\n <ng-content select=\"sky-page-header-details\"></ng-content>\n <ng-content select=\"sky-page-header-actions\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"] }]
|
|
17
17
|
}], propDecorators: { parentLink: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], pageTitle: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQUlqRCxJQUFJLFVBQXVCLENBQUM7QUFFNUI7O0dBRUc7QUFNSCxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO3VHQUF0QixzQkFBc0IscUhDZG5DLGsxREEwQ0E7MkZENUJhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBU3BCLFVBQVU7c0JBRGhCLEtBQUs7Z0JBT0MsU0FBUztzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lQYWdlTGluayB9IGZyb20gJy4uL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1saW5rJztcblxubGV0IHBhcmVudExpbms6IFNreVBhZ2VMaW5rO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgcGFnZSBoZWFkaW5nLiBBcHBsaWVzIHRoZSBjb3JyZWN0IGxheW91dCBzcGFjaW5nIGlmIHVzZWQgd2l0aGluIGEgU2t5UGFnZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXBhZ2UtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZUhlYWRlckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBBIGxpbmsgdG8gdGhlIHBhcmVudCBwYWdlIG9mIHRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGFyZW50TGluaz86IHR5cGVvZiBwYXJlbnRMaW5rO1xuXG4gIC8qKlxuICAgKiBUaGUgdGl0bGUgb2YgdGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwYWdlVGl0bGUhOiBzdHJpbmc7XG59XG4iLCI8ZGl2IGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLWhlYWRlci1hbGVydHNcIj48L25nLWNvbnRlbnQ+XG4gIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItaW5mb1wiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLWhlYWRlci1hdmF0YXJcIj48L25nLWNvbnRlbnQ+XG4gICAgPGRpdj5cbiAgICAgIDxoMSBjbGFzcz1cInNreS1wYWdlLWhlYWRlci10ZXh0XCI+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwicGFyZW50TGlua1wiIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLXBhcmVudC1saW5rLXdyYXBwZXJcIj5cbiAgICAgICAgICA8YVxuICAgICAgICAgICAgKm5nSWY9XCJwYXJlbnRMaW5rLnBlcm1hbGluaz8udXJsXCJcbiAgICAgICAgICAgIFtza3lIcmVmXT1cInBhcmVudExpbmsucGVybWFsaW5rLnVybFwiXG4gICAgICAgICAgICBjbGFzcz1cInNreS1mb250LWhlYWRpbmctMSBza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmtcIlxuICAgICAgICAgICAgPnt7IHBhcmVudExpbmsubGFiZWwgfX08L2FcbiAgICAgICAgICA+XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgICpuZ0lmPVwicGFyZW50TGluay5wZXJtYWxpbms/LnJvdXRlIGFzIHBlcm1hbGlua1JvdXRlXCJcbiAgICAgICAgICAgIFtza3lBcHBMaW5rXT1cInBlcm1hbGlua1JvdXRlLmNvbW1hbmRzXCJcbiAgICAgICAgICAgIFtxdWVyeVBhcmFtc109XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgICAgICAgICAgIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNIYW5kbGluZ1wiXG4gICAgICAgICAgICBbZnJhZ21lbnRdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5mcmFnbWVudFwiXG4gICAgICAgICAgICBbcHJlc2VydmVGcmFnbWVudF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnByZXNlcnZlRnJhZ21lbnRcIlxuICAgICAgICAgICAgW3NraXBMb2NhdGlvbkNoYW5nZV09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnNraXBMb2NhdGlvbkNoYW5nZVwiXG4gICAgICAgICAgICBbcmVwbGFjZVVybF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnJlcGxhY2VVcmxcIlxuICAgICAgICAgICAgW3N0YXRlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc3RhdGVcIlxuICAgICAgICAgICAgY2xhc3M9XCJza3ktZm9udC1oZWFkaW5nLTEgc2t5LXBhZ2UtaGVhZGVyLXBhcmVudC1saW5rXCJcbiAgICAgICAgICAgID57eyBwYXJlbnRMaW5rLmxhYmVsIH19PC9hXG4gICAgICAgICAgPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLWNoZXZyb25cIj5cbiAgICAgICAgICAgIDxza3ktaWNvbiBpY29uPVwiY2hldnJvbi1yaWdodFwiIGljb25UeXBlPVwic2t5dXhcIiAvPlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8d2JyICpuZ0lmPVwicGFyZW50TGlua1wiIC8+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLXBhZ2UtdGl0bGUgc2t5LWZvbnQtaGVhZGluZy0xXCI+XG4gICAgICAgICAge3sgcGFnZVRpdGxlIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvaDE+XG4gICAgICA8ZGl2IGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWRldGFpbHNcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLWhlYWRlci1hY3Rpb25zXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -4,17 +4,29 @@ import { RouterModule } from '@angular/router';
|
|
|
4
4
|
import { SkyIconModule } from '@skyux/indicators';
|
|
5
5
|
import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
|
|
6
6
|
import { SkyThemeModule } from '@skyux/theme';
|
|
7
|
+
import { SkyPageHeaderActionsComponent } from './page-header-actions.component';
|
|
8
|
+
import { SkyPageHeaderAlertsComponent } from './page-header-alerts.component';
|
|
9
|
+
import { SkyPageHeaderAvatarComponent } from './page-header-avatar.component';
|
|
10
|
+
import { SkyPageHeaderDetailsComponent } from './page-header-details.component';
|
|
7
11
|
import { SkyPageHeaderComponent } from './page-header.component';
|
|
8
12
|
import * as i0 from "@angular/core";
|
|
9
13
|
export class SkyPageHeaderModule {
|
|
10
14
|
}
|
|
11
15
|
SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
-
SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderModule, declarations: [
|
|
16
|
+
SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderModule, declarations: [SkyPageHeaderActionsComponent,
|
|
17
|
+
SkyPageHeaderAlertsComponent,
|
|
18
|
+
SkyPageHeaderAvatarComponent,
|
|
19
|
+
SkyPageHeaderComponent,
|
|
20
|
+
SkyPageHeaderDetailsComponent], imports: [CommonModule,
|
|
13
21
|
RouterModule,
|
|
14
22
|
SkyAppLinkModule,
|
|
15
23
|
SkyIconModule,
|
|
16
24
|
SkyThemeModule,
|
|
17
|
-
SkyHrefModule], exports: [
|
|
25
|
+
SkyHrefModule], exports: [SkyPageHeaderActionsComponent,
|
|
26
|
+
SkyPageHeaderAlertsComponent,
|
|
27
|
+
SkyPageHeaderAvatarComponent,
|
|
28
|
+
SkyPageHeaderComponent,
|
|
29
|
+
SkyPageHeaderDetailsComponent] });
|
|
18
30
|
SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderModule, imports: [CommonModule,
|
|
19
31
|
RouterModule,
|
|
20
32
|
SkyAppLinkModule,
|
|
@@ -32,8 +44,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
32
44
|
SkyThemeModule,
|
|
33
45
|
SkyHrefModule,
|
|
34
46
|
],
|
|
35
|
-
declarations: [
|
|
36
|
-
|
|
47
|
+
declarations: [
|
|
48
|
+
SkyPageHeaderActionsComponent,
|
|
49
|
+
SkyPageHeaderAlertsComponent,
|
|
50
|
+
SkyPageHeaderAvatarComponent,
|
|
51
|
+
SkyPageHeaderComponent,
|
|
52
|
+
SkyPageHeaderDetailsComponent,
|
|
53
|
+
],
|
|
54
|
+
exports: [
|
|
55
|
+
SkyPageHeaderActionsComponent,
|
|
56
|
+
SkyPageHeaderAlertsComponent,
|
|
57
|
+
SkyPageHeaderAvatarComponent,
|
|
58
|
+
SkyPageHeaderComponent,
|
|
59
|
+
SkyPageHeaderDetailsComponent,
|
|
60
|
+
],
|
|
37
61
|
}]
|
|
38
62
|
}] });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUMsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBMEJqRSxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBZDVCLDZCQUE2QjtRQUM3Qiw0QkFBNEI7UUFDNUIsNEJBQTRCO1FBQzVCLHNCQUFzQjtRQUN0Qiw2QkFBNkIsYUFaN0IsWUFBWTtRQUNaLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsYUFBYTtRQUNiLGNBQWM7UUFDZCxhQUFhLGFBVWIsNkJBQTZCO1FBQzdCLDRCQUE0QjtRQUM1Qiw0QkFBNEI7UUFDNUIsc0JBQXNCO1FBQ3RCLDZCQUE2QjtpSEFHcEIsbUJBQW1CLFlBdEI1QixZQUFZO1FBQ1osWUFBWTtRQUNaLGdCQUFnQjtRQUNoQixhQUFhO1FBQ2IsY0FBYztRQUNkLGFBQWE7MkZBaUJKLG1CQUFtQjtrQkF4Qi9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxhQUFhO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWiw2QkFBNkI7d0JBQzdCLDRCQUE0Qjt3QkFDNUIsNEJBQTRCO3dCQUM1QixzQkFBc0I7d0JBQ3RCLDZCQUE2QjtxQkFDOUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDZCQUE2Qjt3QkFDN0IsNEJBQTRCO3dCQUM1Qiw0QkFBNEI7d0JBQzVCLHNCQUFzQjt3QkFDdEIsNkJBQTZCO3FCQUM5QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFNreUljb25Nb2R1bGUgfSBmcm9tICdAc2t5dXgvaW5kaWNhdG9ycyc7XG5pbXBvcnQgeyBTa3lBcHBMaW5rTW9kdWxlLCBTa3lIcmVmTW9kdWxlIH0gZnJvbSAnQHNreXV4L3JvdXRlcic7XG5pbXBvcnQgeyBTa3lUaGVtZU1vZHVsZSB9IGZyb20gJ0Bza3l1eC90aGVtZSc7XG5cbmltcG9ydCB7IFNreVBhZ2VIZWFkZXJBY3Rpb25zQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLWhlYWRlci1hY3Rpb25zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lQYWdlSGVhZGVyQWxlcnRzQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLWhlYWRlci1hbGVydHMuY29tcG9uZW50JztcbmltcG9ydCB7IFNreVBhZ2VIZWFkZXJBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL3BhZ2UtaGVhZGVyLWF2YXRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5UGFnZUhlYWRlckRldGFpbHNDb21wb25lbnQgfSBmcm9tICcuL3BhZ2UtaGVhZGVyLWRldGFpbHMuY29tcG9uZW50JztcbmltcG9ydCB7IFNreVBhZ2VIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIFNreUFwcExpbmtNb2R1bGUsXG4gICAgU2t5SWNvbk1vZHVsZSxcbiAgICBTa3lUaGVtZU1vZHVsZSxcbiAgICBTa3lIcmVmTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lQYWdlSGVhZGVyQWN0aW9uc0NvbXBvbmVudCxcbiAgICBTa3lQYWdlSGVhZGVyQWxlcnRzQ29tcG9uZW50LFxuICAgIFNreVBhZ2VIZWFkZXJBdmF0YXJDb21wb25lbnQsXG4gICAgU2t5UGFnZUhlYWRlckNvbXBvbmVudCxcbiAgICBTa3lQYWdlSGVhZGVyRGV0YWlsc0NvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNreVBhZ2VIZWFkZXJBY3Rpb25zQ29tcG9uZW50LFxuICAgIFNreVBhZ2VIZWFkZXJBbGVydHNDb21wb25lbnQsXG4gICAgU2t5UGFnZUhlYWRlckF2YXRhckNvbXBvbmVudCxcbiAgICBTa3lQYWdlSGVhZGVyQ29tcG9uZW50LFxuICAgIFNreVBhZ2VIZWFkZXJEZXRhaWxzQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlSGVhZGVyTW9kdWxlIHt9XG4iXX0=
|
package/fesm2015/skyux-pages.mjs
CHANGED
|
@@ -14,7 +14,7 @@ import * as i2 from '@skyux/router';
|
|
|
14
14
|
import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
|
|
15
15
|
import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
|
|
16
16
|
import * as i1$1 from '@skyux/modals';
|
|
17
|
-
import { SkyLogService, SkyTrimModule, SkyLayoutHostService } from '@skyux/core';
|
|
17
|
+
import { SkyLogService, SkyTrimModule, SkyDefaultInputProvider, SkyMediaQueryService, SkyMediaBreakpoints, SkyLayoutHostService } from '@skyux/core';
|
|
18
18
|
import { RouterModule } from '@angular/router';
|
|
19
19
|
import { Subject } from 'rxjs';
|
|
20
20
|
import { takeUntil } from 'rxjs/operators';
|
|
@@ -310,6 +310,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
310
310
|
}]
|
|
311
311
|
}] });
|
|
312
312
|
|
|
313
|
+
/**
|
|
314
|
+
* Displays buttons within the page header for page actions.
|
|
315
|
+
* Appears below the page header details.
|
|
316
|
+
*/
|
|
317
|
+
class SkyPageHeaderActionsComponent {
|
|
318
|
+
}
|
|
319
|
+
SkyPageHeaderActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
320
|
+
SkyPageHeaderActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderActionsComponent, selector: "sky-page-header-actions", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-top:var(--sky-margin-stacked-xl)}:host:not(:empty) ::ng-deep .sky-btn+.sky-btn{margin-left:var(--sky-margin-inline-sm)}\n"] });
|
|
321
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderActionsComponent, decorators: [{
|
|
322
|
+
type: Component,
|
|
323
|
+
args: [{ selector: 'sky-page-header-actions', template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-top:var(--sky-margin-stacked-xl)}:host:not(:empty) ::ng-deep .sky-btn+.sky-btn{margin-left:var(--sky-margin-inline-sm)}\n"] }]
|
|
324
|
+
}] });
|
|
325
|
+
|
|
326
|
+
/**
|
|
327
|
+
* Displays alerts within the page header. Appears above the page title.
|
|
328
|
+
*/
|
|
329
|
+
class SkyPageHeaderAlertsComponent {
|
|
330
|
+
}
|
|
331
|
+
SkyPageHeaderAlertsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAlertsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
332
|
+
SkyPageHeaderAlertsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderAlertsComponent, selector: "sky-page-header-alerts", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-bottom:var(--sky-margin-stacked-lg)}:host:not(:empty) ::ng-deep sky-alert+sky-alert{margin-top:var(--sky-margin-stacked-lg)}\n"] });
|
|
333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAlertsComponent, decorators: [{
|
|
334
|
+
type: Component,
|
|
335
|
+
args: [{ selector: 'sky-page-header-alerts', template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-bottom:var(--sky-margin-stacked-lg)}:host:not(:empty) ::ng-deep sky-alert+sky-alert{margin-top:var(--sky-margin-stacked-lg)}\n"] }]
|
|
336
|
+
}] });
|
|
337
|
+
|
|
338
|
+
var _SkyPageHeaderAvatarComponent_defaultInputProvider, _SkyPageHeaderAvatarComponent_mediaQueryService, _SkyPageHeaderAvatarComponent_mediaQuerySubscription;
|
|
339
|
+
/**
|
|
340
|
+
* Displays an avatar within the page header to the left of the page title.
|
|
341
|
+
* If no size is specified for the avatar component it will display at size
|
|
342
|
+
* small on xs breakpoints and size large on small and above breakpoints.
|
|
343
|
+
*/
|
|
344
|
+
class SkyPageHeaderAvatarComponent {
|
|
345
|
+
constructor() {
|
|
346
|
+
_SkyPageHeaderAvatarComponent_defaultInputProvider.set(this, inject(SkyDefaultInputProvider));
|
|
347
|
+
_SkyPageHeaderAvatarComponent_mediaQueryService.set(this, inject(SkyMediaQueryService));
|
|
348
|
+
_SkyPageHeaderAvatarComponent_mediaQuerySubscription.set(this, void 0);
|
|
349
|
+
__classPrivateFieldSet(this, _SkyPageHeaderAvatarComponent_mediaQuerySubscription, __classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_mediaQueryService, "f").subscribe((args) => {
|
|
350
|
+
if (args === SkyMediaBreakpoints.xs) {
|
|
351
|
+
__classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_defaultInputProvider, "f").setValue('avatar', 'size', 'small');
|
|
352
|
+
}
|
|
353
|
+
else {
|
|
354
|
+
__classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_defaultInputProvider, "f").setValue('avatar', 'size', 'large');
|
|
355
|
+
}
|
|
356
|
+
}), "f");
|
|
357
|
+
}
|
|
358
|
+
ngOnDestroy() {
|
|
359
|
+
__classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_mediaQuerySubscription, "f").unsubscribe();
|
|
360
|
+
}
|
|
361
|
+
}
|
|
362
|
+
_SkyPageHeaderAvatarComponent_defaultInputProvider = new WeakMap(), _SkyPageHeaderAvatarComponent_mediaQueryService = new WeakMap(), _SkyPageHeaderAvatarComponent_mediaQuerySubscription = new WeakMap();
|
|
363
|
+
SkyPageHeaderAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
364
|
+
SkyPageHeaderAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderAvatarComponent, selector: "sky-page-header-avatar", providers: [SkyDefaultInputProvider], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){padding-top:5px;margin-right:var(--sky-margin-inline-sm)}@media (min-width: 768px){:host:not(:empty){margin-right:var(--sky-margin-inline-lg)}}:host-context(.sky-responsive-container-sm):not(:empty),:host-context(.sky-responsive-container-md):not(:empty),:host-context(.sky-responsive-container-lg):not(:empty){margin-right:var(--sky-margin-inline-lg)}\n"] });
|
|
365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAvatarComponent, decorators: [{
|
|
366
|
+
type: Component,
|
|
367
|
+
args: [{ selector: 'sky-page-header-avatar', providers: [SkyDefaultInputProvider], template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){padding-top:5px;margin-right:var(--sky-margin-inline-sm)}@media (min-width: 768px){:host:not(:empty){margin-right:var(--sky-margin-inline-lg)}}:host-context(.sky-responsive-container-sm):not(:empty),:host-context(.sky-responsive-container-md):not(:empty),:host-context(.sky-responsive-container-lg):not(:empty){margin-right:var(--sky-margin-inline-lg)}\n"] }]
|
|
368
|
+
}], ctorParameters: function () { return []; } });
|
|
369
|
+
|
|
370
|
+
/**
|
|
371
|
+
* Displays additional information in the page header, like record details.
|
|
372
|
+
* Appears below the title and above the page actions.
|
|
373
|
+
*/
|
|
374
|
+
class SkyPageHeaderDetailsComponent {
|
|
375
|
+
}
|
|
376
|
+
SkyPageHeaderDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
377
|
+
SkyPageHeaderDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderDetailsComponent, selector: "sky-page-header-details", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-top:var(--sky-margin-stacked-sm)}\n"] });
|
|
378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderDetailsComponent, decorators: [{
|
|
379
|
+
type: Component,
|
|
380
|
+
args: [{ selector: 'sky-page-header-details', template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){margin-top:var(--sky-margin-stacked-sm)}\n"] }]
|
|
381
|
+
}] });
|
|
382
|
+
|
|
313
383
|
let parentLink;
|
|
314
384
|
/**
|
|
315
385
|
* Displays a page heading. Applies the correct layout spacing if used within a SkyPage.
|
|
@@ -317,10 +387,10 @@ let parentLink;
|
|
|
317
387
|
class SkyPageHeaderComponent {
|
|
318
388
|
}
|
|
319
389
|
SkyPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
320
|
-
SkyPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, ngImport: i0, template: "<
|
|
390
|
+
SkyPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, ngImport: i0, template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\"></ng-content>\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\"></ng-content>\n <div>\n <h1 class=\"sky-page-header-text\">\n <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n <a\n *ngIf=\"parentLink.permalink?.url\"\n [skyHref]=\"parentLink.permalink.url\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <a\n *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n [fragment]=\"permalinkRoute.extras?.fragment\"\n [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n [state]=\"permalinkRoute.extras?.state\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <span class=\"sky-page-header-chevron\">\n <sky-icon icon=\"chevron-right\" iconType=\"skyux\" />\n </span>\n </span>\n <wbr *ngIf=\"parentLink\" />\n <span class=\"sky-page-header-page-title sky-font-heading-1\">\n {{ pageTitle }}\n </span>\n </h1>\n <div class=\"sky-page-header-content\">\n <ng-content select=\"sky-page-header-details\"></ng-content>\n <ng-content select=\"sky-page-header-actions\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }] });
|
|
321
391
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
|
|
322
392
|
type: Component,
|
|
323
|
-
args: [{ selector: 'sky-page-header', template: "<
|
|
393
|
+
args: [{ selector: 'sky-page-header', template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\"></ng-content>\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\"></ng-content>\n <div>\n <h1 class=\"sky-page-header-text\">\n <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n <a\n *ngIf=\"parentLink.permalink?.url\"\n [skyHref]=\"parentLink.permalink.url\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <a\n *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n [fragment]=\"permalinkRoute.extras?.fragment\"\n [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n [state]=\"permalinkRoute.extras?.state\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <span class=\"sky-page-header-chevron\">\n <sky-icon icon=\"chevron-right\" iconType=\"skyux\" />\n </span>\n </span>\n <wbr *ngIf=\"parentLink\" />\n <span class=\"sky-page-header-page-title sky-font-heading-1\">\n {{ pageTitle }}\n </span>\n </h1>\n <div class=\"sky-page-header-content\">\n <ng-content select=\"sky-page-header-details\"></ng-content>\n <ng-content select=\"sky-page-header-actions\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"] }]
|
|
324
394
|
}], propDecorators: { parentLink: [{
|
|
325
395
|
type: Input
|
|
326
396
|
}], pageTitle: [{
|
|
@@ -330,12 +400,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
330
400
|
class SkyPageHeaderModule {
|
|
331
401
|
}
|
|
332
402
|
SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
333
|
-
SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderModule, declarations: [
|
|
403
|
+
SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderModule, declarations: [SkyPageHeaderActionsComponent,
|
|
404
|
+
SkyPageHeaderAlertsComponent,
|
|
405
|
+
SkyPageHeaderAvatarComponent,
|
|
406
|
+
SkyPageHeaderComponent,
|
|
407
|
+
SkyPageHeaderDetailsComponent], imports: [CommonModule,
|
|
334
408
|
RouterModule,
|
|
335
409
|
SkyAppLinkModule,
|
|
336
410
|
SkyIconModule,
|
|
337
411
|
SkyThemeModule,
|
|
338
|
-
SkyHrefModule], exports: [
|
|
412
|
+
SkyHrefModule], exports: [SkyPageHeaderActionsComponent,
|
|
413
|
+
SkyPageHeaderAlertsComponent,
|
|
414
|
+
SkyPageHeaderAvatarComponent,
|
|
415
|
+
SkyPageHeaderComponent,
|
|
416
|
+
SkyPageHeaderDetailsComponent] });
|
|
339
417
|
SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderModule, imports: [CommonModule,
|
|
340
418
|
RouterModule,
|
|
341
419
|
SkyAppLinkModule,
|
|
@@ -353,8 +431,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
353
431
|
SkyThemeModule,
|
|
354
432
|
SkyHrefModule,
|
|
355
433
|
],
|
|
356
|
-
declarations: [
|
|
357
|
-
|
|
434
|
+
declarations: [
|
|
435
|
+
SkyPageHeaderActionsComponent,
|
|
436
|
+
SkyPageHeaderAlertsComponent,
|
|
437
|
+
SkyPageHeaderAvatarComponent,
|
|
438
|
+
SkyPageHeaderComponent,
|
|
439
|
+
SkyPageHeaderDetailsComponent,
|
|
440
|
+
],
|
|
441
|
+
exports: [
|
|
442
|
+
SkyPageHeaderActionsComponent,
|
|
443
|
+
SkyPageHeaderAlertsComponent,
|
|
444
|
+
SkyPageHeaderAvatarComponent,
|
|
445
|
+
SkyPageHeaderComponent,
|
|
446
|
+
SkyPageHeaderDetailsComponent,
|
|
447
|
+
],
|
|
358
448
|
}]
|
|
359
449
|
}] });
|
|
360
450
|
|
|
@@ -705,11 +795,11 @@ class SkyPageComponent {
|
|
|
705
795
|
_SkyPageComponent_layoutHostSvc.set(this, inject(SkyLayoutHostService));
|
|
706
796
|
}
|
|
707
797
|
/**
|
|
708
|
-
* The page layout that
|
|
709
|
-
*
|
|
710
|
-
* the page contents to
|
|
711
|
-
*
|
|
712
|
-
* @default "
|
|
798
|
+
* The page layout that applies spacing to the page header and content. Use the layout
|
|
799
|
+
* that corresponds with the top-level component type used on the page, our use `fit` to
|
|
800
|
+
* constrain the page contents to the available viewport.
|
|
801
|
+
* Use `none` for custom content that does not adhere to predefined spacing or constraints.
|
|
802
|
+
* @default "none"
|
|
713
803
|
*/
|
|
714
804
|
set layout(value) {
|
|
715
805
|
__classPrivateFieldSet(this, _SkyPageComponent_layout, value, "f");
|
|
@@ -773,5 +863,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
773
863
|
* Generated bundle index. Do not edit.
|
|
774
864
|
*/
|
|
775
865
|
|
|
776
|
-
export { SkyActionHubModule, SkyPageHeaderModule, SkyPageModule, SkyActionHubComponent as λ1, SkyActionHubButtonsComponent as λ2, SkyActionHubContentComponent as λ3, SkyPageHeaderComponent as λ4, SkyModalLinkListComponent as λ5, SkyPageComponent as λ6, SkyPageContentComponent as λ7 };
|
|
866
|
+
export { SkyActionHubModule, SkyPageHeaderModule, SkyPageModule, SkyActionHubComponent as λ1, SkyPageHeaderAvatarComponent as λ10, SkyPageHeaderAlertsComponent as λ11, SkyActionHubButtonsComponent as λ2, SkyActionHubContentComponent as λ3, SkyPageHeaderComponent as λ4, SkyModalLinkListComponent as λ5, SkyPageComponent as λ6, SkyPageContentComponent as λ7, SkyPageHeaderDetailsComponent as λ8, SkyPageHeaderActionsComponent as λ9 };
|
|
777
867
|
//# sourceMappingURL=skyux-pages.mjs.map
|