@skyux/pages 15.3.0 → 15.4.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/fesm2022/skyux-pages.mjs +89 -89
- package/package.json +13 -13
package/fesm2022/skyux-pages.mjs
CHANGED
|
@@ -102,10 +102,10 @@ class SkyActionHubRecentLinksResolvePipe {
|
|
|
102
102
|
getRecentLinksSorted(recentLinksResolved);
|
|
103
103
|
this.#changeDetector.markForCheck();
|
|
104
104
|
}
|
|
105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
106
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.
|
|
105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
106
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, isStandalone: true, name: "skyActionHubRecentLinksResolve", pure: false }); }
|
|
107
107
|
}
|
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, decorators: [{
|
|
109
109
|
type: Pipe,
|
|
110
110
|
args: [{
|
|
111
111
|
name: 'skyActionHubRecentLinksResolve',
|
|
@@ -131,10 +131,10 @@ class LinkAsPipe {
|
|
|
131
131
|
return false;
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
135
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.
|
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: LinkAsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
135
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: LinkAsPipe, isStandalone: true, name: "linkAs" }); }
|
|
136
136
|
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: LinkAsPipe, decorators: [{
|
|
138
138
|
type: Pipe,
|
|
139
139
|
args: [{
|
|
140
140
|
name: 'linkAs',
|
|
@@ -142,11 +142,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
142
142
|
}] });
|
|
143
143
|
|
|
144
144
|
class LinkAsModule {
|
|
145
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
146
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
147
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: LinkAsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
146
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: LinkAsModule, imports: [LinkAsPipe], exports: [LinkAsPipe] }); }
|
|
147
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: LinkAsModule }); }
|
|
148
148
|
}
|
|
149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: LinkAsModule, decorators: [{
|
|
150
150
|
type: NgModule,
|
|
151
151
|
args: [{
|
|
152
152
|
imports: [LinkAsPipe],
|
|
@@ -158,10 +158,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
158
158
|
* A wrapper for each link in a link list.
|
|
159
159
|
*/
|
|
160
160
|
class SkyLinkListItemComponent {
|
|
161
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
162
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
161
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
162
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.3", type: SkyLinkListItemComponent, isStandalone: true, selector: "sky-link-list-item", host: { properties: { "attr.role": "\"listitem\"" } }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host.sky-cmp-theme-default{--sky-override-link-item-space-below: var(--sky-margin-stacked-sm)}:host{display:block;margin:0 0 var(--sky-override-link-item-space-below, var(--sky-space-stacked-s)) 0}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
163
163
|
}
|
|
164
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListItemComponent, decorators: [{
|
|
165
165
|
type: Component,
|
|
166
166
|
args: [{ selector: 'sky-link-list-item', template: `<ng-content />`, host: {
|
|
167
167
|
'[attr.role]': '"listitem"',
|
|
@@ -203,10 +203,10 @@ class SkyLinkListComponent {
|
|
|
203
203
|
}, /* @ts-ignore */
|
|
204
204
|
...(ngDevMode ? [{ debugName: "linksArray" }] : /* istanbul ignore next */ []));
|
|
205
205
|
}
|
|
206
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
207
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
206
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
207
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.3", type: SkyLinkListComponent, isStandalone: true, selector: "sky-link-list", inputs: { headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: false, transformFunction: null }, links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "linkItems", predicate: SkyLinkListItemComponent, isSignal: true }], hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<sky-wait [isWaiting]=\"links() === 'loading'\" />\n@if (links() === 'loading') {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n} @else {\n @if (hasLinks()) {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n <ul class=\"sky-link-list\">\n @for (link of linksArray(); track link.label) {\n <li>\n @if (link | linkAs: 'skyHref') {\n <a class=\"sky-link-list-item\" [skyHref]=\"link.permalink.url\">\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'href') {\n <a class=\"sky-link-list-item\" [href]=\"link.permalink.url\">\n {{ link.label }}\n </a>\n } @else if (link.permalink.route) {\n <a\n class=\"sky-link-list-item\"\n [skyAppLink]=\"link.permalink.route.commands\"\n [queryParams]=\"link.permalink.route.extras?.queryParams\"\n [queryParamsHandling]=\"\n link.permalink.route.extras?.queryParamsHandling\n \"\n [fragment]=\"link.permalink.route.extras?.fragment\"\n [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n [skipLocationChange]=\"\n link.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n }\n </li>\n }\n <ng-content select=\"sky-link-list-item\" />\n </ul>\n }\n}\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4\">{{ headingText() }}</h2>\n</ng-template>\n", styles: [".sky-link-list:not(.sky-theme-modern *){--sky-override-link-list-space-below: var(--sky-margin-stacked-xl)}:host.sky-cmp-theme-default{--sky-override-link-list-heading-space: var(--sky-margin-stacked-sm)}ul.sky-link-list{list-style:none;margin:0 0 var(--sky-override-link-list-space-below, var(--sky-space-stacked-xl)) 0;padding-left:0}h2,li{margin:0 0 var(--sky-override-link-list-heading-space, var(--sky-space-stacked-s)) 0}ul.sky-link-list>li:has(>a[hidden]){display:none}\n"], dependencies: [{ kind: "ngmodule", type: LinkAsModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkyAppLinkModule }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "ngmodule", type: SkyHrefModule }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "ngmodule", type: SkyWaitModule }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
208
208
|
}
|
|
209
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
209
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListComponent, decorators: [{
|
|
210
210
|
type: Component,
|
|
211
211
|
args: [{ selector: 'sky-link-list', imports: [
|
|
212
212
|
LinkAsModule,
|
|
@@ -254,11 +254,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
254
254
|
* Import into any component library module that needs to use resource strings.
|
|
255
255
|
*/
|
|
256
256
|
class SkyPagesResourcesModule {
|
|
257
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
258
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
259
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
257
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPagesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
258
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: SkyPagesResourcesModule, exports: [SkyI18nModule] }); }
|
|
259
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPagesResourcesModule, imports: [SkyI18nModule] }); }
|
|
260
260
|
}
|
|
261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPagesResourcesModule, decorators: [{
|
|
262
262
|
type: NgModule,
|
|
263
263
|
args: [{
|
|
264
264
|
exports: [SkyI18nModule],
|
|
@@ -278,15 +278,15 @@ class SkyLinkListRecentlyAccessedComponent {
|
|
|
278
278
|
this.recentLinks = input(/* @ts-ignore */
|
|
279
279
|
...(ngDevMode ? [undefined, { debugName: "recentLinks" }] : /* istanbul ignore next */ []));
|
|
280
280
|
}
|
|
281
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
282
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
281
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListRecentlyAccessedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
282
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.3", type: SkyLinkListRecentlyAccessedComponent, isStandalone: true, selector: "sky-link-list-recently-accessed", inputs: { recentLinks: { classPropertyName: "recentLinks", publicName: "recentLinks", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
283
283
|
<sky-link-list
|
|
284
284
|
[links]="recentLinks() | skyActionHubRecentLinksResolve"
|
|
285
285
|
[headingText]="'sky_action_hub_recent_links' | skyLibResources"
|
|
286
286
|
/>
|
|
287
287
|
`, isInline: true, dependencies: [{ kind: "component", type: SkyLinkListComponent, selector: "sky-link-list", inputs: ["headingText", "links"] }, { kind: "ngmodule", type: SkyPagesResourcesModule }, { kind: "pipe", type: SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve" }, { kind: "pipe", type: i1$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
288
288
|
}
|
|
289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListRecentlyAccessedComponent, decorators: [{
|
|
290
290
|
type: Component,
|
|
291
291
|
args: [{
|
|
292
292
|
selector: 'sky-link-list-recently-accessed',
|
|
@@ -306,16 +306,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
306
306
|
}], propDecorators: { recentLinks: [{ type: i0.Input, args: [{ isSignal: true, alias: "recentLinks", required: false }] }] } });
|
|
307
307
|
|
|
308
308
|
class SkyLinkListModule {
|
|
309
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
310
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
309
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
310
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListModule, imports: [SkyLinkListComponent,
|
|
311
311
|
SkyLinkListItemComponent,
|
|
312
312
|
SkyLinkListRecentlyAccessedComponent], exports: [SkyLinkListComponent,
|
|
313
313
|
SkyLinkListItemComponent,
|
|
314
314
|
SkyLinkListRecentlyAccessedComponent] }); }
|
|
315
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
315
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListModule, imports: [SkyLinkListComponent,
|
|
316
316
|
SkyLinkListRecentlyAccessedComponent] }); }
|
|
317
317
|
}
|
|
318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyLinkListModule, decorators: [{
|
|
319
319
|
type: NgModule,
|
|
320
320
|
args: [{
|
|
321
321
|
exports: [
|
|
@@ -374,28 +374,28 @@ class SkyModalLinkListComponent {
|
|
|
374
374
|
this.#modalSvc.open(modal.component, modal.config);
|
|
375
375
|
}
|
|
376
376
|
}
|
|
377
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
378
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
377
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyModalLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
378
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.3", type: SkyModalLinkListComponent, isStandalone: false, selector: "sky-modal-link-list", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links() === 'loading'\" />\n@if (links() === 'loading') {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n} @else {\n @if (linksArray().length > 0) {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n <ul class=\"sky-link-list\">\n @for (link of linksArray(); track link.label) {\n <li>\n @if (link | linkAs: 'skyHref') {\n <a class=\"sky-link-list-item\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'href') {\n <a class=\"sky-link-list-item\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link.permalink && link.permalink.route) {\n <a\n class=\"sky-link-list-item\"\n [skyAppLink]=\"link.permalink.route.commands\"\n [queryParams]=\"link.permalink.route.extras?.queryParams\"\n [queryParamsHandling]=\"\n link.permalink.route.extras?.queryParamsHandling\n \"\n [fragment]=\"link.permalink.route.extras?.fragment\"\n [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n [skipLocationChange]=\"\n link.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'button') {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"link.click({ item: link })\"\n >\n {{ link.label }}\n </button>\n } @else if (link.modal) {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"openModal(link)\"\n >\n {{ link.label }}\n </button>\n }\n </li>\n }\n </ul>\n }\n}\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4\">\n {{ headingText() }}\n </h2>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}ul.sky-link-list>li:has(>a[hidden]){display:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
379
379
|
}
|
|
380
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
380
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
|
|
381
381
|
type: Component,
|
|
382
382
|
args: [{ selector: 'sky-modal-link-list', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<sky-wait [isWaiting]=\"links() === 'loading'\" />\n@if (links() === 'loading') {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n} @else {\n @if (linksArray().length > 0) {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n <ul class=\"sky-link-list\">\n @for (link of linksArray(); track link.label) {\n <li>\n @if (link | linkAs: 'skyHref') {\n <a class=\"sky-link-list-item\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'href') {\n <a class=\"sky-link-list-item\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link.permalink && link.permalink.route) {\n <a\n class=\"sky-link-list-item\"\n [skyAppLink]=\"link.permalink.route.commands\"\n [queryParams]=\"link.permalink.route.extras?.queryParams\"\n [queryParamsHandling]=\"\n link.permalink.route.extras?.queryParamsHandling\n \"\n [fragment]=\"link.permalink.route.extras?.fragment\"\n [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n [skipLocationChange]=\"\n link.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'button') {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"link.click({ item: link })\"\n >\n {{ link.label }}\n </button>\n } @else if (link.modal) {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"openModal(link)\"\n >\n {{ link.label }}\n </button>\n }\n </li>\n }\n </ul>\n }\n}\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4\">\n {{ headingText() }}\n </h2>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}ul.sky-link-list>li:has(>a[hidden]){display:none}\n"] }]
|
|
383
383
|
}], propDecorators: { links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: false }] }], headingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headingText", required: false }] }] } });
|
|
384
384
|
|
|
385
385
|
class SkyModalLinkListModule {
|
|
386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
387
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyModalLinkListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
387
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: SkyModalLinkListModule, declarations: [SkyModalLinkListComponent], imports: [CommonModule,
|
|
388
388
|
SkyAppLinkModule,
|
|
389
389
|
SkyHrefModule,
|
|
390
390
|
SkyWaitModule,
|
|
391
391
|
LinkAsModule], exports: [SkyModalLinkListComponent] }); }
|
|
392
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
392
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyModalLinkListModule, imports: [CommonModule,
|
|
393
393
|
SkyAppLinkModule,
|
|
394
394
|
SkyHrefModule,
|
|
395
395
|
SkyWaitModule,
|
|
396
396
|
LinkAsModule] }); }
|
|
397
397
|
}
|
|
398
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
398
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyModalLinkListModule, decorators: [{
|
|
399
399
|
type: NgModule,
|
|
400
400
|
args: [{
|
|
401
401
|
declarations: [SkyModalLinkListComponent],
|
|
@@ -448,10 +448,10 @@ class SkyNeedsAttentionComponent {
|
|
|
448
448
|
}
|
|
449
449
|
});
|
|
450
450
|
}
|
|
451
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
452
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
451
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
452
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.3", type: SkyNeedsAttentionComponent, isStandalone: true, selector: "sky-needs-attention", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let itemsToDisplay = displayItems();\n@if (itemsToDisplay?.length !== 0) {\n <sky-box [headingText]=\"'sky_action_hub_needs_attention' | skyLibResources\">\n <sky-box-content>\n <ul class=\"sky-needs-attention-list\">\n @for (\n item of itemsToDisplay;\n track displayItemsTrackByFn(item);\n let isLast = $last\n ) {\n <li\n class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n [class.sky-border-bottom-row]=\"!isLast\"\n >\n @if (\n (item | linkAs: 'skyAppLink') && item.permalink?.route;\n as permalinkRoute\n ) {\n <a\n class=\"sky-needs-attention-item\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"\n permalinkRoute.extras?.queryParamsHandling\n \"\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 >{{ item.title }} {{ item.message }}</a\n >\n } @else if (item | linkAs: 'skyHref') {\n <a class=\"sky-needs-attention-item\" [skyHref]=\"item.permalink.url\"\n >{{ item.title }} {{ item.message }}</a\n >\n } @else if (item | linkAs: 'href') {\n <a class=\"sky-needs-attention-item\" [href]=\"item.permalink.url\"\n >{{ item.title }} {{ item.message }}</a\n >\n } @else if (item | linkAs: 'button') {\n <button\n class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"item.click({ item })\"\n >\n {{ item.title }} {{ item.message }}\n </button>\n }\n <sky-icon\n class=\"sky-needs-attention-item-icon\"\n iconName=\"chevron-right\"\n iconSize=\"s\"\n />\n </li>\n }\n </ul>\n </sky-box-content>\n </sky-box>\n}\n", styles: [".sky-needs-attention-list:not(.sky-theme-modern *){--sky-override-needs-attention-item-icon-color: #686c73;--sky-override-needs-attention-item-wrapper-padding: var( --sky-margin-stacked-lg )}:host{display:block}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-override-needs-attention-item-wrapper-padding, var(--sky-space-stacked-l))}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-override-needs-attention-item-wrapper-padding, var(--sky-space-stacked-l))}.sky-needs-attention-item-wrapper:has(a[hidden]){display:none}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal;--sky-comp-override-inline-link-text-decoration-line: var( --sky-font-text_decoration-standalone_link-base );--sky-comp-override-inline-link-text-decoration-line-hover: var( --sky-font-text_decoration-standalone_link-hover );--sky-comp-override-inline-link-text-decoration-line-active: var( --sky-font-text_decoration-standalone_link-active );--sky-comp-override-inline-link-text-decoration-line-focus: var( --sky-font-text_decoration-standalone_link-focus );--sky-comp-override-inline-link-text-decoration-line-disabled: var( --sky-font-text_decoration-standalone_link-disabled )}.sky-needs-attention-item-icon{grid-area:icon;margin-left:auto;color:#686c73}.sky-needs-attention-item-icon .sky-needs-attention-item-icon{color:var(--sky-override-needs-attention-item-icon-color, var(--sky-color-icon-deemphasized))}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: SkyAppLinkModule }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "ngmodule", type: SkyBoxModule }, { kind: "component", type: i2$1.λ41, selector: "sky-box", inputs: ["headingText", "headingHidden", "headingLevel", "headingStyle", "helpPopoverContent", "helpPopoverTitle", "helpKey", "ariaLabel", "ariaLabelledBy", "ariaRole"] }, { kind: "component", type: i2$1.λ43, selector: "sky-box-content" }, { kind: "ngmodule", type: SkyHrefModule }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i3$1.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyPagesResourcesModule }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "ngmodule", type: SkyTrimModule }, { kind: "ngmodule", type: SkyWaitModule }, { kind: "ngmodule", type: LinkAsModule }, { kind: "pipe", type: i1$1.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }] }); }
|
|
453
453
|
}
|
|
454
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
|
|
455
455
|
type: Component,
|
|
456
456
|
args: [{ selector: 'sky-needs-attention', imports: [
|
|
457
457
|
SkyAppLinkModule,
|
|
@@ -470,11 +470,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
470
470
|
* @internal
|
|
471
471
|
*/
|
|
472
472
|
class SkyNeedsAttentionModule {
|
|
473
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
474
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
475
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
473
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyNeedsAttentionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
474
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: SkyNeedsAttentionModule, imports: [SkyNeedsAttentionComponent], exports: [SkyNeedsAttentionComponent] }); }
|
|
475
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyNeedsAttentionModule, imports: [SkyNeedsAttentionComponent] }); }
|
|
476
476
|
}
|
|
477
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyNeedsAttentionModule, decorators: [{
|
|
478
478
|
type: NgModule,
|
|
479
479
|
args: [{
|
|
480
480
|
imports: [SkyNeedsAttentionComponent],
|
|
@@ -487,10 +487,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
487
487
|
* Appears below the page header details.
|
|
488
488
|
*/
|
|
489
489
|
class SkyPageHeaderActionsComponent {
|
|
490
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
491
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
490
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
491
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.3", type: SkyPageHeaderActionsComponent, isStandalone: false, selector: "sky-page-header-actions", ngImport: i0, template: `<ng-content />`, isInline: true, styles: ["sky-page-header-actions:not(.sky-theme-modern *){--sky-override-page-header-actions-button-space-bottom: var( --sky-margin-stacked-sm );--sky-override-page-header-actions-button-space-right: var( --sky-margin-inline-sm );--sky-override-page-header-actions-space-bottom: calc( var(--sky-margin-stacked-sm) * -1 );--sky-override-page-header-actions-space-top: var(--sky-margin-stacked-xl)}sky-page-header-actions{display:block}sky-page-header-actions:not(:empty){margin-top:var(--sky-override-page-header-actions-space-top, var(--sky-space-stacked-xl));margin-bottom:var(--sky-override-page-header-actions-space-bottom, calc(var(--sky-space-stacked-s) * -1))}sky-page-header-actions>sky-dropdown{display:inline-block}sky-page-header-actions>:is(.sky-btn,sky-button,sky-dropdown){margin-bottom:var(--sky-override-page-header-actions-button-space-bottom, var(--sky-space-stacked-s))}sky-page-header-actions>:is(.sky-btn,sky-button,sky-dropdown):not(:last-child){margin-right:var(--sky-override-page-header-actions-button-space-right, var(--sky-space-gap-action_group-m))}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
|
|
492
492
|
}
|
|
493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderActionsComponent, decorators: [{
|
|
494
494
|
type: Component,
|
|
495
495
|
args: [{ selector: 'sky-page-header-actions', template: `<ng-content />`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, standalone: false, styles: ["sky-page-header-actions:not(.sky-theme-modern *){--sky-override-page-header-actions-button-space-bottom: var( --sky-margin-stacked-sm );--sky-override-page-header-actions-button-space-right: var( --sky-margin-inline-sm );--sky-override-page-header-actions-space-bottom: calc( var(--sky-margin-stacked-sm) * -1 );--sky-override-page-header-actions-space-top: var(--sky-margin-stacked-xl)}sky-page-header-actions{display:block}sky-page-header-actions:not(:empty){margin-top:var(--sky-override-page-header-actions-space-top, var(--sky-space-stacked-xl));margin-bottom:var(--sky-override-page-header-actions-space-bottom, calc(var(--sky-space-stacked-s) * -1))}sky-page-header-actions>sky-dropdown{display:inline-block}sky-page-header-actions>:is(.sky-btn,sky-button,sky-dropdown){margin-bottom:var(--sky-override-page-header-actions-button-space-bottom, var(--sky-space-stacked-s))}sky-page-header-actions>:is(.sky-btn,sky-button,sky-dropdown):not(:last-child){margin-right:var(--sky-override-page-header-actions-button-space-right, var(--sky-space-gap-action_group-m))}\n"] }]
|
|
496
496
|
}] });
|
|
@@ -499,10 +499,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
499
499
|
* Displays alerts within the page header and applies spacing between alerts. Appears above the page title.
|
|
500
500
|
*/
|
|
501
501
|
class SkyPageHeaderAlertsComponent {
|
|
502
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
503
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
502
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderAlertsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
503
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.3", type: SkyPageHeaderAlertsComponent, isStandalone: false, selector: "sky-page-header-alerts", hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<ng-content />\n", styles: [":host.sky-cmp-theme-default{--sky-override-page-header-alert-space-below: var(--sky-margin-stacked-lg);--sky-override-page-header-alert-space-between: var(--sky-margin-stacked-lg)}:host{display:flex;flex-direction:column;row-gap:var(--sky-override-page-header-alert-space-between, var(--sky-space-stacked-l))}:host:not(:empty){margin-bottom:var(--sky-override-page-header-alert-space-below, var(--sky-space-stacked-l))}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
504
504
|
}
|
|
505
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderAlertsComponent, decorators: [{
|
|
506
506
|
type: Component,
|
|
507
507
|
args: [{ selector: 'sky-page-header-alerts', standalone: false, changeDetection: ChangeDetectionStrategy.Eager, hostDirectives: [SkyThemeComponentClassDirective], template: "<ng-content />\n", styles: [":host.sky-cmp-theme-default{--sky-override-page-header-alert-space-below: var(--sky-margin-stacked-lg);--sky-override-page-header-alert-space-between: var(--sky-margin-stacked-lg)}:host{display:flex;flex-direction:column;row-gap:var(--sky-override-page-header-alert-space-between, var(--sky-space-stacked-l))}:host:not(:empty){margin-bottom:var(--sky-override-page-header-alert-space-below, var(--sky-space-stacked-l))}\n"] }]
|
|
508
508
|
}] });
|
|
@@ -526,10 +526,10 @@ class SkyPageHeaderAvatarComponent {
|
|
|
526
526
|
}
|
|
527
527
|
});
|
|
528
528
|
}
|
|
529
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
530
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
529
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
530
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.3", type: SkyPageHeaderAvatarComponent, isStandalone: false, selector: "sky-page-header-avatar", providers: [SkyDefaultInputProvider], hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<ng-content />\n", styles: [":host.sky-cmp-theme-default{--sky-override-page-header-avatar-space-above: 5px;--sky-override-page-header-avatar-space-right-sm: var(--sky-margin-inline-lg);--sky-override-page-header-avatar-space-right-xs: var(--sky-margin-inline-sm)}:host{display:block}:host:not(:empty){padding-top:var(--sky-override-page-header-avatar-space-above, var(--sky-space-stacked-xs));margin-right:var(--sky-override-page-header-avatar-space-right-xs, var(--sky-space-inline-s))}@media(min-width:768px){:host:not(:empty){margin-right:var(--sky-override-page-header-avatar-space-right-sm, var(--sky-space-inline-l))}}: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-override-page-header-avatar-space-right-sm, var(--sky-space-inline-l))}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
531
531
|
}
|
|
532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
532
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderAvatarComponent, decorators: [{
|
|
533
533
|
type: Component,
|
|
534
534
|
args: [{ selector: 'sky-page-header-avatar', providers: [SkyDefaultInputProvider], standalone: false, changeDetection: ChangeDetectionStrategy.Eager, hostDirectives: [SkyThemeComponentClassDirective], template: "<ng-content />\n", styles: [":host.sky-cmp-theme-default{--sky-override-page-header-avatar-space-above: 5px;--sky-override-page-header-avatar-space-right-sm: var(--sky-margin-inline-lg);--sky-override-page-header-avatar-space-right-xs: var(--sky-margin-inline-sm)}:host{display:block}:host:not(:empty){padding-top:var(--sky-override-page-header-avatar-space-above, var(--sky-space-stacked-xs));margin-right:var(--sky-override-page-header-avatar-space-right-xs, var(--sky-space-inline-s))}@media(min-width:768px){:host:not(:empty){margin-right:var(--sky-override-page-header-avatar-space-right-sm, var(--sky-space-inline-l))}}: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-override-page-header-avatar-space-right-sm, var(--sky-space-inline-l))}\n"] }]
|
|
535
535
|
}], ctorParameters: () => [] });
|
|
@@ -539,10 +539,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
539
539
|
* Appears below the title and above the page actions.
|
|
540
540
|
*/
|
|
541
541
|
class SkyPageHeaderDetailsComponent {
|
|
542
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
543
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
542
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
543
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.3", type: SkyPageHeaderDetailsComponent, isStandalone: false, selector: "sky-page-header-details", hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<ng-content />\n", styles: [":host.sky-cmp-theme-default{--sky-override-page-header-details-space-above: var(--sky-margin-stacked-sm)}:host{display:block}:host:not(:empty){margin-top:var(--sky-override-page-header-details-space-above, var(--sky-space-stacked-s))}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
544
544
|
}
|
|
545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderDetailsComponent, decorators: [{
|
|
546
546
|
type: Component,
|
|
547
547
|
args: [{ selector: 'sky-page-header-details', standalone: false, changeDetection: ChangeDetectionStrategy.Eager, hostDirectives: [SkyThemeComponentClassDirective], template: "<ng-content />\n", styles: [":host.sky-cmp-theme-default{--sky-override-page-header-details-space-above: var(--sky-margin-stacked-sm)}:host{display:block}:host:not(:empty){margin-top:var(--sky-override-page-header-details-space-above, var(--sky-space-stacked-s))}\n"] }]
|
|
548
548
|
}] });
|
|
@@ -551,10 +551,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
551
551
|
* Displays page heading's contents using spacing that corresponds to the parent page's layout
|
|
552
552
|
*/
|
|
553
553
|
class SkyPageHeaderComponent {
|
|
554
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
555
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
554
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
555
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.3", type: SkyPageHeaderComponent, isStandalone: false, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, hostDirectives: [{ directive: i1$3.SkyResponsiveHostDirective }], ngImport: i0, template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\" />\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\" />\n <div class=\"sky-page-header-text-and-content\">\n <h1 class=\"sky-page-header-text\">\n @if (parentLink) {\n <span class=\"sky-page-header-parent-link-wrapper\">\n @if (parentLink.permalink?.route; as permalinkRoute) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"\n permalinkRoute.extras?.queryParamsHandling\n \"\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 >{{ parentLink.label }}</a\n >\n } @else if (parentLink.permalink?.url) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyHref]=\"parentLink.permalink.url\"\n >{{ parentLink.label }}</a\n >\n }\n <span class=\"sky-page-header-chevron\">\n <sky-icon iconName=\"chevron-right\" />\n </span>\n </span>\n <wbr />\n }\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\" />\n <ng-content select=\"sky-page-header-actions\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [".sky-page-header:not(.sky-theme-modern *){--sky-override-page-header-chevron-color: var(--sky-text-color-default);--sky-override-page-header-hub-spoke-spacing: 10px;--sky-override-page-header-parent-color: #0974a1}:host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, 0)}.sky-page-header-info{display:flex}.sky-page-header-text-and-content{flex-grow:1}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:fit-content}.sky-page-header-parent-link-wrapper:has(a[hidden]){display:none}.sky-page-header-parent-link{color:var(--sky-override-page-header-parent-color, var(--sky-color-text-action))}.sky-page-header-chevron{color:var(--sky-override-page-header-chevron-color, var(--sky-color-icon-default));margin:0 var(--sky-override-page-header-hub-spoke-spacing, var(--sky-space-gap-icon-m))}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3$1.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
556
556
|
}
|
|
557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
557
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
|
|
558
558
|
type: Component,
|
|
559
559
|
args: [{ hostDirectives: [SkyResponsiveHostDirective], selector: 'sky-page-header', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\" />\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\" />\n <div class=\"sky-page-header-text-and-content\">\n <h1 class=\"sky-page-header-text\">\n @if (parentLink) {\n <span class=\"sky-page-header-parent-link-wrapper\">\n @if (parentLink.permalink?.route; as permalinkRoute) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"\n permalinkRoute.extras?.queryParamsHandling\n \"\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 >{{ parentLink.label }}</a\n >\n } @else if (parentLink.permalink?.url) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyHref]=\"parentLink.permalink.url\"\n >{{ parentLink.label }}</a\n >\n }\n <span class=\"sky-page-header-chevron\">\n <sky-icon iconName=\"chevron-right\" />\n </span>\n </span>\n <wbr />\n }\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\" />\n <ng-content select=\"sky-page-header-actions\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [".sky-page-header:not(.sky-theme-modern *){--sky-override-page-header-chevron-color: var(--sky-text-color-default);--sky-override-page-header-hub-spoke-spacing: 10px;--sky-override-page-header-parent-color: #0974a1}:host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, 0)}.sky-page-header-info{display:flex}.sky-page-header-text-and-content{flex-grow:1}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:fit-content}.sky-page-header-parent-link-wrapper:has(a[hidden]){display:none}.sky-page-header-parent-link{color:var(--sky-override-page-header-parent-color, var(--sky-color-text-action))}.sky-page-header-chevron{color:var(--sky-override-page-header-chevron-color, var(--sky-color-icon-default));margin:0 var(--sky-override-page-header-hub-spoke-spacing, var(--sky-space-gap-icon-m))}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}\n"] }]
|
|
560
560
|
}], propDecorators: { parentLink: [{
|
|
@@ -564,8 +564,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
564
564
|
}] } });
|
|
565
565
|
|
|
566
566
|
class SkyPageHeaderModule {
|
|
567
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
568
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
567
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
568
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderModule, declarations: [SkyPageHeaderActionsComponent,
|
|
569
569
|
SkyPageHeaderAlertsComponent,
|
|
570
570
|
SkyPageHeaderAvatarComponent,
|
|
571
571
|
SkyPageHeaderComponent,
|
|
@@ -578,13 +578,13 @@ class SkyPageHeaderModule {
|
|
|
578
578
|
SkyPageHeaderAvatarComponent,
|
|
579
579
|
SkyPageHeaderComponent,
|
|
580
580
|
SkyPageHeaderDetailsComponent] }); }
|
|
581
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
581
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderModule, imports: [RouterModule,
|
|
582
582
|
SkyAppLinkModule,
|
|
583
583
|
SkyIconModule,
|
|
584
584
|
SkyThemeModule,
|
|
585
585
|
SkyHrefModule] }); }
|
|
586
586
|
}
|
|
587
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageHeaderModule, decorators: [{
|
|
588
588
|
type: NgModule,
|
|
589
589
|
args: [{
|
|
590
590
|
imports: [
|
|
@@ -616,10 +616,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
616
616
|
* page's layout.
|
|
617
617
|
*/
|
|
618
618
|
class SkyPageContentComponent {
|
|
619
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
620
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
619
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
620
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.3", type: SkyPageContentComponent, isStandalone: false, selector: "sky-page-content", hostDirectives: [{ directive: i1$3.SkyResponsiveHostDirective }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;padding:var(--sky-layout-host-content-spacing, 0);flex-grow:var(--sky-layout-host-content-flex-grow, 0);overflow:var(--sky-layout-host-content-overflow, visible);position:var(--sky-layout-host-content-position, static)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
621
621
|
}
|
|
622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
622
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageContentComponent, decorators: [{
|
|
623
623
|
type: Component,
|
|
624
624
|
args: [{ hostDirectives: [SkyResponsiveHostDirective], selector: 'sky-page-content', template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block;padding:var(--sky-layout-host-content-spacing, 0);flex-grow:var(--sky-layout-host-content-flex-grow, 0);overflow:var(--sky-layout-host-content-overflow, visible);position:var(--sky-layout-host-content-position, static)}\n"] }]
|
|
625
625
|
}] });
|
|
@@ -629,10 +629,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
629
629
|
* on mobile devices.
|
|
630
630
|
*/
|
|
631
631
|
class SkyPageLinksComponent {
|
|
632
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
633
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
632
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
633
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.3", type: SkyPageLinksComponent, isStandalone: true, selector: "sky-page-links", ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{display:var(--sky-layout-host-links-display, block);margin:var(--sky-layout-host-links-spacing, 0)}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
634
634
|
}
|
|
635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageLinksComponent, decorators: [{
|
|
636
636
|
type: Component,
|
|
637
637
|
args: [{ selector: 'sky-page-links', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:var(--sky-layout-host-links-display, block);margin:var(--sky-layout-host-links-spacing, 0)}\n"] }]
|
|
638
638
|
}] });
|
|
@@ -665,10 +665,10 @@ class SkyPageThemeAdapterService {
|
|
|
665
665
|
this.#styleEl = undefined;
|
|
666
666
|
}
|
|
667
667
|
}
|
|
668
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
669
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
668
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageThemeAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
669
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageThemeAdapterService }); }
|
|
670
670
|
}
|
|
671
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
671
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageThemeAdapterService, decorators: [{
|
|
672
672
|
type: Injectable
|
|
673
673
|
}] });
|
|
674
674
|
|
|
@@ -706,13 +706,13 @@ class SkyPageComponent {
|
|
|
706
706
|
this.#themeAdapter.removeTheme();
|
|
707
707
|
this.#helpSvc?.updateHelp({ pageDefaultHelpKey: undefined });
|
|
708
708
|
}
|
|
709
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
710
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
709
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
710
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.3", type: SkyPageComponent, isStandalone: false, selector: "sky-page", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
|
|
711
711
|
SkyPageThemeAdapterService,
|
|
712
712
|
provideSkyBreakpointObserver(SkyContainerBreakpointObserver),
|
|
713
713
|
], hostDirectives: [{ directive: i1$3.SkyLayoutHostDirective, inputs: ["layout", "layout"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host.sky-layout-host-list,:host.sky-layout-host-fit{--sky-comp-override-list-header-background-color: var( --sky-color-background-container-dimmed )}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
714
714
|
}
|
|
715
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
715
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
716
716
|
type: Component,
|
|
717
717
|
args: [{ selector: 'sky-page', template: `<ng-content />`, providers: [
|
|
718
718
|
SkyPageThemeAdapterService,
|
|
@@ -728,8 +728,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
728
728
|
}] } });
|
|
729
729
|
|
|
730
730
|
class SkyPageModule {
|
|
731
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
732
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
731
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
732
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: SkyPageModule, declarations: [SkyPageComponent, SkyPageContentComponent], imports: [SkyLinkListModule,
|
|
733
733
|
SkyPageLinksComponent,
|
|
734
734
|
SkyLinkListComponent,
|
|
735
735
|
SkyLinkListItemComponent,
|
|
@@ -743,14 +743,14 @@ class SkyPageModule {
|
|
|
743
743
|
SkyPageHeaderModule,
|
|
744
744
|
SkyPageContentComponent,
|
|
745
745
|
SkyPageLinksComponent] }); }
|
|
746
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
746
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageModule, imports: [SkyLinkListModule,
|
|
747
747
|
SkyLinkListComponent,
|
|
748
748
|
SkyLinkListRecentlyAccessedComponent,
|
|
749
749
|
SkyModalLinkListModule, SkyLinkListModule,
|
|
750
750
|
SkyModalLinkListModule,
|
|
751
751
|
SkyPageHeaderModule] }); }
|
|
752
752
|
}
|
|
753
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
753
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyPageModule, decorators: [{
|
|
754
754
|
type: NgModule,
|
|
755
755
|
args: [{
|
|
756
756
|
declarations: [SkyPageComponent, SkyPageContentComponent],
|
|
@@ -784,10 +784,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
784
784
|
* ```
|
|
785
785
|
*/
|
|
786
786
|
class SkyActionHubButtonsComponent {
|
|
787
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
788
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
787
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
788
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.3", type: SkyActionHubButtonsComponent, isStandalone: false, selector: "sky-action-hub-buttons", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
789
789
|
}
|
|
790
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
790
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubButtonsComponent, decorators: [{
|
|
791
791
|
type: Component,
|
|
792
792
|
args: [{ selector: 'sky-action-hub-buttons', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<ng-content />\n", styles: [":host{display:block}\n"] }]
|
|
793
793
|
}] });
|
|
@@ -796,10 +796,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
|
|
|
796
796
|
* Displays additional content after the action items.
|
|
797
797
|
*/
|
|
798
798
|
class SkyActionHubContentComponent {
|
|
799
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
800
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
799
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
800
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.3", type: SkyActionHubContentComponent, isStandalone: false, selector: "sky-action-hub-content", ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
|
|
801
801
|
}
|
|
802
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
802
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubContentComponent, decorators: [{
|
|
803
803
|
type: Component,
|
|
804
804
|
args: [{ selector: 'sky-action-hub-content', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<ng-content />\n" }]
|
|
805
805
|
}] });
|
|
@@ -866,17 +866,17 @@ class SkyActionHubComponent {
|
|
|
866
866
|
}, /* @ts-ignore */
|
|
867
867
|
...(ngDevMode ? [{ debugName: "relatedLinksSorted" }] : /* istanbul ignore next */ []));
|
|
868
868
|
}
|
|
869
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
870
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.
|
|
869
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
870
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.3", type: SkyActionHubComponent, isStandalone: false, selector: "sky-action-hub", inputs: { helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: true, isRequired: false, transformFunction: null }, needsAttention: { classPropertyName: "needsAttention", publicName: "needsAttention", isSignal: true, isRequired: false, transformFunction: null }, parentLink: { classPropertyName: "parentLink", publicName: "parentLink", isSignal: true, isRequired: false, transformFunction: null }, recentLinks: { classPropertyName: "recentLinks", publicName: "recentLinks", isSignal: true, isRequired: false, transformFunction: null }, relatedLinks: { classPropertyName: "relatedLinks", publicName: "relatedLinks", isSignal: true, isRequired: false, transformFunction: null }, settingsLinks: { classPropertyName: "settingsLinks", publicName: "settingsLinks", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<sky-page layout=\"blocks\" [helpKey]=\"helpKey()\">\n <sky-page-header [pageTitle]=\"title()\" [parentLink]=\"parentLink()\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div [class.sky-margin-stacked-xl]=\"needsAttentionNotDefinitelyEmpty()\">\n <sky-wait [isWaiting]=\"needsAttentionLoading()\" />\n <sky-needs-attention [items]=\"needsAttentionArray()\" />\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinksSorted()\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks()\" />\n <sky-modal-link-list\n [links]=\"settingsLinks()\"\n [headingText]=\"'sky_action_hub_settings_links' | skyLibResources\"\n />\n </sky-page-links>\n</sky-page>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: SkyLinkListComponent, selector: "sky-link-list", inputs: ["headingText", "links"] }, { kind: "component", type: SkyLinkListRecentlyAccessedComponent, selector: "sky-link-list-recently-accessed", inputs: ["recentLinks"] }, { kind: "component", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: ["links", "headingText"] }, { kind: "component", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { kind: "component", type: SkyPageHeaderActionsComponent, selector: "sky-page-header-actions" }, { kind: "component", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "component", type: SkyPageComponent, selector: "sky-page", inputs: ["layout", "helpKey"] }, { kind: "component", type: SkyPageContentComponent, selector: "sky-page-content" }, { kind: "component", type: SkyPageLinksComponent, selector: "sky-page-links" }, { kind: "pipe", type: i1$1.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
871
871
|
}
|
|
872
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
872
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
873
873
|
type: Component,
|
|
874
874
|
args: [{ selector: 'sky-action-hub', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<sky-page layout=\"blocks\" [helpKey]=\"helpKey()\">\n <sky-page-header [pageTitle]=\"title()\" [parentLink]=\"parentLink()\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div [class.sky-margin-stacked-xl]=\"needsAttentionNotDefinitelyEmpty()\">\n <sky-wait [isWaiting]=\"needsAttentionLoading()\" />\n <sky-needs-attention [items]=\"needsAttentionArray()\" />\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinksSorted()\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks()\" />\n <sky-modal-link-list\n [links]=\"settingsLinks()\"\n [headingText]=\"'sky_action_hub_settings_links' | skyLibResources\"\n />\n </sky-page-links>\n</sky-page>\n", styles: [":host{display:block}\n"] }]
|
|
875
875
|
}], propDecorators: { helpKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpKey", required: false }] }], needsAttention: [{ type: i0.Input, args: [{ isSignal: true, alias: "needsAttention", required: false }] }], parentLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentLink", required: false }] }], recentLinks: [{ type: i0.Input, args: [{ isSignal: true, alias: "recentLinks", required: false }] }], relatedLinks: [{ type: i0.Input, args: [{ isSignal: true, alias: "relatedLinks", required: false }] }], settingsLinks: [{ type: i0.Input, args: [{ isSignal: true, alias: "settingsLinks", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
|
|
876
876
|
|
|
877
877
|
class SkyActionHubModule {
|
|
878
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
879
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
878
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
879
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubModule, declarations: [SkyActionHubButtonsComponent,
|
|
880
880
|
SkyActionHubComponent,
|
|
881
881
|
SkyActionHubContentComponent], imports: [SkyActionHubRecentLinksResolvePipe,
|
|
882
882
|
SkyBoxModule,
|
|
@@ -891,7 +891,7 @@ class SkyActionHubModule {
|
|
|
891
891
|
SkyPageModule], exports: [SkyActionHubButtonsComponent,
|
|
892
892
|
SkyActionHubComponent,
|
|
893
893
|
SkyActionHubContentComponent] }); }
|
|
894
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
894
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubModule, imports: [SkyBoxModule,
|
|
895
895
|
SkyFluidGridModule,
|
|
896
896
|
SkyLinkListModule,
|
|
897
897
|
SkyModalLinkListModule,
|
|
@@ -902,7 +902,7 @@ class SkyActionHubModule {
|
|
|
902
902
|
SkyWaitModule,
|
|
903
903
|
SkyPageModule] }); }
|
|
904
904
|
}
|
|
905
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
905
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.3", ngImport: i0, type: SkyActionHubModule, decorators: [{
|
|
906
906
|
type: NgModule,
|
|
907
907
|
args: [{
|
|
908
908
|
imports: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/pages",
|
|
3
|
-
"version": "15.
|
|
3
|
+
"version": "15.4.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,18 +16,18 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/cdk": "^22.
|
|
20
|
-
"@angular/common": "^22.
|
|
21
|
-
"@angular/core": "^22.
|
|
22
|
-
"@angular/router": "^22.
|
|
23
|
-
"@skyux/core": "15.
|
|
24
|
-
"@skyux/i18n": "15.
|
|
25
|
-
"@skyux/icon": "15.
|
|
26
|
-
"@skyux/indicators": "15.
|
|
27
|
-
"@skyux/layout": "15.
|
|
28
|
-
"@skyux/modals": "15.
|
|
29
|
-
"@skyux/router": "15.
|
|
30
|
-
"@skyux/theme": "15.
|
|
19
|
+
"@angular/cdk": "^22.2.3",
|
|
20
|
+
"@angular/common": "^22.2.3",
|
|
21
|
+
"@angular/core": "^22.2.3",
|
|
22
|
+
"@angular/router": "^22.2.3",
|
|
23
|
+
"@skyux/core": "15.4.0",
|
|
24
|
+
"@skyux/i18n": "15.4.0",
|
|
25
|
+
"@skyux/icon": "15.4.0",
|
|
26
|
+
"@skyux/indicators": "15.4.0",
|
|
27
|
+
"@skyux/layout": "15.4.0",
|
|
28
|
+
"@skyux/modals": "15.4.0",
|
|
29
|
+
"@skyux/router": "15.4.0",
|
|
30
|
+
"@skyux/theme": "15.4.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"tslib": "^2.8.1"
|