@skyux/code-examples 12.3.0 → 12.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-code-examples.mjs +16 -16
- package/fesm2022/skyux-code-examples.mjs.map +1 -1
- package/lib/modules/action-bars/summary-action-bar/basic/example.component.d.ts +3 -3
- package/lib/modules/action-bars/summary-action-bar/modal/modal.component.d.ts +3 -3
- package/lib/modules/action-bars/summary-action-bar/tab/example.component.d.ts +3 -3
- package/lib/modules/tabs/tabs/static-add-close/example.component.d.ts +1 -1
- package/package.json +33 -33
|
@@ -700,11 +700,11 @@ class ActionBarsSummaryActionBarBasicExampleComponent {
|
|
|
700
700
|
alert('Secondary action 2 button clicked.');
|
|
701
701
|
}
|
|
702
702
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ActionBarsSummaryActionBarBasicExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
703
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: ActionBarsSummaryActionBarBasicExampleComponent, isStandalone: true, selector: "app-action-bars-summary-action-bar-basic-example", ngImport: i0, template: "<sky-summary-action-bar>\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action\n (actionClick)=\"onPrimaryActionClick()\"\n >\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n</sky-summary-action-bar>\n", dependencies: [{ kind: "ngmodule", type: SkyKeyInfoModule }, { kind: "component", type: i1$2.λ8, selector: "sky-key-info", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "layout"] }, { kind: "component", type: i1$2.λ6, selector: "sky-key-info-label" }, { kind: "component", type: i1$2.λ7, selector: "sky-key-info-value" }, { kind: "ngmodule", type: SkySummaryActionBarModule }, { kind: "component", type: i2$4.λ2, selector: "sky-summary-action-bar" }, { kind: "component", type: i2$4.λ3, selector: "sky-summary-action-bar-actions" }, { kind: "component", type: i2$4.λ5, selector: "sky-summary-action-bar-primary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ6, selector: "sky-summary-action-bar-secondary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ7, selector: "sky-summary-action-bar-secondary-actions" }, { kind: "component", type: i2$4.λ1, selector: "sky-summary-action-bar-summary" }] }); }
|
|
703
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: ActionBarsSummaryActionBarBasicExampleComponent, isStandalone: true, selector: "app-action-bars-summary-action-bar-basic-example", ngImport: i0, template: "<sky-summary-action-bar data-sky-id=\"donation-summary\">\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action\n (actionClick)=\"onPrimaryActionClick()\"\n >\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action\"\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action-2\"\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n</sky-summary-action-bar>\n", dependencies: [{ kind: "ngmodule", type: SkyKeyInfoModule }, { kind: "component", type: i1$2.λ8, selector: "sky-key-info", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "layout"] }, { kind: "component", type: i1$2.λ6, selector: "sky-key-info-label" }, { kind: "component", type: i1$2.λ7, selector: "sky-key-info-value" }, { kind: "ngmodule", type: SkySummaryActionBarModule }, { kind: "component", type: i2$4.λ2, selector: "sky-summary-action-bar" }, { kind: "component", type: i2$4.λ3, selector: "sky-summary-action-bar-actions" }, { kind: "component", type: i2$4.λ5, selector: "sky-summary-action-bar-primary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ6, selector: "sky-summary-action-bar-secondary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ7, selector: "sky-summary-action-bar-secondary-actions" }, { kind: "component", type: i2$4.λ1, selector: "sky-summary-action-bar-summary" }] }); }
|
|
704
704
|
}
|
|
705
705
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ActionBarsSummaryActionBarBasicExampleComponent, decorators: [{
|
|
706
706
|
type: Component,
|
|
707
|
-
args: [{ selector: 'app-action-bars-summary-action-bar-basic-example', imports: [SkyKeyInfoModule, SkySummaryActionBarModule], template: "<sky-summary-action-bar>\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action\n (actionClick)=\"onPrimaryActionClick()\"\n >\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n</sky-summary-action-bar>\n" }]
|
|
707
|
+
args: [{ selector: 'app-action-bars-summary-action-bar-basic-example', imports: [SkyKeyInfoModule, SkySummaryActionBarModule], template: "<sky-summary-action-bar data-sky-id=\"donation-summary\">\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action\n (actionClick)=\"onPrimaryActionClick()\"\n >\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action\"\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action-2\"\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n</sky-summary-action-bar>\n" }]
|
|
708
708
|
}] });
|
|
709
709
|
|
|
710
710
|
let ModalComponent$8 = class ModalComponent {
|
|
@@ -722,11 +722,11 @@ let ModalComponent$8 = class ModalComponent {
|
|
|
722
722
|
this.#modalInstance.save();
|
|
723
723
|
}
|
|
724
724
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
725
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: ModalComponent, isStandalone: true, selector: "app-modal", ngImport: i0, template: "<sky-modal headingText=\"Modal with summary action bar\">\n <sky-modal-content> Hello world! </sky-modal-content>\n <sky-modal-footer>\n <sky-summary-action-bar>\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action (actionClick)=\"save()\">\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-cancel (actionClick)=\"cancel()\">\n Cancel\n </sky-summary-action-bar-cancel>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n </sky-summary-action-bar>\n </sky-modal-footer>\n</sky-modal>\n", dependencies: [{ kind: "ngmodule", type: SkyKeyInfoModule }, { kind: "component", type: i1$2.λ8, selector: "sky-key-info", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "layout"] }, { kind: "component", type: i1$2.λ6, selector: "sky-key-info-label" }, { kind: "component", type: i1$2.λ7, selector: "sky-key-info-value" }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i3$2.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i3$2.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3$2.λ3, selector: "sky-modal-footer" }, { kind: "ngmodule", type: SkySummaryActionBarModule }, { kind: "component", type: i2$4.λ2, selector: "sky-summary-action-bar" }, { kind: "component", type: i2$4.λ3, selector: "sky-summary-action-bar-actions" }, { kind: "component", type: i2$4.λ4, selector: "sky-summary-action-bar-cancel", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ5, selector: "sky-summary-action-bar-primary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ6, selector: "sky-summary-action-bar-secondary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ7, selector: "sky-summary-action-bar-secondary-actions" }, { kind: "component", type: i2$4.λ1, selector: "sky-summary-action-bar-summary" }] }); }
|
|
725
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: ModalComponent, isStandalone: true, selector: "app-modal", ngImport: i0, template: "<sky-modal headingText=\"Modal with summary action bar\">\n <sky-modal-content> Hello world! </sky-modal-content>\n <sky-modal-footer>\n <sky-summary-action-bar data-sky-id=\"donation-summary\">\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action (actionClick)=\"save()\">\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action\"\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action-2\"\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-cancel (actionClick)=\"cancel()\">\n Cancel\n </sky-summary-action-bar-cancel>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n </sky-summary-action-bar>\n </sky-modal-footer>\n</sky-modal>\n", dependencies: [{ kind: "ngmodule", type: SkyKeyInfoModule }, { kind: "component", type: i1$2.λ8, selector: "sky-key-info", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "layout"] }, { kind: "component", type: i1$2.λ6, selector: "sky-key-info-label" }, { kind: "component", type: i1$2.λ7, selector: "sky-key-info-value" }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i3$2.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i3$2.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3$2.λ3, selector: "sky-modal-footer" }, { kind: "ngmodule", type: SkySummaryActionBarModule }, { kind: "component", type: i2$4.λ2, selector: "sky-summary-action-bar" }, { kind: "component", type: i2$4.λ3, selector: "sky-summary-action-bar-actions" }, { kind: "component", type: i2$4.λ4, selector: "sky-summary-action-bar-cancel", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ5, selector: "sky-summary-action-bar-primary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ6, selector: "sky-summary-action-bar-secondary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ7, selector: "sky-summary-action-bar-secondary-actions" }, { kind: "component", type: i2$4.λ1, selector: "sky-summary-action-bar-summary" }] }); }
|
|
726
726
|
};
|
|
727
727
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ModalComponent$8, decorators: [{
|
|
728
728
|
type: Component,
|
|
729
|
-
args: [{ selector: 'app-modal', imports: [SkyKeyInfoModule, SkyModalModule, SkySummaryActionBarModule], template: "<sky-modal headingText=\"Modal with summary action bar\">\n <sky-modal-content> Hello world! </sky-modal-content>\n <sky-modal-footer>\n <sky-summary-action-bar>\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action (actionClick)=\"save()\">\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-cancel (actionClick)=\"cancel()\">\n Cancel\n </sky-summary-action-bar-cancel>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n </sky-summary-action-bar>\n </sky-modal-footer>\n</sky-modal>\n" }]
|
|
729
|
+
args: [{ selector: 'app-modal', imports: [SkyKeyInfoModule, SkyModalModule, SkySummaryActionBarModule], template: "<sky-modal headingText=\"Modal with summary action bar\">\n <sky-modal-content> Hello world! </sky-modal-content>\n <sky-modal-footer>\n <sky-summary-action-bar data-sky-id=\"donation-summary\">\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action (actionClick)=\"save()\">\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action\"\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action-2\"\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-cancel (actionClick)=\"cancel()\">\n Cancel\n </sky-summary-action-bar-cancel>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n </sky-summary-action-bar>\n </sky-modal-footer>\n</sky-modal>\n" }]
|
|
730
730
|
}] });
|
|
731
731
|
|
|
732
732
|
/**
|
|
@@ -762,11 +762,11 @@ class ActionBarsSummaryActionBarTabExampleComponent {
|
|
|
762
762
|
alert('Secondary action 2 button clicked.');
|
|
763
763
|
}
|
|
764
764
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ActionBarsSummaryActionBarTabExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
765
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: ActionBarsSummaryActionBarTabExampleComponent, isStandalone: true, selector: "app-action-bars-summary-action-bar-tab-example", ngImport: i0, template: "<sky-tabset [active]=\"0\">\n <sky-tab tabHeading=\"Tab 1\"> Tab without summary action bar. </sky-tab>\n <sky-tab tabHeading=\"Tab 2\">\n Tab with summary action bar.\n <sky-summary-action-bar>\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action\n (actionClick)=\"onPrimaryActionClick()\"\n >\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n </sky-summary-action-bar>\n </sky-tab>\n</sky-tabset>\n", dependencies: [{ kind: "ngmodule", type: SkyKeyInfoModule }, { kind: "component", type: i1$2.λ8, selector: "sky-key-info", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "layout"] }, { kind: "component", type: i1$2.λ6, selector: "sky-key-info-label" }, { kind: "component", type: i1$2.λ7, selector: "sky-key-info-value" }, { kind: "ngmodule", type: SkySummaryActionBarModule }, { kind: "component", type: i2$4.λ2, selector: "sky-summary-action-bar" }, { kind: "component", type: i2$4.λ3, selector: "sky-summary-action-bar-actions" }, { kind: "component", type: i2$4.λ5, selector: "sky-summary-action-bar-primary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ6, selector: "sky-summary-action-bar-secondary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ7, selector: "sky-summary-action-bar-secondary-actions" }, { kind: "component", type: i2$4.λ1, selector: "sky-summary-action-bar-summary" }, { kind: "ngmodule", type: SkyTabsModule }, { kind: "component", type: i1$9.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndexValue", "layout"], outputs: ["close"] }, { kind: "component", type: i1$9.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }] }); }
|
|
765
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: ActionBarsSummaryActionBarTabExampleComponent, isStandalone: true, selector: "app-action-bars-summary-action-bar-tab-example", ngImport: i0, template: "<sky-tabset [active]=\"0\">\n <sky-tab tabHeading=\"Tab 1\"> Tab without summary action bar. </sky-tab>\n <sky-tab tabHeading=\"Tab 2\">\n Tab with summary action bar.\n <sky-summary-action-bar data-sky-id=\"donation-summary\">\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action\n (actionClick)=\"onPrimaryActionClick()\"\n >\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action\"\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action-2\"\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n </sky-summary-action-bar>\n </sky-tab>\n</sky-tabset>\n", dependencies: [{ kind: "ngmodule", type: SkyKeyInfoModule }, { kind: "component", type: i1$2.λ8, selector: "sky-key-info", inputs: ["helpKey", "helpPopoverContent", "helpPopoverTitle", "layout"] }, { kind: "component", type: i1$2.λ6, selector: "sky-key-info-label" }, { kind: "component", type: i1$2.λ7, selector: "sky-key-info-value" }, { kind: "ngmodule", type: SkySummaryActionBarModule }, { kind: "component", type: i2$4.λ2, selector: "sky-summary-action-bar" }, { kind: "component", type: i2$4.λ3, selector: "sky-summary-action-bar-actions" }, { kind: "component", type: i2$4.λ5, selector: "sky-summary-action-bar-primary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ6, selector: "sky-summary-action-bar-secondary-action", inputs: ["disabled"], outputs: ["actionClick"] }, { kind: "component", type: i2$4.λ7, selector: "sky-summary-action-bar-secondary-actions" }, { kind: "component", type: i2$4.λ1, selector: "sky-summary-action-bar-summary" }, { kind: "ngmodule", type: SkyTabsModule }, { kind: "component", type: i1$9.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndexValue", "layout"], outputs: ["close"] }, { kind: "component", type: i1$9.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }] }); }
|
|
766
766
|
}
|
|
767
767
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ActionBarsSummaryActionBarTabExampleComponent, decorators: [{
|
|
768
768
|
type: Component,
|
|
769
|
-
args: [{ selector: 'app-action-bars-summary-action-bar-tab-example', imports: [SkyKeyInfoModule, SkySummaryActionBarModule, SkyTabsModule], template: "<sky-tabset [active]=\"0\">\n <sky-tab tabHeading=\"Tab 1\"> Tab without summary action bar. </sky-tab>\n <sky-tab tabHeading=\"Tab 2\">\n Tab with summary action bar.\n <sky-summary-action-bar>\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action\n (actionClick)=\"onPrimaryActionClick()\"\n >\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n </sky-summary-action-bar>\n </sky-tab>\n</sky-tabset>\n" }]
|
|
769
|
+
args: [{ selector: 'app-action-bars-summary-action-bar-tab-example', imports: [SkyKeyInfoModule, SkySummaryActionBarModule, SkyTabsModule], template: "<sky-tabset [active]=\"0\">\n <sky-tab tabHeading=\"Tab 1\"> Tab without summary action bar. </sky-tab>\n <sky-tab tabHeading=\"Tab 2\">\n Tab with summary action bar.\n <sky-summary-action-bar data-sky-id=\"donation-summary\">\n <sky-summary-action-bar-actions>\n <sky-summary-action-bar-primary-action\n (actionClick)=\"onPrimaryActionClick()\"\n >\n Primary action\n </sky-summary-action-bar-primary-action>\n <sky-summary-action-bar-secondary-actions>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action\"\n (actionClick)=\"onSecondaryActionClick()\"\n >\n Secondary action\n </sky-summary-action-bar-secondary-action>\n <sky-summary-action-bar-secondary-action\n data-sky-id=\"secondary-action-2\"\n (actionClick)=\"onSecondaryAction2Click()\"\n >\n Secondary action 2\n </sky-summary-action-bar-secondary-action>\n </sky-summary-action-bar-secondary-actions>\n </sky-summary-action-bar-actions>\n <sky-summary-action-bar-summary>\n <sky-key-info>\n <sky-key-info-value>$250</sky-key-info-value>\n <sky-key-info-label>Given this month</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,000</sky-key-info-value>\n <sky-key-info-label>Given this year</sky-key-info-label>\n </sky-key-info>\n <sky-key-info>\n <sky-key-info-value>$1,300</sky-key-info-value>\n <sky-key-info-label>Given all time</sky-key-info-label>\n </sky-key-info>\n </sky-summary-action-bar-summary>\n </sky-summary-action-bar>\n </sky-tab>\n</sky-tabset>\n" }]
|
|
770
770
|
}] });
|
|
771
771
|
|
|
772
772
|
/**
|
|
@@ -6509,7 +6509,7 @@ class DatetimeDatepickerCustomDatesExampleComponent {
|
|
|
6509
6509
|
}
|
|
6510
6510
|
/**
|
|
6511
6511
|
* Generate fake custom dates based on the date range returned from the event.
|
|
6512
|
-
* This is for
|
|
6512
|
+
* This is for demonstration purposes only.
|
|
6513
6513
|
*/
|
|
6514
6514
|
#getCustomDates(event) {
|
|
6515
6515
|
const getNextDate = function (startDate, daysToAdd) {
|
|
@@ -11155,7 +11155,7 @@ class ModalsModalBasicWithControllerExampleComponent {
|
|
|
11155
11155
|
useValue: { value1: 'Hello!' },
|
|
11156
11156
|
},
|
|
11157
11157
|
// NOTE: The help service is normally provided at the application root, but
|
|
11158
|
-
// it is added here purely for
|
|
11158
|
+
// it is added here purely for demonstration purposes.
|
|
11159
11159
|
// See: https://developer.blackbaud.com/skyux/learn/develop/global-help
|
|
11160
11160
|
{
|
|
11161
11161
|
provide: SkyHelpService,
|
|
@@ -13455,11 +13455,11 @@ class TabsDynamicExampleComponent {
|
|
|
13455
13455
|
];
|
|
13456
13456
|
}
|
|
13457
13457
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TabsDynamicExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13458
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TabsDynamicExampleComponent, isStandalone: true, selector: "app-tabs-dynamic-example", ngImport: i0, template: "<sky-tabset ariaLabel=\"Tab
|
|
13458
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TabsDynamicExampleComponent, isStandalone: true, selector: "app-tabs-dynamic-example", ngImport: i0, template: "<sky-tabset ariaLabel=\"Tab demonstration\" data-sky-id=\"tab-demo\">\n @for (tab of tabArray; track tab) {\n <sky-tab [tabHeading]=\"tab.tabHeading\">\n {{ tab.tabContent }}\n </sky-tab>\n }\n</sky-tabset>\n", dependencies: [{ kind: "ngmodule", type: SkyTabsModule }, { kind: "component", type: i1$9.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndexValue", "layout"], outputs: ["close"] }, { kind: "component", type: i1$9.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }] }); }
|
|
13459
13459
|
}
|
|
13460
13460
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TabsDynamicExampleComponent, decorators: [{
|
|
13461
13461
|
type: Component,
|
|
13462
|
-
args: [{ selector: 'app-tabs-dynamic-example', imports: [SkyTabsModule], template: "<sky-tabset ariaLabel=\"Tab
|
|
13462
|
+
args: [{ selector: 'app-tabs-dynamic-example', imports: [SkyTabsModule], template: "<sky-tabset ariaLabel=\"Tab demonstration\" data-sky-id=\"tab-demo\">\n @for (tab of tabArray; track tab) {\n <sky-tab [tabHeading]=\"tab.tabHeading\">\n {{ tab.tabContent }}\n </sky-tab>\n }\n</sky-tabset>\n" }]
|
|
13463
13463
|
}] });
|
|
13464
13464
|
|
|
13465
13465
|
/**
|
|
@@ -13467,11 +13467,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
13467
13467
|
*/
|
|
13468
13468
|
class TabsStaticExampleComponent {
|
|
13469
13469
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TabsStaticExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13470
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: TabsStaticExampleComponent, isStandalone: true, selector: "app-tabs-static-example", ngImport: i0, template: "<sky-tabset ariaLabel=\"Tab
|
|
13470
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: TabsStaticExampleComponent, isStandalone: true, selector: "app-tabs-static-example", ngImport: i0, template: "<sky-tabset ariaLabel=\"Tab demonstration\" data-sky-id=\"tab-demo\">\n <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 3'\"> Content for Tab 3 </sky-tab>\n</sky-tabset>\n", dependencies: [{ kind: "ngmodule", type: SkyTabsModule }, { kind: "component", type: i1$9.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndexValue", "layout"], outputs: ["close"] }, { kind: "component", type: i1$9.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }] }); }
|
|
13471
13471
|
}
|
|
13472
13472
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TabsStaticExampleComponent, decorators: [{
|
|
13473
13473
|
type: Component,
|
|
13474
|
-
args: [{ selector: 'app-tabs-static-example', imports: [SkyTabsModule], template: "<sky-tabset ariaLabel=\"Tab
|
|
13474
|
+
args: [{ selector: 'app-tabs-static-example', imports: [SkyTabsModule], template: "<sky-tabset ariaLabel=\"Tab demonstration\" data-sky-id=\"tab-demo\">\n <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 3'\"> Content for Tab 3 </sky-tab>\n</sky-tabset>\n" }]
|
|
13475
13475
|
}] });
|
|
13476
13476
|
|
|
13477
13477
|
/**
|
|
@@ -13485,11 +13485,11 @@ class TabsStaticAddCloseExampleComponent {
|
|
|
13485
13485
|
alert('Add tab clicked!');
|
|
13486
13486
|
}
|
|
13487
13487
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TabsStaticAddCloseExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13488
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TabsStaticAddCloseExampleComponent, isStandalone: true, selector: "app-tabs-static-add-close-example", ngImport: i0, template: "<sky-tabset
|
|
13488
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TabsStaticAddCloseExampleComponent, isStandalone: true, selector: "app-tabs-static-add-close-example", ngImport: i0, template: "<sky-tabset\n data-sky-id=\"tab-demo\"\n ariaLabel=\"Tab demonstration\"\n (newTab)=\"onNewTabClick()\"\n>\n <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n @if (showTab3) {\n <sky-tab [tabHeading]=\"'Tab 3'\" (close)=\"showTab3 = false\">\n Content for Tab 3\n </sky-tab>\n }\n</sky-tabset>\n", dependencies: [{ kind: "ngmodule", type: SkyTabsModule }, { kind: "component", type: i1$9.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndexValue", "layout"], outputs: ["close"] }, { kind: "component", type: i1$9.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }] }); }
|
|
13489
13489
|
}
|
|
13490
13490
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TabsStaticAddCloseExampleComponent, decorators: [{
|
|
13491
13491
|
type: Component,
|
|
13492
|
-
args: [{ selector: 'app-tabs-static-add-close-example', imports: [SkyTabsModule], template: "<sky-tabset
|
|
13492
|
+
args: [{ selector: 'app-tabs-static-add-close-example', imports: [SkyTabsModule], template: "<sky-tabset\n data-sky-id=\"tab-demo\"\n ariaLabel=\"Tab demonstration\"\n (newTab)=\"onNewTabClick()\"\n>\n <sky-tab [tabHeading]=\"'Tab 1'\"> Content for Tab 1 </sky-tab>\n <sky-tab [tabHeading]=\"'Tab 2'\"> Content for Tab 2 </sky-tab>\n @if (showTab3) {\n <sky-tab [tabHeading]=\"'Tab 3'\" (close)=\"showTab3 = false\">\n Content for Tab 3\n </sky-tab>\n }\n</sky-tabset>\n" }]
|
|
13493
13493
|
}] });
|
|
13494
13494
|
|
|
13495
13495
|
/**
|
|
@@ -13525,11 +13525,11 @@ class TabsDynamicAddCloseExampleComponent {
|
|
|
13525
13525
|
this.tabArray.splice(arrayIndex, 1);
|
|
13526
13526
|
}
|
|
13527
13527
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TabsDynamicAddCloseExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13528
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TabsDynamicAddCloseExampleComponent, isStandalone: true, selector: "app-tabs-dynamic-add-close-example", ngImport: i0, template: "<sky-tabset
|
|
13528
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: TabsDynamicAddCloseExampleComponent, isStandalone: true, selector: "app-tabs-dynamic-add-close-example", ngImport: i0, template: "<sky-tabset\n ariaLabel=\"Tab demonstration\"\n data-sky-id=\"tab-demo\"\n (newTab)=\"onNewTabClick()\"\n>\n @for (tab of tabArray; track tab; let i = $index) {\n <sky-tab [tabHeading]=\"tab.tabHeading\" (close)=\"onCloseClick(i)\">\n {{ tab.tabContent }}\n </sky-tab>\n }\n</sky-tabset>\n", dependencies: [{ kind: "ngmodule", type: SkyTabsModule }, { kind: "component", type: i1$9.λ1, selector: "sky-tab", inputs: ["active", "disabled", "permalinkValue", "tabHeaderCount", "tabHeading", "tabIndexValue", "layout"], outputs: ["close"] }, { kind: "component", type: i1$9.λ2, selector: "sky-tabset", inputs: ["active", "ariaLabel", "ariaLabelledBy", "permalinkId", "tabStyle"], outputs: ["activeChange", "newTab", "openTab", "tabIndexesChange"] }] }); }
|
|
13529
13529
|
}
|
|
13530
13530
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: TabsDynamicAddCloseExampleComponent, decorators: [{
|
|
13531
13531
|
type: Component,
|
|
13532
|
-
args: [{ selector: 'app-tabs-dynamic-add-close-example', imports: [SkyTabsModule], template: "<sky-tabset
|
|
13532
|
+
args: [{ selector: 'app-tabs-dynamic-add-close-example', imports: [SkyTabsModule], template: "<sky-tabset\n ariaLabel=\"Tab demonstration\"\n data-sky-id=\"tab-demo\"\n (newTab)=\"onNewTabClick()\"\n>\n @for (tab of tabArray; track tab; let i = $index) {\n <sky-tab [tabHeading]=\"tab.tabHeading\" (close)=\"onCloseClick(i)\">\n {{ tab.tabContent }}\n </sky-tab>\n }\n</sky-tabset>\n" }]
|
|
13533
13533
|
}] });
|
|
13534
13534
|
|
|
13535
13535
|
/**
|