@skyux/layout 6.15.0 → 6.17.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 +510 -599
- package/esm2020/lib/modules/description-list/description-list-term.component.mjs +3 -3
- package/esm2020/testing/action-button-fixture.mjs +2 -1
- package/esm2020/testing/card-fixture.mjs +2 -1
- package/esm2020/testing/page-summary-fixture.mjs +2 -1
- package/fesm2015/skyux-layout-testing.mjs +3 -0
- package/fesm2015/skyux-layout-testing.mjs.map +1 -1
- package/fesm2015/skyux-layout.mjs +2 -2
- package/fesm2015/skyux-layout.mjs.map +1 -1
- package/fesm2020/skyux-layout-testing.mjs +3 -0
- package/fesm2020/skyux-layout-testing.mjs.map +1 -1
- package/fesm2020/skyux-layout.mjs +2 -2
- package/fesm2020/skyux-layout.mjs.map +1 -1
- package/package.json +9 -9
- package/testing/action-button-fixture.d.ts +1 -0
- package/testing/card-fixture.d.ts +1 -0
- package/testing/page-summary-fixture.d.ts +1 -0
|
@@ -3,6 +3,7 @@ import { SkyAppTestUtility } from '@skyux-sdk/testing';
|
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Allows interaction with a SKY UX action button component.
|
|
6
|
+
* @internal
|
|
6
7
|
*/
|
|
7
8
|
class SkyActionButtonFixture {
|
|
8
9
|
constructor(fixture, skyTestId) {
|
|
@@ -45,6 +46,7 @@ class SkyActionButtonFixture {
|
|
|
45
46
|
|
|
46
47
|
/**
|
|
47
48
|
* Allows interaction with a SKY UX avatar component.
|
|
49
|
+
* @internal
|
|
48
50
|
*/
|
|
49
51
|
class SkyCardFixture {
|
|
50
52
|
constructor(fixture, skyTestId) {
|
|
@@ -106,6 +108,7 @@ class SkyCardFixture {
|
|
|
106
108
|
|
|
107
109
|
/**
|
|
108
110
|
* Allows interaction with a SKY UX page summary component.
|
|
111
|
+
* @internal
|
|
109
112
|
*/
|
|
110
113
|
class SkyPageSummaryFixture {
|
|
111
114
|
constructor(fixture, skyTestId) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-layout-testing.mjs","sources":["../../../../../libs/components/layout/testing/src/action-button-fixture.ts","../../../../../libs/components/layout/testing/src/card-fixture.ts","../../../../../libs/components/layout/testing/src/page-summary-fixture.ts","../../../../../libs/components/layout/testing/src/skyux-layout-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX action button component.\n */\nexport class SkyActionButtonFixture {\n /**\n * The action button's current header text.\n */\n public get headerText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(By.css('.sky-action-button-header'))\n );\n }\n\n /**\n * The action button's current details text.\n */\n public get detailsText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(By.css('sky-action-button-details'))\n );\n }\n\n /**\n * The action button's current icon type.\n */\n public get iconType(): string {\n const classList = this.debugEl.query(By.css('.fa.sky-icon')).nativeElement\n .classList;\n\n for (let i = 0, n = classList.length; i < n; i++) {\n const cls = classList.item(i);\n\n if (cls.indexOf('fa-') === 0) {\n return cls.substr(3);\n }\n }\n }\n\n private debugEl: DebugElement;\n\n constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-action-button'\n );\n }\n\n /**\n * Clicks the action button.\n */\n public actionClick(): void {\n this.debugEl\n .query(By.css('.sky-action-button'))\n .triggerEventHandler('click', {});\n }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX avatar component.\n */\nexport class SkyCardFixture {\n /**\n * The card's current title.\n */\n public get titleText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(By.css('sky-card-title'))\n );\n }\n\n /**\n * The card's current content text.\n */\n public get contentText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(By.css('sky-card-content'))\n );\n }\n\n /**\n * A flag indicating whether the user can select the card.\n */\n public get selectable(): boolean {\n return !!this.debugEl.query(By.css('.sky-card-check'));\n }\n\n /**\n * A flag indicating whether the card is currently selected. If the card\n * is not selectable, an error is thrown.\n */\n public get selected(): boolean {\n if (this.selectable) {\n return this.getCheckInputEl().nativeElement.checked;\n }\n\n throw new Error('The card is not selectable.');\n }\n\n private debugEl: DebugElement;\n\n constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-card'\n );\n }\n\n /**\n * Selects the card.\n */\n public select(): void {\n if (!this.selected) {\n this.clickCheckLabelEl();\n }\n }\n\n /**\n * Deselects the card.\n */\n public deselect(): void {\n if (this.selected) {\n this.clickCheckLabelEl();\n }\n }\n\n private clickCheckLabelEl(): void {\n this.debugEl\n .query(By.css('.sky-card-check label.sky-checkbox-wrapper'))\n .nativeElement.click();\n }\n\n private getCheckInputEl(): DebugElement {\n return this.debugEl.query(\n By.css('.sky-card-check .sky-checkbox-wrapper input')\n );\n }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX page summary component.\n */\nexport class SkyPageSummaryFixture {\n /**\n * The page summary's current title text.\n */\n public get titleText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(\n By.css('sky-page-summary-title .sky-page-summary-title')\n )\n );\n }\n\n /**\n * The page summary's current subtitle text.\n */\n public get subtitleText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(\n By.css('sky-page-summary-subtitle .sky-page-summary-subtitle')\n )\n );\n }\n\n /**\n * The page summary's current content text.\n */\n public get contentText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(\n By.css('sky-page-summary-content .sky-page-summary-content')\n )\n );\n }\n\n private debugEl: DebugElement;\n\n constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-page-summary'\n );\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAKA
|
|
1
|
+
{"version":3,"file":"skyux-layout-testing.mjs","sources":["../../../../../libs/components/layout/testing/src/action-button-fixture.ts","../../../../../libs/components/layout/testing/src/card-fixture.ts","../../../../../libs/components/layout/testing/src/page-summary-fixture.ts","../../../../../libs/components/layout/testing/src/skyux-layout-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX action button component.\n * @internal\n */\nexport class SkyActionButtonFixture {\n /**\n * The action button's current header text.\n */\n public get headerText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(By.css('.sky-action-button-header'))\n );\n }\n\n /**\n * The action button's current details text.\n */\n public get detailsText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(By.css('sky-action-button-details'))\n );\n }\n\n /**\n * The action button's current icon type.\n */\n public get iconType(): string {\n const classList = this.debugEl.query(By.css('.fa.sky-icon')).nativeElement\n .classList;\n\n for (let i = 0, n = classList.length; i < n; i++) {\n const cls = classList.item(i);\n\n if (cls.indexOf('fa-') === 0) {\n return cls.substr(3);\n }\n }\n }\n\n private debugEl: DebugElement;\n\n constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-action-button'\n );\n }\n\n /**\n * Clicks the action button.\n */\n public actionClick(): void {\n this.debugEl\n .query(By.css('.sky-action-button'))\n .triggerEventHandler('click', {});\n }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX avatar component.\n * @internal\n */\nexport class SkyCardFixture {\n /**\n * The card's current title.\n */\n public get titleText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(By.css('sky-card-title'))\n );\n }\n\n /**\n * The card's current content text.\n */\n public get contentText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(By.css('sky-card-content'))\n );\n }\n\n /**\n * A flag indicating whether the user can select the card.\n */\n public get selectable(): boolean {\n return !!this.debugEl.query(By.css('.sky-card-check'));\n }\n\n /**\n * A flag indicating whether the card is currently selected. If the card\n * is not selectable, an error is thrown.\n */\n public get selected(): boolean {\n if (this.selectable) {\n return this.getCheckInputEl().nativeElement.checked;\n }\n\n throw new Error('The card is not selectable.');\n }\n\n private debugEl: DebugElement;\n\n constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-card'\n );\n }\n\n /**\n * Selects the card.\n */\n public select(): void {\n if (!this.selected) {\n this.clickCheckLabelEl();\n }\n }\n\n /**\n * Deselects the card.\n */\n public deselect(): void {\n if (this.selected) {\n this.clickCheckLabelEl();\n }\n }\n\n private clickCheckLabelEl(): void {\n this.debugEl\n .query(By.css('.sky-card-check label.sky-checkbox-wrapper'))\n .nativeElement.click();\n }\n\n private getCheckInputEl(): DebugElement {\n return this.debugEl.query(\n By.css('.sky-card-check .sky-checkbox-wrapper input')\n );\n }\n}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX page summary component.\n * @internal\n */\nexport class SkyPageSummaryFixture {\n /**\n * The page summary's current title text.\n */\n public get titleText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(\n By.css('sky-page-summary-title .sky-page-summary-title')\n )\n );\n }\n\n /**\n * The page summary's current subtitle text.\n */\n public get subtitleText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(\n By.css('sky-page-summary-subtitle .sky-page-summary-subtitle')\n )\n );\n }\n\n /**\n * The page summary's current content text.\n */\n public get contentText(): string {\n return SkyAppTestUtility.getText(\n this.debugEl.query(\n By.css('sky-page-summary-content .sky-page-summary-content')\n )\n );\n }\n\n private debugEl: DebugElement;\n\n constructor(fixture: ComponentFixture<any>, skyTestId: string) {\n this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-page-summary'\n );\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1411,10 +1411,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
1411
1411
|
class SkyDescriptionListTermComponent {
|
|
1412
1412
|
}
|
|
1413
1413
|
SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1414
|
-
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef\n ><span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-
|
|
1414
|
+
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef\n ><span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content></span\n></ng-template>\n", directives: [{ type: i1.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1415
1415
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1416
1416
|
type: Component,
|
|
1417
|
-
args: [{ selector: 'sky-description-list-term', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #termTemplateRef\n ><span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-
|
|
1417
|
+
args: [{ selector: 'sky-description-list-term', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #termTemplateRef\n ><span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content></span\n></ng-template>\n" }]
|
|
1418
1418
|
}], propDecorators: { templateRef: [{
|
|
1419
1419
|
type: ViewChild,
|
|
1420
1420
|
args: ['termTemplateRef', {
|