@skyux/action-bars 9.0.0-alpha.0 → 9.0.0-alpha.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.
- package/documentation.json +35 -35
- package/package.json +8 -8
package/documentation.json
CHANGED
|
@@ -1712,39 +1712,34 @@
|
|
|
1712
1712
|
},
|
|
1713
1713
|
"codeExamples": [
|
|
1714
1714
|
{
|
|
1715
|
-
"fileName": "summary-action-bar-demo.
|
|
1716
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/
|
|
1717
|
-
"rawContents": "
|
|
1718
|
-
},
|
|
1719
|
-
{
|
|
1720
|
-
"fileName": "summary-action-bar-demo.component.scss",
|
|
1721
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/basic/summary-action-bar-demo.component.scss",
|
|
1722
|
-
"rawContents": "// Default SKY UX pattern: Key info components in the summary action bar\n// should have a 20px right margin.\nsky-key-info {\n margin-right: 20px;\n}\n"
|
|
1715
|
+
"fileName": "summary-action-bar-demo.module.ts",
|
|
1716
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/tab/summary-action-bar-demo.module.ts",
|
|
1717
|
+
"rawContents": "import { NgModule } from '@angular/core';\nimport { SkySummaryActionBarModule } from '@skyux/action-bars';\nimport { SkyKeyInfoModule } from '@skyux/indicators';\nimport { SkyTabsModule } from '@skyux/tabs';\n\nimport { SummaryActionBarDemoComponent } from './summary-action-bar-demo.component';\n\n@NgModule({\n imports: [SkyKeyInfoModule, SkyTabsModule, SkySummaryActionBarModule],\n exports: [SummaryActionBarDemoComponent],\n declarations: [SummaryActionBarDemoComponent],\n})\nexport class SummaryActionBarDemoModule {}\n"
|
|
1723
1718
|
},
|
|
1724
1719
|
{
|
|
1725
1720
|
"fileName": "summary-action-bar-demo.component.ts",
|
|
1726
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/
|
|
1721
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/tab/summary-action-bar-demo.component.ts",
|
|
1727
1722
|
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-summary-action-bar-demo',\n templateUrl: './summary-action-bar-demo.component.html',\n styleUrls: ['./summary-action-bar-demo.component.scss'],\n})\nexport class SummaryActionBarDemoComponent {\n public onPrimaryActionClick(): void {\n alert('Primary action button clicked.');\n }\n\n public onSecondaryActionClick(): void {\n alert('Secondary action button clicked.');\n }\n\n public onSecondaryAction2Click(): void {\n alert('Secondary action 2 button clicked.');\n }\n}\n"
|
|
1728
1723
|
},
|
|
1729
1724
|
{
|
|
1730
|
-
"fileName": "summary-action-bar-demo.
|
|
1731
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/
|
|
1732
|
-
"rawContents": "
|
|
1725
|
+
"fileName": "summary-action-bar-demo.component.scss",
|
|
1726
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/tab/summary-action-bar-demo.component.scss",
|
|
1727
|
+
"rawContents": "// Default SKY UX pattern: Key info components in the summary action bar\n// should have a 20px right margin.\nsky-key-info {\n margin-right: 20px;\n}\n"
|
|
1733
1728
|
},
|
|
1734
1729
|
{
|
|
1735
1730
|
"fileName": "summary-action-bar-demo.component.html",
|
|
1736
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/
|
|
1737
|
-
"rawContents": "<
|
|
1731
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/tab/summary-action-bar-demo.component.html",
|
|
1732
|
+
"rawContents": "<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"
|
|
1738
1733
|
},
|
|
1739
1734
|
{
|
|
1740
|
-
"fileName": "summary-action-bar-demo.component.ts",
|
|
1741
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/modal/summary-action-bar-demo.component.ts",
|
|
1742
|
-
"rawContents": "import { Component } from '@angular/core';\nimport {
|
|
1735
|
+
"fileName": "summary-action-bar-modal-demo.component.ts",
|
|
1736
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/modal/summary-action-bar-modal-demo.component.ts",
|
|
1737
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n selector: 'app-test-cmp-modal',\n templateUrl: './summary-action-bar-modal-demo.component.html',\n styleUrls: ['./summary-action-bar-modal-demo.component.scss'],\n})\nexport class SkySummaryActionBarModalDemoComponent {\n constructor(public instance: SkyModalInstance) {}\n\n public onSecondaryActionClick(): void {\n alert('Secondary action button clicked.');\n }\n\n public onSecondaryAction2Click(): void {\n alert('Secondary action 2 button clicked.');\n }\n}\n"
|
|
1743
1738
|
},
|
|
1744
1739
|
{
|
|
1745
|
-
"fileName": "summary-action-bar-demo.
|
|
1746
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/modal/summary-action-bar-demo.
|
|
1747
|
-
"rawContents": "
|
|
1740
|
+
"fileName": "summary-action-bar-modal-demo.component.scss",
|
|
1741
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/modal/summary-action-bar-modal-demo.component.scss",
|
|
1742
|
+
"rawContents": "// Default SKY UX pattern: Key info components in the summary action bar\n// should have a 20px right margin.\nsky-key-info {\n margin-right: 20px;\n}\n"
|
|
1748
1743
|
},
|
|
1749
1744
|
{
|
|
1750
1745
|
"fileName": "summary-action-bar-modal-demo.component.html",
|
|
@@ -1752,34 +1747,39 @@
|
|
|
1752
1747
|
"rawContents": "<sky-modal>\n <sky-modal-header> Modal with summary action bar </sky-modal-header>\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)=\"instance.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)=\"instance.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"
|
|
1753
1748
|
},
|
|
1754
1749
|
{
|
|
1755
|
-
"fileName": "summary-action-bar-
|
|
1756
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/modal/summary-action-bar-
|
|
1757
|
-
"rawContents": "
|
|
1750
|
+
"fileName": "summary-action-bar-demo.module.ts",
|
|
1751
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/modal/summary-action-bar-demo.module.ts",
|
|
1752
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkySummaryActionBarModule } from '@skyux/action-bars';\nimport { SkyKeyInfoModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { SummaryActionBarDemoComponent } from './summary-action-bar-demo.component';\nimport { SkySummaryActionBarModalDemoComponent } from './summary-action-bar-modal-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyKeyInfoModule,\n SkyModalModule,\n SkySummaryActionBarModule,\n ],\n exports: [SummaryActionBarDemoComponent],\n declarations: [\n SummaryActionBarDemoComponent,\n SkySummaryActionBarModalDemoComponent,\n ],\n})\nexport class SummaryActionBarDemoModule {}\n"
|
|
1758
1753
|
},
|
|
1759
1754
|
{
|
|
1760
|
-
"fileName": "summary-action-bar-
|
|
1761
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/modal/summary-action-bar-
|
|
1762
|
-
"rawContents": "import { Component } from '@angular/core';\nimport {
|
|
1755
|
+
"fileName": "summary-action-bar-demo.component.ts",
|
|
1756
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/modal/summary-action-bar-demo.component.ts",
|
|
1757
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyModalService } from '@skyux/modals';\n\nimport { SkySummaryActionBarModalDemoComponent } from './summary-action-bar-modal-demo.component';\n\n@Component({\n selector: 'app-summary-action-bar-demo',\n templateUrl: './summary-action-bar-demo.component.html',\n styles: [\n `\n sky-key-info {\n margin-right: 20px;\n }\n `,\n ],\n})\nexport class SummaryActionBarDemoComponent {\n constructor(private modalService: SkyModalService) {}\n\n public openModal(): void {\n this.modalService.open(SkySummaryActionBarModalDemoComponent, {\n size: 'large',\n });\n }\n}\n"
|
|
1763
1758
|
},
|
|
1764
1759
|
{
|
|
1765
1760
|
"fileName": "summary-action-bar-demo.component.html",
|
|
1766
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/
|
|
1767
|
-
"rawContents": "<
|
|
1761
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/modal/summary-action-bar-demo.component.html",
|
|
1762
|
+
"rawContents": "<button type=\"button\" class=\"sky-btn sky-btn-primary\" (click)=\"openModal()\">\n Open modal\n</button>\n"
|
|
1768
1763
|
},
|
|
1769
1764
|
{
|
|
1770
|
-
"fileName": "summary-action-bar-demo.
|
|
1771
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/
|
|
1772
|
-
"rawContents": "
|
|
1765
|
+
"fileName": "summary-action-bar-demo.module.ts",
|
|
1766
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/basic/summary-action-bar-demo.module.ts",
|
|
1767
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkySummaryActionBarModule } from '@skyux/action-bars';\nimport { SkyKeyInfoModule } from '@skyux/indicators';\n\nimport { SummaryActionBarDemoComponent } from './summary-action-bar-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyKeyInfoModule, SkySummaryActionBarModule],\n exports: [SummaryActionBarDemoComponent],\n declarations: [SummaryActionBarDemoComponent],\n})\nexport class SummaryActionBarDemoModule {}\n"
|
|
1773
1768
|
},
|
|
1774
1769
|
{
|
|
1775
1770
|
"fileName": "summary-action-bar-demo.component.ts",
|
|
1776
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/
|
|
1771
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/basic/summary-action-bar-demo.component.ts",
|
|
1777
1772
|
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-summary-action-bar-demo',\n templateUrl: './summary-action-bar-demo.component.html',\n styleUrls: ['./summary-action-bar-demo.component.scss'],\n})\nexport class SummaryActionBarDemoComponent {\n public onPrimaryActionClick(): void {\n alert('Primary action button clicked.');\n }\n\n public onSecondaryActionClick(): void {\n alert('Secondary action button clicked.');\n }\n\n public onSecondaryAction2Click(): void {\n alert('Secondary action 2 button clicked.');\n }\n}\n"
|
|
1778
1773
|
},
|
|
1779
1774
|
{
|
|
1780
|
-
"fileName": "summary-action-bar-demo.
|
|
1781
|
-
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/
|
|
1782
|
-
"rawContents": "
|
|
1775
|
+
"fileName": "summary-action-bar-demo.component.scss",
|
|
1776
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/basic/summary-action-bar-demo.component.scss",
|
|
1777
|
+
"rawContents": "// Default SKY UX pattern: Key info components in the summary action bar\n// should have a 20px right margin.\nsky-key-info {\n margin-right: 20px;\n}\n"
|
|
1778
|
+
},
|
|
1779
|
+
{
|
|
1780
|
+
"fileName": "summary-action-bar-demo.component.html",
|
|
1781
|
+
"filePath": "/projects/action-bars/documentation/code-examples/summary-action-bar/basic/summary-action-bar-demo.component.html",
|
|
1782
|
+
"rawContents": "<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"
|
|
1783
1783
|
}
|
|
1784
1784
|
]
|
|
1785
1785
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/action-bars",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.1",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"@angular/common": "^16.1.7",
|
|
41
41
|
"@angular/core": "^16.1.7",
|
|
42
42
|
"@angular/platform-browser": "^16.1.7",
|
|
43
|
-
"@skyux-sdk/testing": "9.0.0-alpha.
|
|
44
|
-
"@skyux/animations": "9.0.0-alpha.
|
|
45
|
-
"@skyux/core": "9.0.0-alpha.
|
|
46
|
-
"@skyux/i18n": "9.0.0-alpha.
|
|
47
|
-
"@skyux/indicators": "9.0.0-alpha.
|
|
48
|
-
"@skyux/popovers": "9.0.0-alpha.
|
|
49
|
-
"@skyux/theme": "9.0.0-alpha.
|
|
43
|
+
"@skyux-sdk/testing": "9.0.0-alpha.1",
|
|
44
|
+
"@skyux/animations": "9.0.0-alpha.1",
|
|
45
|
+
"@skyux/core": "9.0.0-alpha.1",
|
|
46
|
+
"@skyux/i18n": "9.0.0-alpha.1",
|
|
47
|
+
"@skyux/indicators": "9.0.0-alpha.1",
|
|
48
|
+
"@skyux/popovers": "9.0.0-alpha.1",
|
|
49
|
+
"@skyux/theme": "9.0.0-alpha.1"
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"tslib": "^2.5.0"
|