@skyux/core 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 +29 -29
- package/package.json +2 -2
package/documentation.json
CHANGED
|
@@ -9431,29 +9431,24 @@
|
|
|
9431
9431
|
},
|
|
9432
9432
|
"codeExamples": [
|
|
9433
9433
|
{
|
|
9434
|
-
"fileName": "
|
|
9435
|
-
"filePath": "/projects/core/documentation/code-examples/
|
|
9436
|
-
"rawContents": "
|
|
9437
|
-
},
|
|
9438
|
-
{
|
|
9439
|
-
"fileName": "id-demo.component.ts",
|
|
9440
|
-
"filePath": "/projects/core/documentation/code-examples/id/id-demo.component.ts",
|
|
9441
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-id-demo',\n templateUrl: './id-demo.component.html',\n})\nexport class IdDemoComponent {}\n"
|
|
9434
|
+
"fileName": "numeric-demo.module.ts",
|
|
9435
|
+
"filePath": "/projects/core/documentation/code-examples/numeric/basic/numeric-demo.module.ts",
|
|
9436
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyNumericModule } from '@skyux/core';\nimport { SkyDescriptionListModule } from '@skyux/layout';\n\nimport { NumericDemoComponent } from './numeric-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyDescriptionListModule, SkyNumericModule],\n declarations: [NumericDemoComponent],\n exports: [NumericDemoComponent],\n})\nexport class NumericDemoModule {}\n"
|
|
9442
9437
|
},
|
|
9443
9438
|
{
|
|
9444
|
-
"fileName": "
|
|
9445
|
-
"filePath": "/projects/core/documentation/code-examples/
|
|
9446
|
-
"rawContents": "import {
|
|
9439
|
+
"fileName": "numeric-demo.component.ts",
|
|
9440
|
+
"filePath": "/projects/core/documentation/code-examples/numeric/basic/numeric-demo.component.ts",
|
|
9441
|
+
"rawContents": "import { Component, Input } from '@angular/core';\nimport { SkyNumericOptions } from '@skyux/core';\n\n@Component({\n selector: 'app-numeric-demo',\n templateUrl: './numeric-demo.component.html',\n})\nexport class NumericDemoComponent {\n @Input()\n public defaultValue = 1000000;\n\n @Input()\n public configuredValue = 1234567;\n\n @Input()\n public numericOptions: SkyNumericOptions = {\n digits: 3,\n format: 'currency',\n iso: 'JPY',\n };\n}\n"
|
|
9447
9442
|
},
|
|
9448
9443
|
{
|
|
9449
|
-
"fileName": "
|
|
9450
|
-
"filePath": "/projects/core/documentation/code-examples/
|
|
9451
|
-
"rawContents": "
|
|
9444
|
+
"fileName": "numeric-demo.component.spec.ts",
|
|
9445
|
+
"filePath": "/projects/core/documentation/code-examples/numeric/basic/numeric-demo.component.spec.ts",
|
|
9446
|
+
"rawContents": "import { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyNumericOptions } from '@skyux/core';\n\nimport { NumericDemoComponent } from './numeric-demo.component';\nimport { NumericDemoModule } from './numeric-demo.module';\n\ndescribe('Basic numeric options', () => {\n let fixture: ComponentFixture<NumericDemoComponent>;\n\n async function setupTest(options?: {\n defaultValue?: number;\n configuredValue?: number;\n config?: SkyNumericOptions;\n }): Promise<void> {\n fixture = TestBed.createComponent(NumericDemoComponent);\n\n if (options?.defaultValue !== undefined) {\n fixture.componentInstance.defaultValue = options.defaultValue;\n }\n\n if (options?.configuredValue !== undefined) {\n fixture.componentInstance.configuredValue = options.configuredValue;\n }\n\n if (options?.config !== undefined) {\n fixture.componentInstance.numericOptions = options.config;\n }\n\n fixture.detectChanges();\n return fixture.whenStable().then();\n }\n\n beforeEach(() => {\n TestBed.configureTestingModule({\n imports: [NumericDemoModule],\n });\n });\n\n it('should show the expected number in the default format', async () => {\n await setupTest({ defaultValue: 123456 });\n fixture.detectChanges();\n\n expect(\n fixture.debugElement\n .query(By.css('.default-value'))\n .nativeElement.innerText.trim()\n ).toBe('123.5K');\n });\n\n it('should show the expected number in a specified format', async () => {\n await setupTest({\n configuredValue: 5000000,\n config: { truncate: false },\n });\n\n expect(\n fixture.debugElement\n .query(By.css('.configured-value'))\n .nativeElement.innerText.trim()\n ).toBe('5,000,000');\n });\n});\n"
|
|
9452
9447
|
},
|
|
9453
9448
|
{
|
|
9454
|
-
"fileName": "
|
|
9455
|
-
"filePath": "/projects/core/documentation/code-examples/
|
|
9456
|
-
"rawContents": "
|
|
9449
|
+
"fileName": "numeric-demo.component.html",
|
|
9450
|
+
"filePath": "/projects/core/documentation/code-examples/numeric/basic/numeric-demo.component.html",
|
|
9451
|
+
"rawContents": "<sky-description-list mode=\"vertical\">\n <sky-description-list-content>\n <sky-description-list-term> Default setup </sky-description-list-term>\n <sky-description-list-description>\n <span class=\"default-value\">\n {{ defaultValue | skyNumeric }}\n </span>\n </sky-description-list-description>\n </sky-description-list-content>\n <sky-description-list-content>\n <sky-description-list-term> With options </sky-description-list-term>\n <sky-description-list-description>\n <span class=\"configured-value\">\n {{ configuredValue | skyNumeric : numericOptions }}\n </span>\n </sky-description-list-description>\n </sky-description-list-content>\n</sky-description-list>\n"
|
|
9457
9452
|
},
|
|
9458
9453
|
{
|
|
9459
9454
|
"fileName": "media-query-demo.module.ts",
|
|
@@ -9461,24 +9456,29 @@
|
|
|
9461
9456
|
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyMediaQueryModule } from '@skyux/core';\nimport { SkyAlertModule } from '@skyux/indicators';\n\nimport { MediaQueryDemoComponent } from './media-query-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyAlertModule, SkyMediaQueryModule],\n declarations: [MediaQueryDemoComponent],\n exports: [MediaQueryDemoComponent],\n})\nexport class MediaQueryDemoModule {}\n"
|
|
9462
9457
|
},
|
|
9463
9458
|
{
|
|
9464
|
-
"fileName": "
|
|
9465
|
-
"filePath": "/projects/core/documentation/code-examples/
|
|
9466
|
-
"rawContents": "
|
|
9459
|
+
"fileName": "media-query-demo.component.ts",
|
|
9460
|
+
"filePath": "/projects/core/documentation/code-examples/media-query/basic/media-query-demo.component.ts",
|
|
9461
|
+
"rawContents": "import { Component, OnDestroy } from '@angular/core';\nimport { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';\n\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-media-query-demo',\n templateUrl: './media-query-demo.component.html',\n})\nexport class MediaQueryDemoComponent implements OnDestroy {\n public currentBreakpoint: string | undefined;\n\n private querySubscription: Subscription;\n\n constructor(private mediaQueries: SkyMediaQueryService) {\n this.querySubscription = this.mediaQueries.subscribe(\n (newBreakpoint: SkyMediaBreakpoints) => {\n switch (newBreakpoint) {\n case SkyMediaBreakpoints.xs:\n this.currentBreakpoint = 'xs';\n break;\n case SkyMediaBreakpoints.sm:\n this.currentBreakpoint = 'sm';\n break;\n case SkyMediaBreakpoints.md:\n this.currentBreakpoint = 'md';\n break;\n case SkyMediaBreakpoints.lg:\n this.currentBreakpoint = 'lg';\n break;\n default:\n this.currentBreakpoint = 'unknown';\n }\n }\n );\n }\n\n public ngOnDestroy(): void {\n if (this.querySubscription) {\n this.querySubscription.unsubscribe();\n }\n }\n}\n"
|
|
9467
9462
|
},
|
|
9468
9463
|
{
|
|
9469
|
-
"fileName": "
|
|
9470
|
-
"filePath": "/projects/core/documentation/code-examples/
|
|
9471
|
-
"rawContents": "
|
|
9464
|
+
"fileName": "media-query-demo.component.html",
|
|
9465
|
+
"filePath": "/projects/core/documentation/code-examples/media-query/basic/media-query-demo.component.html",
|
|
9466
|
+
"rawContents": "<sky-alert alertType=\"info\">\n Current media breakpoint: <strong>{{ currentBreakpoint }}</strong>\n</sky-alert>\n"
|
|
9472
9467
|
},
|
|
9473
9468
|
{
|
|
9474
|
-
"fileName": "
|
|
9475
|
-
"filePath": "/projects/core/documentation/code-examples/
|
|
9476
|
-
"rawContents": "import {
|
|
9469
|
+
"fileName": "id-demo.module.ts",
|
|
9470
|
+
"filePath": "/projects/core/documentation/code-examples/id/id-demo.module.ts",
|
|
9471
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { IdDemoComponent } from './id-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyIdModule, SkyInputBoxModule],\n declarations: [IdDemoComponent],\n exports: [IdDemoComponent],\n})\nexport class IdDemoModule {}\n"
|
|
9477
9472
|
},
|
|
9478
9473
|
{
|
|
9479
|
-
"fileName": "
|
|
9480
|
-
"filePath": "/projects/core/documentation/code-examples/
|
|
9481
|
-
"rawContents": "import {
|
|
9474
|
+
"fileName": "id-demo.component.ts",
|
|
9475
|
+
"filePath": "/projects/core/documentation/code-examples/id/id-demo.component.ts",
|
|
9476
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-id-demo',\n templateUrl: './id-demo.component.html',\n})\nexport class IdDemoComponent {}\n"
|
|
9477
|
+
},
|
|
9478
|
+
{
|
|
9479
|
+
"fileName": "id-demo.component.html",
|
|
9480
|
+
"filePath": "/projects/core/documentation/code-examples/id/id-demo.component.html",
|
|
9481
|
+
"rawContents": "<sky-input-box>\n <label class=\"sky-control-label\" [for]=\"input1.id\"> Label </label>\n <input class=\"sky-form-control\" type=\"text\" skyId #input1=\"skyId\" />\n</sky-input-box>\n\n<sky-input-box>\n <label class=\"sky-control-label\" [for]=\"input2.id\"> Label </label>\n <select class=\"sky-form-control\" type=\"text\" skyId #input2=\"skyId\">\n <option>Value</option>\n </select>\n</sky-input-box>\n"
|
|
9482
9482
|
}
|
|
9483
9483
|
]
|
|
9484
9484
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/core",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.1",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@angular/core": "^16.1.7",
|
|
42
42
|
"@angular/platform-browser": "^16.1.7",
|
|
43
43
|
"@angular/router": "^16.1.7",
|
|
44
|
-
"@skyux/i18n": "9.0.0-alpha.
|
|
44
|
+
"@skyux/i18n": "9.0.0-alpha.1"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"tslib": "^2.5.0"
|