@skyux/pages 6.7.0 → 6.10.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.
Files changed (2) hide show
  1. package/documentation.json +13 -3
  2. package/package.json +7 -7
package/documentation.json CHANGED
@@ -1895,17 +1895,27 @@
1895
1895
  {
1896
1896
  "fileName": "action-hub-demo.component.html",
1897
1897
  "filePath": "/projects/pages/documentation/code-examples/action-hub/action-hub-demo.component.html",
1898
- "rawContents": "<sky-action-hub\n [needsAttention]=\"needsAttention\"\n [recentLinks]=\"recentLinks\"\n [relatedLinks]=\"relatedLinks\"\n [title]=\"title\"\n>\n <sky-action-hub-buttons>\n <a\n *ngFor=\"let button of buttons\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n [href]=\"button.permalink.url\"\n >\n {{ button.label }}\n </a>\n </sky-action-hub-buttons>\n\n <sky-action-hub-content>\n <h2 class=\"sky-font-heading-2\">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"
1898
+ "rawContents": "<sky-action-hub\n [needsAttention]=\"needsAttention\"\n [recentLinks]=\"recentLinks\"\n [relatedLinks]=\"relatedLinks\"\n [settingsLinks]=\"settingsLinks\"\n [title]=\"title\"\n>\n <sky-action-hub-buttons>\n <a\n *ngFor=\"let button of buttons\"\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n [href]=\"button.permalink.url\"\n >\n {{ button.label }}\n </a>\n </sky-action-hub-buttons>\n\n <sky-action-hub-content>\n <h2 class=\"sky-font-heading-2\">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"
1899
1899
  },
1900
1900
  {
1901
1901
  "fileName": "action-hub-demo.component.ts",
1902
1902
  "filePath": "/projects/pages/documentation/code-examples/action-hub/action-hub-demo.component.ts",
1903
- "rawContents": "import { Component } from '@angular/core';\n\nconst pastHours = Array.from(Array(5).keys()).map((i) => {\n const date = new Date();\n date.setHours(date.getHours() - (i + 1));\n return date;\n});\n\n@Component({\n selector: 'app-action-hub-visual',\n templateUrl: './action-hub-demo.component.html',\n})\nexport class ActionHubDemoComponent {\n public buttons = [\n {\n label: 'Action 1',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Action 2',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Action 3',\n permalink: {\n url: '#',\n },\n },\n ];\n\n public needsAttention = [\n {\n title: '9',\n message: 'updates from portal',\n permalink: {\n url: '#',\n },\n },\n {\n title: '8',\n message: 'new messages from online donation',\n permalink: {\n url: '#',\n },\n },\n {\n title: '7',\n message: 'possible duplicates from constituent lists',\n permalink: {\n url: '#',\n },\n },\n {\n title: '6',\n message: 'updates from portal',\n permalink: {\n url: '#',\n },\n },\n {\n title: '5',\n message: 'new messages from online donation',\n permalink: {\n url: '#',\n },\n },\n {\n title: '4',\n message: 'possible duplicates from constituent lists',\n permalink: {\n url: '#',\n },\n },\n {\n title: '3',\n message: 'update from portal',\n permalink: {\n url: '#',\n },\n },\n {\n title: '2',\n message: 'new messages from online donation',\n permalink: {\n url: '#',\n },\n },\n {\n title: '1',\n message: 'possible duplicate from constituent lists',\n permalink: {\n url: '#',\n },\n },\n ];\n\n public recentLinks = [\n {\n label: 'Recent 1',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[0],\n },\n {\n label: 'Recent 2',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[1],\n },\n {\n label: 'Recent 3',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[2],\n },\n {\n label: 'Recent 4',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[3],\n },\n {\n label: 'Recent 5',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[4],\n },\n ];\n\n public relatedLinks = [\n {\n label: 'Link 1',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Link 2',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Link 3',\n permalink: {\n url: '#',\n },\n },\n ];\n\n public title = 'Page title';\n}\n"
1903
+ "rawContents": "import { Component } from '@angular/core';\nimport { SkyPageModalLinksInput } from '@skyux/pages';\n\nimport { SettingsModalComponent } from './settings-modal.component';\n\nconst pastHours = Array.from(Array(5).keys()).map((i) => {\n const date = new Date();\n date.setHours(date.getHours() - (i + 1));\n return date;\n});\n\n@Component({\n selector: 'app-action-hub-visual',\n templateUrl: './action-hub-demo.component.html',\n})\nexport class ActionHubDemoComponent {\n public buttons = [\n {\n label: 'Action 1',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Action 2',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Action 3',\n permalink: {\n url: '#',\n },\n },\n ];\n\n public needsAttention = [\n {\n title: '9',\n message: 'updates from portal',\n permalink: {\n url: '#',\n },\n },\n {\n title: '8',\n message: 'new messages from online donation',\n permalink: {\n url: '#',\n },\n },\n {\n title: '7',\n message: 'possible duplicates from constituent lists',\n permalink: {\n url: '#',\n },\n },\n {\n title: '6',\n message: 'updates from portal',\n permalink: {\n url: '#',\n },\n },\n {\n title: '5',\n message: 'new messages from online donation',\n permalink: {\n url: '#',\n },\n },\n {\n title: '4',\n message: 'possible duplicates from constituent lists',\n permalink: {\n url: '#',\n },\n },\n {\n title: '3',\n message: 'update from portal',\n permalink: {\n url: '#',\n },\n },\n {\n title: '2',\n message: 'new messages from online donation',\n permalink: {\n url: '#',\n },\n },\n {\n title: '1',\n message: 'possible duplicate from constituent lists',\n permalink: {\n url: '#',\n },\n },\n ];\n\n public recentLinks = [\n {\n label: 'Recent 1',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[0],\n },\n {\n label: 'Recent 2',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[1],\n },\n {\n label: 'Recent 3',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[2],\n },\n {\n label: 'Recent 4',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[3],\n },\n {\n label: 'Recent 5',\n permalink: {\n url: '#',\n },\n lastAccessed: pastHours[4],\n },\n ];\n\n public relatedLinks = [\n {\n label: 'Link 1',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Link 2',\n permalink: {\n url: '#',\n },\n },\n {\n label: 'Link 3',\n permalink: {\n url: '#',\n },\n },\n ];\n\n public settingsLinks: SkyPageModalLinksInput = [\n {\n label: 'Number',\n modal: {\n component: SettingsModalComponent,\n config: {\n size: 'large',\n providers: [\n {\n provide: 'modalTitle',\n useValue: 'Number',\n },\n ],\n },\n },\n },\n {\n label: 'Color',\n modal: {\n component: SettingsModalComponent,\n config: {\n size: 'large',\n providers: [\n {\n provide: 'modalTitle',\n useValue: 'Color',\n },\n ],\n },\n },\n },\n ];\n\n public title = 'Page title';\n}\n"
1904
1904
  },
1905
1905
  {
1906
1906
  "fileName": "action-hub-demo.module.ts",
1907
1907
  "filePath": "/projects/pages/documentation/code-examples/action-hub/action-hub-demo.module.ts",
1908
- "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyActionHubModule } from '@skyux/pages';\n\nimport { ActionHubDemoComponent } from './action-hub-demo.component';\n\n@NgModule({\n declarations: [ActionHubDemoComponent],\n exports: [ActionHubDemoComponent],\n imports: [CommonModule, SkyActionHubModule],\n})\nexport class ActionHubDemoModule {}\n"
1908
+ "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyColorpickerModule } from '@skyux/colorpicker';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyActionHubModule } from '@skyux/pages';\n\nimport { ActionHubDemoComponent } from './action-hub-demo.component';\nimport { SettingsModalComponent } from './settings-modal.component';\n\n@NgModule({\n declarations: [ActionHubDemoComponent, SettingsModalComponent],\n exports: [ActionHubDemoComponent],\n imports: [\n CommonModule,\n SkyActionHubModule,\n SkyColorpickerModule,\n SkyIconModule,\n SkyIdModule,\n SkyInputBoxModule,\n SkyModalModule,\n ReactiveFormsModule,\n ],\n})\nexport class ActionHubDemoModule {}\n"
1909
+ },
1910
+ {
1911
+ "fileName": "settings-modal.component.html",
1912
+ "filePath": "/projects/pages/documentation/code-examples/action-hub/settings-modal.component.html",
1913
+ "rawContents": "<sky-modal>\n <sky-modal-header>{{ title }}</sky-modal-header>\n <sky-modal-content>\n <form [formGroup]=\"form\" (submit)=\"modal.save()\">\n <ng-container *ngFor=\"let field of fields\" class=\"row\">\n <ng-container [ngSwitch]=\"title\">\n <ng-container *ngSwitchDefault>\n <sky-input-box>\n <label class=\"sky-control-label\" [for]=\"input.id\">{{\n field\n }}</label>\n <input\n [formControlName]=\"field\"\n skyId\n #input=\"skyId\"\n type=\"text\"\n class=\"sky-form-control\"\n />\n </sky-input-box>\n </ng-container>\n <ng-container *ngSwitchCase=\"'Color'\">\n <div class=\"sky-form-group\">\n <label class=\"sky-control-label\" [for]=\"input.id\">{{\n field\n }}</label>\n <sky-colorpicker #colorPicker>\n <input\n [formControlName]=\"field\"\n [skyColorpickerInput]=\"colorPicker\"\n skyId\n #input=\"skyId\"\n type=\"text\"\n />\n </sky-colorpicker>\n </div>\n </ng-container>\n </ng-container>\n </ng-container>\n </form>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"modal.save()\"\n >\n Save\n </button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"modal.close()\">\n Close\n </button>\n </sky-modal-footer>\n</sky-modal>\n"
1914
+ },
1915
+ {
1916
+ "fileName": "settings-modal.component.ts",
1917
+ "filePath": "/projects/pages/documentation/code-examples/action-hub/settings-modal.component.ts",
1918
+ "rawContents": "import { Component, Inject } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n selector: 'app-settings-modal',\n templateUrl: './settings-modal.component.html',\n})\nexport class SettingsModalComponent {\n public form: FormGroup;\n public fields: string[] = [];\n\n constructor(\n private fb: FormBuilder,\n public modal: SkyModalInstance,\n @Inject('modalTitle') public title: string\n ) {\n const controls = {};\n for (let i = 1; i <= 5; i++) {\n const field = `${this.title} ${i}`;\n this.fields.push(field);\n controls[field] = this.fb.control('');\n }\n this.form = this.fb.group(controls);\n this.modal.closed.subscribe((args) => {\n if (args.reason === 'save') {\n console.log(this.form.value);\n }\n });\n }\n}\n"
1909
1919
  }
1910
1920
  ]
1911
1921
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/pages",
3
- "version": "6.7.0",
3
+ "version": "6.10.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -35,12 +35,12 @@
35
35
  "@angular/common": "^13.3.2",
36
36
  "@angular/core": "^13.3.2",
37
37
  "@angular/router": "^13.3.2",
38
- "@skyux/i18n": "6.7.0",
39
- "@skyux/indicators": "6.7.0",
40
- "@skyux/layout": "6.7.0",
41
- "@skyux/modals": "6.7.0",
42
- "@skyux/router": "6.7.0",
43
- "@skyux/theme": "6.7.0"
38
+ "@skyux/i18n": "6.10.0",
39
+ "@skyux/indicators": "6.10.0",
40
+ "@skyux/layout": "6.10.0",
41
+ "@skyux/modals": "6.10.0",
42
+ "@skyux/router": "6.10.0",
43
+ "@skyux/theme": "6.10.0"
44
44
  },
45
45
  "dependencies": {
46
46
  "tslib": "^2.3.1"