@skyux/code-examples 13.7.2 → 13.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12309,11 +12309,11 @@ class PagesActionHubExampleComponent {
|
|
|
12309
12309
|
this.title = 'Active accounts';
|
|
12310
12310
|
}
|
|
12311
12311
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: PagesActionHubExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12312
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: PagesActionHubExampleComponent, isStandalone: true, selector: "app-pages-action-hub-example", ngImport: i0, template: "<sky-action-hub\n data-sky-id=\"action-hub\"\n [needsAttention]=\"needsAttention\"\n [recentLinks]=\"recentLinks\"\n [relatedLinks]=\"relatedLinks\"\n [settingsLinks]=\"settingsLinks\"\n [title]=\"title\"\n>\n <sky-action-hub-buttons>\n @for (button of buttons; track button) {\n <a\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n [attr.aria-label]=\"button.ariaLabel\"\n [href]=\"button.permalink.url\"\n >\n {{ button.label }}\n </a>\n }\n </sky-action-hub-buttons>\n\n <sky-action-hub-content>\n <h2
|
|
12312
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: PagesActionHubExampleComponent, isStandalone: true, selector: "app-pages-action-hub-example", ngImport: i0, template: "<sky-action-hub\n data-sky-id=\"action-hub\"\n [needsAttention]=\"needsAttention\"\n [recentLinks]=\"recentLinks\"\n [relatedLinks]=\"relatedLinks\"\n [settingsLinks]=\"settingsLinks\"\n [title]=\"title\"\n>\n <sky-action-hub-buttons>\n @for (button of buttons; track button) {\n <a\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n [attr.aria-label]=\"button.ariaLabel\"\n [href]=\"button.permalink.url\"\n >\n {{ button.label }}\n </a>\n }\n </sky-action-hub-buttons>\n\n <sky-action-hub-content>\n <h2>Additional content</h2>\n <p>More content can go here as needed for the functional area.</p>\n </sky-action-hub-content>\n</sky-action-hub>\n", dependencies: [{ kind: "ngmodule", type: SkyActionHubModule }, { kind: "component", type: i1$d.λ2, selector: "sky-action-hub-buttons" }, { kind: "component", type: i1$d.λ1, selector: "sky-action-hub", inputs: ["needsAttention", "parentLink", "recentLinks", "relatedLinks", "settingsLinks", "title"] }, { kind: "component", type: i1$d.λ3, selector: "sky-action-hub-content" }] }); }
|
|
12313
12313
|
}
|
|
12314
12314
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: PagesActionHubExampleComponent, decorators: [{
|
|
12315
12315
|
type: Component,
|
|
12316
|
-
args: [{ selector: 'app-pages-action-hub-example', imports: [SkyActionHubModule], template: "<sky-action-hub\n data-sky-id=\"action-hub\"\n [needsAttention]=\"needsAttention\"\n [recentLinks]=\"recentLinks\"\n [relatedLinks]=\"relatedLinks\"\n [settingsLinks]=\"settingsLinks\"\n [title]=\"title\"\n>\n <sky-action-hub-buttons>\n @for (button of buttons; track button) {\n <a\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n [attr.aria-label]=\"button.ariaLabel\"\n [href]=\"button.permalink.url\"\n >\n {{ button.label }}\n </a>\n }\n </sky-action-hub-buttons>\n\n <sky-action-hub-content>\n <h2
|
|
12316
|
+
args: [{ selector: 'app-pages-action-hub-example', imports: [SkyActionHubModule], template: "<sky-action-hub\n data-sky-id=\"action-hub\"\n [needsAttention]=\"needsAttention\"\n [recentLinks]=\"recentLinks\"\n [relatedLinks]=\"relatedLinks\"\n [settingsLinks]=\"settingsLinks\"\n [title]=\"title\"\n>\n <sky-action-hub-buttons>\n @for (button of buttons; track button) {\n <a\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n [attr.aria-label]=\"button.ariaLabel\"\n [href]=\"button.permalink.url\"\n >\n {{ button.label }}\n </a>\n }\n </sky-action-hub-buttons>\n\n <sky-action-hub-content>\n <h2>Additional content</h2>\n <p>More content can go here as needed for the functional area.</p>\n </sky-action-hub-content>\n</sky-action-hub>\n" }]
|
|
12317
12317
|
}] });
|
|
12318
12318
|
|
|
12319
12319
|
/**
|
|
@@ -12522,11 +12522,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
12522
12522
|
|
|
12523
12523
|
class TileUpdatesComponent {
|
|
12524
12524
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TileUpdatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12525
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TileUpdatesComponent, isStandalone: true, selector: "app-tile-updates", ngImport: i0, template: "<sky-tile tileName=\"Updates\" [showSettings]=\"false\">\n <sky-tile-title> Updates </sky-tile-title>\n <sky-tile-summary> 2 </sky-tile-summary>\n <sky-tile-content>\n <sky-tile-content-section>\n <h3 class=\"sky-
|
|
12525
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TileUpdatesComponent, isStandalone: true, selector: "app-tile-updates", ngImport: i0, template: "<sky-tile tileName=\"Updates\" [showSettings]=\"false\">\n <sky-tile-title> Updates </sky-tile-title>\n <sky-tile-summary> 2 </sky-tile-summary>\n <sky-tile-content>\n <sky-tile-content-section>\n <h3 class=\"sky-margin-stacked-sm\">\n <a href=\"#\">Prepare for Giving Tuesday</a>\n </h3>\n <div class=\"sky-font-deemphasized sky-margin-stacked-sm\">10/1/2025</div>\n <div>\n Tips for creating a clear and compelling message, leveraging social\n media and email marketing, and providing multiple ways for donors to\n give.\n </div>\n </sky-tile-content-section>\n <sky-tile-content-section>\n <h3 class=\"sky-margin-stacked-sm\">\n <a href=\"#\">What's new</a>\n </h3>\n <div class=\"sky-font-deemphasized sky-margin-stacked-sm\">9/28/2025</div>\n <ul>\n <li>Enhancement visualizations in reporting capabilities</li>\n <li>New automation for routine tasks</li>\n <li>Scan attachments for viruses</li>\n </ul>\n </sky-tile-content-section>\n </sky-tile-content>\n</sky-tile>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: SkyTilesModule }, { kind: "component", type: i1$e.λ5, selector: "sky-tile-content" }, { kind: "component", type: i1$e.λ4, selector: "sky-tile-content-section" }, { kind: "component", type: i1$e.λ1, selector: "sky-tile", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "showSettings", "showHelp", "tileName", "isCollapsed"], outputs: ["settingsClick", "isCollapsedChange", "helpClick"] }, { kind: "component", type: i1$e.λ2, selector: "sky-tile-summary" }, { kind: "component", type: i1$e.λ3, selector: "sky-tile-title" }] }); }
|
|
12526
12526
|
}
|
|
12527
12527
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TileUpdatesComponent, decorators: [{
|
|
12528
12528
|
type: Component,
|
|
12529
|
-
args: [{ selector: 'app-tile-updates', imports: [SkyTilesModule], template: "<sky-tile tileName=\"Updates\" [showSettings]=\"false\">\n <sky-tile-title> Updates </sky-tile-title>\n <sky-tile-summary> 2 </sky-tile-summary>\n <sky-tile-content>\n <sky-tile-content-section>\n <h3 class=\"sky-
|
|
12529
|
+
args: [{ selector: 'app-tile-updates', imports: [SkyTilesModule], template: "<sky-tile tileName=\"Updates\" [showSettings]=\"false\">\n <sky-tile-title> Updates </sky-tile-title>\n <sky-tile-summary> 2 </sky-tile-summary>\n <sky-tile-content>\n <sky-tile-content-section>\n <h3 class=\"sky-margin-stacked-sm\">\n <a href=\"#\">Prepare for Giving Tuesday</a>\n </h3>\n <div class=\"sky-font-deemphasized sky-margin-stacked-sm\">10/1/2025</div>\n <div>\n Tips for creating a clear and compelling message, leveraging social\n media and email marketing, and providing multiple ways for donors to\n give.\n </div>\n </sky-tile-content-section>\n <sky-tile-content-section>\n <h3 class=\"sky-margin-stacked-sm\">\n <a href=\"#\">What's new</a>\n </h3>\n <div class=\"sky-font-deemphasized sky-margin-stacked-sm\">9/28/2025</div>\n <ul>\n <li>Enhancement visualizations in reporting capabilities</li>\n <li>New automation for routine tasks</li>\n <li>Scan attachments for viruses</li>\n </ul>\n </sky-tile-content-section>\n </sky-tile-content>\n</sky-tile>\n", styles: [":host{display:block}\n"] }]
|
|
12530
12530
|
}] });
|
|
12531
12531
|
|
|
12532
12532
|
class HomePageContentComponent {
|