@skyux/indicators 6.11.2 → 6.14.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 (38) hide show
  1. package/documentation.json +448 -402
  2. package/esm2020/lib/modules/alert/alert.component.mjs +9 -5
  3. package/esm2020/lib/modules/icon/icon-stack.component.mjs +1 -1
  4. package/esm2020/lib/modules/icon/icon.component.mjs +1 -1
  5. package/esm2020/lib/modules/key-info/key-info.component.mjs +2 -1
  6. package/esm2020/lib/modules/label/label.component.mjs +20 -6
  7. package/esm2020/testing/alert/alert-harness-filters.mjs +2 -0
  8. package/esm2020/testing/alert/alert-harness.mjs +71 -0
  9. package/esm2020/testing/alert-fixture.mjs +2 -1
  10. package/esm2020/testing/label-fixture.mjs +1 -1
  11. package/esm2020/testing/public-api.mjs +6 -1
  12. package/esm2020/testing/tokens/token-harness-filters.mjs +2 -0
  13. package/esm2020/testing/tokens/token-harness.mjs +44 -0
  14. package/esm2020/testing/tokens/tokens-harness-filters.mjs +2 -0
  15. package/esm2020/testing/tokens/tokens-harness.mjs +42 -0
  16. package/fesm2015/skyux-indicators-testing.mjs +178 -1
  17. package/fesm2015/skyux-indicators-testing.mjs.map +1 -1
  18. package/fesm2015/skyux-indicators.mjs +28 -9
  19. package/fesm2015/skyux-indicators.mjs.map +1 -1
  20. package/fesm2020/skyux-indicators-testing.mjs +156 -1
  21. package/fesm2020/skyux-indicators-testing.mjs.map +1 -1
  22. package/fesm2020/skyux-indicators.mjs +28 -9
  23. package/fesm2020/skyux-indicators.mjs.map +1 -1
  24. package/lib/modules/alert/alert.component.d.ts +2 -0
  25. package/lib/modules/icon/icon-stack.component.d.ts +2 -2
  26. package/lib/modules/icon/icon.component.d.ts +1 -1
  27. package/lib/modules/key-info/key-info.component.d.ts +1 -1
  28. package/lib/modules/label/label.component.d.ts +7 -6
  29. package/package.json +6 -5
  30. package/testing/alert/alert-harness-filters.d.ts +6 -0
  31. package/testing/alert/alert-harness.d.ts +36 -0
  32. package/testing/alert-fixture.d.ts +1 -0
  33. package/testing/label-fixture.d.ts +2 -2
  34. package/testing/public-api.d.ts +5 -0
  35. package/testing/tokens/token-harness-filters.d.ts +10 -0
  36. package/testing/tokens/token-harness.d.ts +26 -0
  37. package/testing/tokens/tokens-harness-filters.d.ts +6 -0
  38. package/testing/tokens/tokens-harness.d.ts +27 -0
@@ -1,5 +1,6 @@
1
1
  import { EventEmitter, OnInit } from '@angular/core';
2
2
  import { SkyIconStackItem } from '../icon/icon-stack-item';
3
+ import { SkyIndicatorIconType } from '../shared/indicator-icon-type';
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class SkyAlertComponent implements OnInit {
5
6
  /**
@@ -25,6 +26,7 @@ export declare class SkyAlertComponent implements OnInit {
25
26
  closedChange: EventEmitter<boolean>;
26
27
  alertBaseIcon: SkyIconStackItem;
27
28
  alertTopIcon: SkyIconStackItem;
29
+ alertTypeOrDefault: SkyIndicatorIconType;
28
30
  private _alertType;
29
31
  ngOnInit(): void;
30
32
  close(): void;
@@ -9,11 +9,11 @@ export declare class SkyIconStackComponent {
9
9
  /**
10
10
  * The icon to display at the bottom of the stack.
11
11
  */
12
- baseIcon: SkyIconStackItem;
12
+ baseIcon: SkyIconStackItem | undefined;
13
13
  /**
14
14
  * The icon to display at the top of the stack.
15
15
  */
16
- topIcon: SkyIconStackItem;
16
+ topIcon: SkyIconStackItem | undefined;
17
17
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyIconStackComponent, never>;
18
18
  static ɵcmp: i0.ɵɵComponentDeclaration<SkyIconStackComponent, "sky-icon-stack", never, { "size": "size"; "baseIcon": "baseIcon"; "topIcon": "topIcon"; }, {}, never, never>;
19
19
  }
@@ -8,7 +8,7 @@ export declare class SkyIconComponent {
8
8
  * display. Do not specify the `fa fa-` classes.
9
9
  * @required
10
10
  */
11
- icon: string;
11
+ icon: string | undefined;
12
12
  /**
13
13
  * Specifies the type of icon to display. Specifying `"fa"` will display a Font Awesome icon,
14
14
  * while specifying `"skyux"` will display an icon from the custom SKY UX icon font. Note that
@@ -5,7 +5,7 @@ export declare class SkyKeyInfoComponent {
5
5
  * value or in a horizontal layout with the label beside the value.
6
6
  * @default "vertical"
7
7
  */
8
- layout: string;
8
+ layout: string | undefined;
9
9
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoComponent, never>;
10
10
  static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoComponent, "sky-key-info", never, { "layout": "layout"; }, {}, never, ["sky-key-info-value", "sky-key-info-label", ".sky-control-help"]>;
11
11
  }
@@ -2,16 +2,17 @@ import { SkyIconStackItem } from '../icon/icon-stack-item';
2
2
  import { SkyLabelType } from './label-type';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class SkyLabelComponent {
5
+ #private;
5
6
  /**
6
7
  * The type of label to display.
7
8
  * @required
8
9
  */
9
- set labelType(value: SkyLabelType);
10
- get labelType(): SkyLabelType;
11
- baseIcon: SkyIconStackItem;
12
- icon: string;
13
- topIcon: SkyIconStackItem;
14
- private _labelType;
10
+ set labelType(value: SkyLabelType | undefined);
11
+ get labelType(): SkyLabelType | undefined;
12
+ baseIcon: SkyIconStackItem | undefined;
13
+ icon: string | undefined;
14
+ labelTypeOrDefault: SkyLabelType;
15
+ topIcon: SkyIconStackItem | undefined;
15
16
  private updateIcon;
16
17
  static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelComponent, never>;
17
18
  static ɵcmp: i0.ɵɵComponentDeclaration<SkyLabelComponent, "sky-label", never, { "labelType": "labelType"; }, {}, never, ["*"]>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/indicators",
3
- "version": "6.11.2",
3
+ "version": "6.14.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -41,13 +41,14 @@
41
41
  },
42
42
  "peerDependencies": {
43
43
  "@angular/animations": "^13.3.2",
44
+ "@angular/cdk": "^13.3.2",
44
45
  "@angular/common": "^13.3.2",
45
46
  "@angular/core": "^13.3.2",
46
47
  "@angular/platform-browser": "^13.3.2",
47
- "@skyux-sdk/testing": "6.11.2",
48
- "@skyux/core": "6.11.2",
49
- "@skyux/i18n": "6.11.2",
50
- "@skyux/theme": "6.11.2"
48
+ "@skyux-sdk/testing": "6.14.0",
49
+ "@skyux/core": "6.14.0",
50
+ "@skyux/i18n": "6.14.0",
51
+ "@skyux/theme": "6.14.0"
51
52
  },
52
53
  "dependencies": {
53
54
  "tslib": "^2.3.1"
@@ -0,0 +1,6 @@
1
+ import { SkyHarnessFilters } from '@skyux/core/testing';
2
+ /**
3
+ * A set of criteria that can be used to filter a list of SkyAlertHarness instances.
4
+ */
5
+ export interface SkyAlertHarnessFilters extends SkyHarnessFilters {
6
+ }
@@ -0,0 +1,36 @@
1
+ import { HarnessPredicate } from '@angular/cdk/testing';
2
+ import { SkyComponentHarness } from '@skyux/core/testing';
3
+ import { SkyIndicatorIconType } from '@skyux/indicators';
4
+ import { SkyAlertHarnessFilters } from './alert-harness-filters';
5
+ /**
6
+ * Harness for interacting with an alert component in tests.
7
+ */
8
+ export declare class SkyAlertHarness extends SkyComponentHarness {
9
+ #private;
10
+ static hostSelector: string;
11
+ /**
12
+ * Gets a `HarnessPredicate` that can be used to search for a
13
+ * `SkyAlertHarness` that meets certain criteria.
14
+ */
15
+ static with(filters: SkyAlertHarnessFilters): HarnessPredicate<SkyAlertHarness>;
16
+ /**
17
+ * Gets the current alert type.
18
+ */
19
+ getAlertType(): Promise<SkyIndicatorIconType>;
20
+ /**
21
+ * Gets the current alert text.
22
+ */
23
+ getText(): Promise<string>;
24
+ /**
25
+ * Closes the alert.
26
+ */
27
+ close(): Promise<void>;
28
+ /**
29
+ * Indicates whether the user has closed the alert.
30
+ */
31
+ isClosed(): Promise<boolean>;
32
+ /**
33
+ * Indicates whether the user can close the alert.
34
+ */
35
+ isCloseable(): Promise<boolean>;
36
+ }
@@ -1,6 +1,7 @@
1
1
  import { ComponentFixture } from '@angular/core/testing';
2
2
  /**
3
3
  * Allows interaction with a SKY UX alert component.
4
+ * @deprecated Use `SkyAlertHarness` instead.
4
5
  */
5
6
  export declare class SkyAlertFixture {
6
7
  /**
@@ -6,11 +6,11 @@ export declare class SkyLabelFixture {
6
6
  /**
7
7
  * The label's current type.
8
8
  */
9
- get labelType(): string;
9
+ get labelType(): string | undefined;
10
10
  /**
11
11
  * The label's current text.
12
12
  */
13
- get text(): string;
13
+ get text(): string | undefined;
14
14
  private debugEl;
15
15
  constructor(fixture: ComponentFixture<any>, skyTestId: string);
16
16
  private getLabelEl;
@@ -1,3 +1,8 @@
1
+ export * from './tokens/token-harness';
2
+ export * from './tokens/token-harness-filters';
3
+ export * from './tokens/tokens-harness';
4
+ export * from './tokens/tokens-harness-filters';
1
5
  export * from './alert-fixture';
2
6
  export * from './label-fixture';
3
7
  export * from './wait-fixture';
8
+ export * from './alert/alert-harness';
@@ -0,0 +1,10 @@
1
+ import { BaseHarnessFilters } from '@angular/cdk/testing';
2
+ /**
3
+ * A set of criteria that can be used to filter a list of `SkyTokenHarness` instances.
4
+ */
5
+ export interface SkyTokenHarnessFilters extends BaseHarnessFilters {
6
+ /**
7
+ * Only find instances whose text content matches the given value.
8
+ */
9
+ text?: string | RegExp;
10
+ }
@@ -0,0 +1,26 @@
1
+ import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
2
+ import { SkyTokenHarnessFilters } from './token-harness-filters';
3
+ /**
4
+ * Harness for interacting with a token component in tests.
5
+ */
6
+ export declare class SkyTokenHarness extends ComponentHarness {
7
+ #private;
8
+ static hostSelector: string;
9
+ /**
10
+ * Gets a `HarnessPredicate` that can be used to search for a
11
+ * `SkyTokenHarness` that meets certain criteria.
12
+ */
13
+ static with(filters: SkyTokenHarnessFilters): HarnessPredicate<SkyTokenHarness>;
14
+ /**
15
+ * Dismisses the token.
16
+ */
17
+ dismiss(): Promise<void>;
18
+ /**
19
+ * Returns the text content of the token.
20
+ */
21
+ getText(): Promise<string>;
22
+ /**
23
+ * Whether the token is dismissible.
24
+ */
25
+ isDismissible(): Promise<boolean>;
26
+ }
@@ -0,0 +1,6 @@
1
+ import { SkyHarnessFilters } from '@skyux/core/testing';
2
+ /**
3
+ * A set of criteria that can be used to filter a list of `SkyTokensHarness` instances.
4
+ */
5
+ export interface SkyTokensHarnessFilters extends SkyHarnessFilters {
6
+ }
@@ -0,0 +1,27 @@
1
+ import { SkyComponentHarness } from '@skyux/core/testing';
2
+ import { SkyTokenHarness } from './token-harness';
3
+ import { SkyTokenHarnessFilters } from './token-harness-filters';
4
+ import { SkyTokensHarnessFilters } from './tokens-harness-filters';
5
+ /**
6
+ * Harness for interacting with a tokens component in tests.
7
+ */
8
+ export declare class SkyTokensHarness extends SkyComponentHarness {
9
+ static hostSelector: string;
10
+ /**
11
+ * Gets a `HarnessPredicate` that can be used to search for a
12
+ * `SkyTokensHarness` that meets certain criteria.
13
+ */
14
+ static with(filters: SkyTokensHarnessFilters): import("@angular/cdk/testing").HarnessPredicate<SkyTokensHarness>;
15
+ /**
16
+ * Dismisses all tokens, or tokens that meet certain criteria.
17
+ */
18
+ dismissTokens(filters?: SkyTokenHarnessFilters): Promise<void>;
19
+ /**
20
+ * Returns a list of tokens.
21
+ */
22
+ getTokens(filters?: SkyTokenHarnessFilters): Promise<SkyTokenHarness[]>;
23
+ /**
24
+ * Returns the text content of all tokens.
25
+ */
26
+ getTokensText(): Promise<string[]>;
27
+ }