@skyux/indicators 8.6.0 → 9.0.0-alpha.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 (118) hide show
  1. package/{esm2020 → esm2022}/lib/modules/alert/alert.component.mjs +56 -55
  2. package/{esm2020 → esm2022}/lib/modules/alert/alert.module.mjs +13 -13
  3. package/{esm2020 → esm2022}/lib/modules/chevron/chevron.component.mjs +4 -4
  4. package/{esm2020 → esm2022}/lib/modules/chevron/chevron.module.mjs +13 -13
  5. package/{esm2020 → esm2022}/lib/modules/expansion-indicator/expansion-indicator.component.mjs +4 -4
  6. package/{esm2020 → esm2022}/lib/modules/expansion-indicator/expansion-indicator.module.mjs +5 -5
  7. package/{esm2020 → esm2022}/lib/modules/help-inline/help-inline-aria-expanded.pipe.mjs +4 -4
  8. package/{esm2020 → esm2022}/lib/modules/help-inline/help-inline.component.mjs +4 -4
  9. package/{esm2020 → esm2022}/lib/modules/help-inline/help-inline.module.mjs +13 -13
  10. package/esm2022/lib/modules/icon/icon-class-list.pipe.mjs +35 -0
  11. package/esm2022/lib/modules/icon/icon-resolver.service.mjs +57 -0
  12. package/{esm2020 → esm2022}/lib/modules/icon/icon-stack.component.mjs +4 -4
  13. package/{esm2020 → esm2022}/lib/modules/icon/icon.component.mjs +4 -4
  14. package/{esm2020 → esm2022}/lib/modules/icon/icon.module.mjs +5 -5
  15. package/{esm2020 → esm2022}/lib/modules/key-info/key-info-label.component.mjs +4 -4
  16. package/{esm2020 → esm2022}/lib/modules/key-info/key-info-value.component.mjs +4 -4
  17. package/{esm2020 → esm2022}/lib/modules/key-info/key-info.component.mjs +4 -4
  18. package/{esm2020 → esm2022}/lib/modules/key-info/key-info.module.mjs +9 -9
  19. package/esm2022/lib/modules/label/label.component.mjs +118 -0
  20. package/{esm2020 → esm2022}/lib/modules/label/label.module.mjs +11 -11
  21. package/{esm2020 → esm2022}/lib/modules/shared/sky-indicators-resources.module.mjs +11 -11
  22. package/esm2022/lib/modules/status-indicator/status-indicator.component.mjs +104 -0
  23. package/{esm2020 → esm2022}/lib/modules/status-indicator/status-indicator.module.mjs +13 -13
  24. package/esm2022/lib/modules/text-highlight/text-highlight.directive.mjs +151 -0
  25. package/{esm2020 → esm2022}/lib/modules/text-highlight/text-highlight.module.mjs +5 -5
  26. package/{esm2020 → esm2022}/lib/modules/tokens/token.component.mjs +15 -15
  27. package/esm2022/lib/modules/tokens/tokens.component.mjs +332 -0
  28. package/{esm2020 → esm2022}/lib/modules/tokens/tokens.module.mjs +11 -11
  29. package/esm2022/lib/modules/wait/wait-adapter.service.mjs +224 -0
  30. package/{esm2020 → esm2022}/lib/modules/wait/wait-page.component.mjs +4 -4
  31. package/esm2022/lib/modules/wait/wait.component.mjs +171 -0
  32. package/{esm2020 → esm2022}/lib/modules/wait/wait.module.mjs +5 -5
  33. package/esm2022/lib/modules/wait/wait.service.mjs +159 -0
  34. package/esm2022/testing/alert/alert-harness.mjs +112 -0
  35. package/esm2022/testing/alert-fixture.mjs +70 -0
  36. package/esm2022/testing/chevron/chevron-harness.mjs +38 -0
  37. package/esm2022/testing/help-inline/help-inline-harness.mjs +25 -0
  38. package/esm2022/testing/icon/icon-harness.mjs +86 -0
  39. package/esm2022/testing/key-info/key-info-harness.mjs +43 -0
  40. package/{esm2020 → esm2022}/testing/key-info/key-info-label-harness.mjs +5 -5
  41. package/{esm2020 → esm2022}/testing/key-info/key-info-value-harness.mjs +5 -5
  42. package/esm2022/testing/label/label-harness.mjs +88 -0
  43. package/esm2022/testing/label-fixture.mjs +42 -0
  44. package/esm2022/testing/tokens/token-harness.mjs +63 -0
  45. package/esm2022/testing/tokens/tokens-harness.mjs +45 -0
  46. package/esm2022/testing/wait/wait-harness.mjs +60 -0
  47. package/esm2022/testing/wait-fixture.mjs +28 -0
  48. package/{fesm2020 → fesm2022}/skyux-indicators-testing.mjs +146 -190
  49. package/{fesm2020 → fesm2022}/skyux-indicators-testing.mjs.map +1 -1
  50. package/{fesm2020 → fesm2022}/skyux-indicators.mjs +756 -737
  51. package/fesm2022/skyux-indicators.mjs.map +1 -0
  52. package/lib/modules/alert/alert.component.d.ts +1 -1
  53. package/lib/modules/chevron/chevron.component.d.ts +1 -1
  54. package/lib/modules/expansion-indicator/expansion-indicator.component.d.ts +1 -1
  55. package/lib/modules/help-inline/help-inline.component.d.ts +1 -1
  56. package/lib/modules/icon/icon-stack.component.d.ts +1 -1
  57. package/lib/modules/icon/icon.component.d.ts +1 -1
  58. package/lib/modules/key-info/key-info.component.d.ts +1 -1
  59. package/lib/modules/label/label.component.d.ts +1 -1
  60. package/lib/modules/status-indicator/status-indicator.component.d.ts +1 -1
  61. package/lib/modules/text-highlight/text-highlight.directive.d.ts +1 -1
  62. package/lib/modules/tokens/token.component.d.ts +1 -1
  63. package/lib/modules/tokens/tokens.component.d.ts +1 -1
  64. package/lib/modules/wait/wait-page.component.d.ts +1 -1
  65. package/lib/modules/wait/wait.component.d.ts +1 -1
  66. package/package.json +17 -25
  67. package/esm2020/lib/modules/icon/icon-class-list.pipe.mjs +0 -40
  68. package/esm2020/lib/modules/icon/icon-resolver.service.mjs +0 -60
  69. package/esm2020/lib/modules/label/label.component.mjs +0 -116
  70. package/esm2020/lib/modules/status-indicator/status-indicator.component.mjs +0 -104
  71. package/esm2020/lib/modules/text-highlight/text-highlight.directive.mjs +0 -154
  72. package/esm2020/lib/modules/tokens/tokens.component.mjs +0 -320
  73. package/esm2020/lib/modules/wait/wait-adapter.service.mjs +0 -221
  74. package/esm2020/lib/modules/wait/wait.component.mjs +0 -167
  75. package/esm2020/lib/modules/wait/wait.service.mjs +0 -161
  76. package/esm2020/testing/alert/alert-harness.mjs +0 -118
  77. package/esm2020/testing/alert-fixture.mjs +0 -72
  78. package/esm2020/testing/chevron/chevron-harness.mjs +0 -44
  79. package/esm2020/testing/help-inline/help-inline-harness.mjs +0 -31
  80. package/esm2020/testing/icon/icon-harness.mjs +0 -90
  81. package/esm2020/testing/key-info/key-info-harness.mjs +0 -49
  82. package/esm2020/testing/label/label-harness.mjs +0 -94
  83. package/esm2020/testing/label-fixture.mjs +0 -45
  84. package/esm2020/testing/tokens/token-harness.mjs +0 -69
  85. package/esm2020/testing/tokens/tokens-harness.mjs +0 -45
  86. package/esm2020/testing/wait/wait-harness.mjs +0 -66
  87. package/esm2020/testing/wait-fixture.mjs +0 -31
  88. package/fesm2015/skyux-indicators-testing.mjs +0 -854
  89. package/fesm2015/skyux-indicators-testing.mjs.map +0 -1
  90. package/fesm2015/skyux-indicators.mjs +0 -2172
  91. package/fesm2015/skyux-indicators.mjs.map +0 -1
  92. package/fesm2020/skyux-indicators.mjs.map +0 -1
  93. /package/{esm2020 → esm2022}/index.mjs +0 -0
  94. /package/{esm2020 → esm2022}/lib/modules/icon/icon-stack-item.mjs +0 -0
  95. /package/{esm2020 → esm2022}/lib/modules/icon/types/icon-resolved.mjs +0 -0
  96. /package/{esm2020 → esm2022}/lib/modules/icon/types/icon-type.mjs +0 -0
  97. /package/{esm2020 → esm2022}/lib/modules/icon/types/icon-variant-type.mjs +0 -0
  98. /package/{esm2020 → esm2022}/lib/modules/key-info/key-info-layout-type.mjs +0 -0
  99. /package/{esm2020 → esm2022}/lib/modules/label/label-type.mjs +0 -0
  100. /package/{esm2020 → esm2022}/lib/modules/shared/indicator-description-type.mjs +0 -0
  101. /package/{esm2020 → esm2022}/lib/modules/shared/indicator-icon-type.mjs +0 -0
  102. /package/{esm2020 → esm2022}/lib/modules/shared/indicator-icon-utility.mjs +0 -0
  103. /package/{esm2020 → esm2022}/lib/modules/shared/indicator-icon.mjs +0 -0
  104. /package/{esm2020 → esm2022}/lib/modules/tokens/types/token-selected-event-args.mjs +0 -0
  105. /package/{esm2020 → esm2022}/lib/modules/tokens/types/token.mjs +0 -0
  106. /package/{esm2020 → esm2022}/lib/modules/tokens/types/tokens-message-type.mjs +0 -0
  107. /package/{esm2020 → esm2022}/lib/modules/tokens/types/tokens-message.mjs +0 -0
  108. /package/{esm2020 → esm2022}/skyux-indicators.mjs +0 -0
  109. /package/{esm2020 → esm2022}/testing/alert/alert-harness-filters.mjs +0 -0
  110. /package/{esm2020 → esm2022}/testing/help-inline/help-inline-harness-filters.mjs +0 -0
  111. /package/{esm2020 → esm2022}/testing/icon/icon-harness-filters.mjs +0 -0
  112. /package/{esm2020 → esm2022}/testing/key-info/key-info-harness-filters.mjs +0 -0
  113. /package/{esm2020 → esm2022}/testing/label/label-harness-filters.mjs +0 -0
  114. /package/{esm2020 → esm2022}/testing/public-api.mjs +0 -0
  115. /package/{esm2020 → esm2022}/testing/skyux-indicators-testing.mjs +0 -0
  116. /package/{esm2020 → esm2022}/testing/tokens/token-harness-filters.mjs +0 -0
  117. /package/{esm2020 → esm2022}/testing/tokens/tokens-harness-filters.mjs +0 -0
  118. /package/{esm2020 → esm2022}/testing/wait/wait-harness-filters.mjs +0 -0
@@ -1,21 +1,20 @@
1
- import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
2
1
  import { SkyComponentHarness } from '@skyux/core/testing';
3
2
  import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
4
3
  import { By } from '@angular/platform-browser';
5
4
  import { SkyAppTestUtility } from '@skyux-sdk/testing';
6
5
 
7
- var _SkyAlertHarness_getAlert, _SkyAlertHarness_getContent, _SkyAlertHarness_getCloseButton, _SkyAlertHarness_getScreenReaderTextEl;
8
6
  /**
9
7
  * Harness for interacting with an alert component in tests.
10
8
  */
11
9
  class SkyAlertHarness extends SkyComponentHarness {
12
- constructor() {
13
- super(...arguments);
14
- _SkyAlertHarness_getAlert.set(this, this.locatorFor('.sky-alert'));
15
- _SkyAlertHarness_getContent.set(this, this.locatorFor('.sky-alert-content'));
16
- _SkyAlertHarness_getCloseButton.set(this, this.locatorFor('.sky-alert-close'));
17
- _SkyAlertHarness_getScreenReaderTextEl.set(this, this.locatorForOptional('.sky-screen-reader-only'));
18
- }
10
+ /**
11
+ * @internal
12
+ */
13
+ static { this.hostSelector = 'sky-alert'; }
14
+ #getAlert = this.locatorFor('.sky-alert');
15
+ #getContent = this.locatorFor('.sky-alert-content');
16
+ #getCloseButton = this.locatorFor('.sky-alert-close');
17
+ #getScreenReaderTextEl = this.locatorForOptional('.sky-screen-reader-only');
19
18
  /**
20
19
  * Gets a `HarnessPredicate` that can be used to search for a
21
20
  * `SkyAlertHarness` that meets certain criteria.
@@ -27,7 +26,7 @@ class SkyAlertHarness extends SkyComponentHarness {
27
26
  * Gets the current alert type.
28
27
  */
29
28
  async getAlertType() {
30
- const alert = await __classPrivateFieldGet(this, _SkyAlertHarness_getAlert, "f").call(this);
29
+ const alert = await this.#getAlert();
31
30
  if (await alert.hasClass('sky-alert-danger')) {
32
31
  return 'danger';
33
32
  }
@@ -43,7 +42,7 @@ class SkyAlertHarness extends SkyComponentHarness {
43
42
  * Gets the current alert text.
44
43
  */
45
44
  async getText() {
46
- return await (await __classPrivateFieldGet(this, _SkyAlertHarness_getContent, "f").call(this)).text();
45
+ return await (await this.#getContent()).text();
47
46
  }
48
47
  /**
49
48
  * Closes the alert.
@@ -52,27 +51,27 @@ class SkyAlertHarness extends SkyComponentHarness {
52
51
  if (!(await this.isCloseable())) {
53
52
  throw new Error('The alert is not closeable.');
54
53
  }
55
- (await __classPrivateFieldGet(this, _SkyAlertHarness_getCloseButton, "f").call(this)).click();
54
+ (await this.#getCloseButton()).click();
56
55
  }
57
56
  /**
58
57
  * Whether the user closed the alert.
59
58
  */
60
59
  async isClosed() {
61
- const alert = await __classPrivateFieldGet(this, _SkyAlertHarness_getAlert, "f").call(this);
60
+ const alert = await this.#getAlert();
62
61
  return await alert.getProperty('hidden');
63
62
  }
64
63
  /**
65
64
  * Whether the user can close the alert.
66
65
  */
67
66
  async isCloseable() {
68
- const closeBtn = await __classPrivateFieldGet(this, _SkyAlertHarness_getCloseButton, "f").call(this);
67
+ const closeBtn = await this.#getCloseButton();
69
68
  return !(await closeBtn.getProperty('hidden'));
70
69
  }
71
70
  /**
72
71
  * Gets the `descriptionType` of the label component.
73
72
  */
74
73
  async getDescriptionType() {
75
- const srEl = await __classPrivateFieldGet(this, _SkyAlertHarness_getScreenReaderTextEl, "f").call(this);
74
+ const srEl = await this.#getScreenReaderTextEl();
76
75
  if (!srEl) {
77
76
  return 'none';
78
77
  }
@@ -106,7 +105,7 @@ class SkyAlertHarness extends SkyComponentHarness {
106
105
  async getCustomDescription() {
107
106
  const descriptionType = await this.getDescriptionType();
108
107
  if (descriptionType === 'custom') {
109
- const srEl = await __classPrivateFieldGet(this, _SkyAlertHarness_getScreenReaderTextEl, "f").call(this);
108
+ const srEl = await this.#getScreenReaderTextEl();
110
109
  if (srEl) {
111
110
  return await srEl.text();
112
111
  }
@@ -114,26 +113,21 @@ class SkyAlertHarness extends SkyComponentHarness {
114
113
  return '';
115
114
  }
116
115
  }
117
- _SkyAlertHarness_getAlert = new WeakMap(), _SkyAlertHarness_getContent = new WeakMap(), _SkyAlertHarness_getCloseButton = new WeakMap(), _SkyAlertHarness_getScreenReaderTextEl = new WeakMap();
118
- /**
119
- * @internal
120
- */
121
- SkyAlertHarness.hostSelector = 'sky-alert';
122
116
 
123
- var _SkyChevronHarness_getButton;
124
117
  /**
125
118
  * Harness for interacting with a chevron component in tests.
126
119
  */
127
120
  class SkyChevronHarness extends SkyComponentHarness {
128
- constructor() {
129
- super(...arguments);
130
- _SkyChevronHarness_getButton.set(this, this.locatorFor('button.sky-chevron'));
131
- }
121
+ /**
122
+ * @internal
123
+ */
124
+ static { this.hostSelector = 'sky-chevron'; }
125
+ #getButton = this.locatorFor('button.sky-chevron');
132
126
  /**
133
127
  * Gets the chevron direction.
134
128
  */
135
129
  async getDirection() {
136
- return (await (await __classPrivateFieldGet(this, _SkyChevronHarness_getButton, "f").call(this)).hasClass('sky-chevron-up'))
130
+ return (await (await this.#getButton()).hasClass('sky-chevron-up'))
137
131
  ? 'up'
138
132
  : 'down';
139
133
  }
@@ -141,7 +135,7 @@ class SkyChevronHarness extends SkyComponentHarness {
141
135
  * Whether the chevron is disabled.
142
136
  */
143
137
  async isDisabled() {
144
- const disabled = await (await __classPrivateFieldGet(this, _SkyChevronHarness_getButton, "f").call(this)).getAttribute('disabled');
138
+ const disabled = await (await this.#getButton()).getAttribute('disabled');
145
139
  return disabled !== null;
146
140
  }
147
141
  /**
@@ -152,25 +146,20 @@ class SkyChevronHarness extends SkyComponentHarness {
152
146
  throw new Error('Could not toggle the checkbox because it is disabled.');
153
147
  }
154
148
  else {
155
- await (await __classPrivateFieldGet(this, _SkyChevronHarness_getButton, "f").call(this)).click();
149
+ await (await this.#getButton()).click();
156
150
  }
157
151
  }
158
152
  }
159
- _SkyChevronHarness_getButton = new WeakMap();
160
- /**
161
- * @internal
162
- */
163
- SkyChevronHarness.hostSelector = 'sky-chevron';
164
153
 
165
- var _SkyHelpInlineHarness_getInlineHelpButton;
166
154
  /**
167
155
  * Harness for interacting with a help inline component in tests.
168
156
  */
169
157
  class SkyHelpInlineHarness extends SkyComponentHarness {
170
- constructor() {
171
- super(...arguments);
172
- _SkyHelpInlineHarness_getInlineHelpButton.set(this, this.locatorFor('.sky-help-inline'));
173
- }
158
+ /**
159
+ * @internal
160
+ */
161
+ static { this.hostSelector = 'sky-help-inline'; }
162
+ #getInlineHelpButton = this.locatorFor('.sky-help-inline');
174
163
  /**
175
164
  * Gets a `HarnessPredicate` that can be used to search for a
176
165
  * `SkyInlineHelpHarness` that meets certain criteria
@@ -182,24 +171,18 @@ class SkyHelpInlineHarness extends SkyComponentHarness {
182
171
  * Clicks the help inline icon button
183
172
  */
184
173
  async click() {
185
- await (await __classPrivateFieldGet(this, _SkyHelpInlineHarness_getInlineHelpButton, "f").call(this)).click();
174
+ await (await this.#getInlineHelpButton()).click();
186
175
  }
187
176
  }
188
- _SkyHelpInlineHarness_getInlineHelpButton = new WeakMap();
189
- /**
190
- * @internal
191
- */
192
- SkyHelpInlineHarness.hostSelector = 'sky-help-inline';
193
177
 
194
- var _SkyIconHarness_instances, _SkyIconHarness_getIcon, _SkyIconHarness_getIconClasses, _SkyIconHarness_getSpecifiedIconInfo;
195
178
  /**
196
179
  * Harness for interacting with an icon component in tests.
197
180
  */
198
181
  class SkyIconHarness extends SkyComponentHarness {
199
- constructor() {
200
- super(...arguments);
201
- _SkyIconHarness_instances.add(this);
202
- }
182
+ /**
183
+ * @internal
184
+ */
185
+ static { this.hostSelector = 'sky-icon'; }
203
186
  /**
204
187
  * Gets a `HarnessPredicate` that can be used to search for a
205
188
  * `SkyIconHarness` that meets certain criteria.
@@ -213,13 +196,13 @@ class SkyIconHarness extends SkyComponentHarness {
213
196
  async getIconName() {
214
197
  // No need to check for null here since #getIcon() will throw an error when
215
198
  // icon name is null.
216
- return (await __classPrivateFieldGet(this, _SkyIconHarness_instances, "m", _SkyIconHarness_getSpecifiedIconInfo).call(this)).icon;
199
+ return (await this.#getSpecifiedIconInfo()).icon;
217
200
  }
218
201
  /**
219
202
  * Gets the icon size.
220
203
  */
221
204
  async getIconSize() {
222
- const iconClasses = await __classPrivateFieldGet(this, _SkyIconHarness_instances, "m", _SkyIconHarness_getIconClasses).call(this);
205
+ const iconClasses = await this.#getIconClasses();
223
206
  for (const iconClass of iconClasses) {
224
207
  // match a class name that starts with `fa-` and follows with `lg`, `2x`, `3x`, `4x`, `5x`
225
208
  if (/^fa-(?=2xs|lg|[2-5]+x)/.test(iconClass)) {
@@ -232,13 +215,13 @@ class SkyIconHarness extends SkyComponentHarness {
232
215
  * Gets the icon type.
233
216
  */
234
217
  async getIconType() {
235
- return (await __classPrivateFieldGet(this, _SkyIconHarness_instances, "m", _SkyIconHarness_getSpecifiedIconInfo).call(this)).iconType || 'fa';
218
+ return (await this.#getSpecifiedIconInfo()).iconType || 'fa';
236
219
  }
237
220
  /**
238
221
  * Gets if the icon is a variant.
239
222
  */
240
223
  async getVariant() {
241
- const iconInfo = await __classPrivateFieldGet(this, _SkyIconHarness_instances, "m", _SkyIconHarness_getSpecifiedIconInfo).call(this);
224
+ const iconInfo = await this.#getSpecifiedIconInfo();
242
225
  if (iconInfo.iconType === 'skyux') {
243
226
  return iconInfo.variant || 'line';
244
227
  }
@@ -248,42 +231,44 @@ class SkyIconHarness extends SkyComponentHarness {
248
231
  * Whether the icon has fixed width.
249
232
  */
250
233
  async isFixedWidth() {
251
- const icon = await __classPrivateFieldGet(this, _SkyIconHarness_instances, "m", _SkyIconHarness_getIcon).call(this);
234
+ const icon = await this.#getIcon();
252
235
  return icon.hasClass(`fa-fw`);
253
236
  }
237
+ async #getIcon() {
238
+ const icon = await this.locatorForOptional('.sky-icon')();
239
+ if (icon) {
240
+ return icon;
241
+ }
242
+ throw new Error('Icon could not be rendered.');
243
+ }
244
+ async #getIconClasses() {
245
+ const iconClasses = await (await this.#getIcon()).getProperty('classList');
246
+ return Array.from(iconClasses);
247
+ }
248
+ async #getSpecifiedIconInfo() {
249
+ // Since SKY UX icons have Font Awesome alternatives that may be used
250
+ // in default theme instead of the icon specified by the consumer, we
251
+ // need to get the specified values using data- attributes added by
252
+ // the icon component. This conflicts with the usual pattern of giving
253
+ // the effective state of the component but is necessary in this case.
254
+ const icon = await this.#getIcon();
255
+ return {
256
+ icon: await icon.getAttribute('data-sky-icon'),
257
+ iconType: await icon.getAttribute('data-sky-icon-type'),
258
+ variant: await icon.getAttribute('data-sky-icon-variant'),
259
+ };
260
+ }
254
261
  }
255
- _SkyIconHarness_instances = new WeakSet(), _SkyIconHarness_getIcon = async function _SkyIconHarness_getIcon() {
256
- const icon = await this.locatorForOptional('.sky-icon')();
257
- if (icon) {
258
- return icon;
259
- }
260
- throw new Error('Icon could not be rendered.');
261
- }, _SkyIconHarness_getIconClasses = async function _SkyIconHarness_getIconClasses() {
262
- const iconClasses = await (await __classPrivateFieldGet(this, _SkyIconHarness_instances, "m", _SkyIconHarness_getIcon).call(this)).getProperty('classList');
263
- return Array.from(iconClasses);
264
- }, _SkyIconHarness_getSpecifiedIconInfo = async function _SkyIconHarness_getSpecifiedIconInfo() {
265
- // Since SKY UX icons have Font Awesome alternatives that may be used
266
- // in default theme instead of the icon specified by the consumer, we
267
- // need to get the specified values using data- attributes added by
268
- // the icon component. This conflicts with the usual pattern of giving
269
- // the effective state of the component but is necessary in this case.
270
- const icon = await __classPrivateFieldGet(this, _SkyIconHarness_instances, "m", _SkyIconHarness_getIcon).call(this);
271
- return {
272
- icon: await icon.getAttribute('data-sky-icon'),
273
- iconType: await icon.getAttribute('data-sky-icon-type'),
274
- variant: await icon.getAttribute('data-sky-icon-variant'),
275
- };
276
- };
277
- /**
278
- * @internal
279
- */
280
- SkyIconHarness.hostSelector = 'sky-icon';
281
262
 
282
263
  /**
283
264
  * Harness for interacting with a key info label component in tests.
284
265
  * @internal
285
266
  */
286
267
  class SkyKeyInfoLabelHarness extends SkyComponentHarness {
268
+ /**
269
+ * @internal
270
+ */
271
+ static { this.hostSelector = 'sky-key-info-label'; }
287
272
  /**
288
273
  * Gets the text value of the component content.
289
274
  */
@@ -291,16 +276,16 @@ class SkyKeyInfoLabelHarness extends SkyComponentHarness {
291
276
  return (await this.host()).text();
292
277
  }
293
278
  }
294
- /**
295
- * @internal
296
- */
297
- SkyKeyInfoLabelHarness.hostSelector = 'sky-key-info-label';
298
279
 
299
280
  /**
300
281
  * Harness for interacting with a key info value component in tests.
301
282
  * @internal
302
283
  */
303
284
  class SkyKeyInfoValueHarness extends SkyComponentHarness {
285
+ /**
286
+ * @internal
287
+ */
288
+ static { this.hostSelector = 'sky-key-info-value'; }
304
289
  /**
305
290
  * Gets the text value of the component content.
306
291
  */
@@ -308,22 +293,18 @@ class SkyKeyInfoValueHarness extends SkyComponentHarness {
308
293
  return (await this.host()).text();
309
294
  }
310
295
  }
311
- /**
312
- * @internal
313
- */
314
- SkyKeyInfoValueHarness.hostSelector = 'sky-key-info-value';
315
296
 
316
- var _SkyKeyInfoHarness_getLabel, _SkyKeyInfoHarness_getValue, _SkyKeyInfoHarness_getWrapper;
317
297
  /**
318
298
  * Harness for interacting with a key info component in tests.
319
299
  */
320
300
  class SkyKeyInfoHarness extends SkyComponentHarness {
321
- constructor() {
322
- super(...arguments);
323
- _SkyKeyInfoHarness_getLabel.set(this, this.locatorFor(SkyKeyInfoLabelHarness));
324
- _SkyKeyInfoHarness_getValue.set(this, this.locatorFor(SkyKeyInfoValueHarness));
325
- _SkyKeyInfoHarness_getWrapper.set(this, this.locatorFor('.sky-key-info'));
326
- }
301
+ /**
302
+ * @internal
303
+ */
304
+ static { this.hostSelector = 'sky-key-info'; }
305
+ #getLabel = this.locatorFor(SkyKeyInfoLabelHarness);
306
+ #getValue = this.locatorFor(SkyKeyInfoValueHarness);
307
+ #getWrapper = this.locatorFor('.sky-key-info');
327
308
  /**
328
309
  * Gets a `HarnessPredicate` that can be used to search for a
329
310
  * `SkyKeyInfoHarness` that meets certain criteria.
@@ -335,40 +316,35 @@ class SkyKeyInfoHarness extends SkyComponentHarness {
335
316
  * Gets the current value text.
336
317
  */
337
318
  async getValueText() {
338
- return await (await __classPrivateFieldGet(this, _SkyKeyInfoHarness_getValue, "f").call(this)).getText();
319
+ return await (await this.#getValue()).getText();
339
320
  }
340
321
  /**
341
322
  * Gets the current label text.
342
323
  */
343
324
  async getLabelText() {
344
- return await (await __classPrivateFieldGet(this, _SkyKeyInfoHarness_getLabel, "f").call(this)).getText();
325
+ return await (await this.#getLabel()).getText();
345
326
  }
346
327
  /**
347
328
  * Gets the current layout type.
348
329
  */
349
330
  async getLayout() {
350
- return (await (await __classPrivateFieldGet(this, _SkyKeyInfoHarness_getWrapper, "f").call(this)).hasClass('sky-key-info-horizontal'))
331
+ return (await (await this.#getWrapper()).hasClass('sky-key-info-horizontal'))
351
332
  ? 'horizontal'
352
333
  : 'vertical';
353
334
  }
354
335
  }
355
- _SkyKeyInfoHarness_getLabel = new WeakMap(), _SkyKeyInfoHarness_getValue = new WeakMap(), _SkyKeyInfoHarness_getWrapper = new WeakMap();
356
- /**
357
- * @internal
358
- */
359
- SkyKeyInfoHarness.hostSelector = 'sky-key-info';
360
336
 
361
- var _SkyLabelHarness_getWrapper, _SkyLabelHarness_getTextEl, _SkyLabelHarness_getScreenReaderTextEl;
362
337
  /**
363
338
  * Harness for interacting with a label component in tests.
364
339
  */
365
340
  class SkyLabelHarness extends SkyComponentHarness {
366
- constructor() {
367
- super(...arguments);
368
- _SkyLabelHarness_getWrapper.set(this, this.locatorFor('.sky-label'));
369
- _SkyLabelHarness_getTextEl.set(this, this.locatorFor('.sky-label-text'));
370
- _SkyLabelHarness_getScreenReaderTextEl.set(this, this.locatorForOptional('.sky-screen-reader-only'));
371
- }
341
+ /**
342
+ * @internal
343
+ */
344
+ static { this.hostSelector = 'sky-label'; }
345
+ #getWrapper = this.locatorFor('.sky-label');
346
+ #getTextEl = this.locatorFor('.sky-label-text');
347
+ #getScreenReaderTextEl = this.locatorForOptional('.sky-screen-reader-only');
372
348
  /**
373
349
  * Gets a `HarnessPredicate` that can be used to search for a
374
350
  * `SkyLookupHarness` that meets certain criteria.
@@ -380,13 +356,13 @@ class SkyLabelHarness extends SkyComponentHarness {
380
356
  * Gets the text of the label component.
381
357
  */
382
358
  async getLabelText() {
383
- return await (await __classPrivateFieldGet(this, _SkyLabelHarness_getTextEl, "f").call(this)).text();
359
+ return await (await this.#getTextEl()).text();
384
360
  }
385
361
  /**
386
362
  * Gets the `labelType` of the label component.
387
363
  */
388
364
  async getLabelType() {
389
- const labelClasses = await (await __classPrivateFieldGet(this, _SkyLabelHarness_getWrapper, "f").call(this)).getProperty('classList');
365
+ const labelClasses = await (await this.#getWrapper()).getProperty('classList');
390
366
  if (labelClasses.contains('sky-label-success')) {
391
367
  return 'success';
392
368
  }
@@ -402,7 +378,7 @@ class SkyLabelHarness extends SkyComponentHarness {
402
378
  * Gets the `descriptionType` of the label component.
403
379
  */
404
380
  async getDescriptionType() {
405
- const srEl = await __classPrivateFieldGet(this, _SkyLabelHarness_getScreenReaderTextEl, "f").call(this);
381
+ const srEl = await this.#getScreenReaderTextEl();
406
382
  if (!srEl) {
407
383
  return 'none';
408
384
  }
@@ -436,7 +412,7 @@ class SkyLabelHarness extends SkyComponentHarness {
436
412
  async getCustomDescription() {
437
413
  const descriptionType = await this.getDescriptionType();
438
414
  if (descriptionType === 'custom') {
439
- const srEl = await __classPrivateFieldGet(this, _SkyLabelHarness_getScreenReaderTextEl, "f").call(this);
415
+ const srEl = await this.#getScreenReaderTextEl();
440
416
  if (srEl) {
441
417
  return await srEl.text();
442
418
  }
@@ -444,23 +420,18 @@ class SkyLabelHarness extends SkyComponentHarness {
444
420
  return '';
445
421
  }
446
422
  }
447
- _SkyLabelHarness_getWrapper = new WeakMap(), _SkyLabelHarness_getTextEl = new WeakMap(), _SkyLabelHarness_getScreenReaderTextEl = new WeakMap();
448
- /**
449
- * @internal
450
- */
451
- SkyLabelHarness.hostSelector = 'sky-label';
452
423
 
453
- var _SkyTokenHarness_getActionButton, _SkyTokenHarness_getDismissButton, _SkyTokenHarness_getWrapper;
454
424
  /**
455
425
  * Harness for interacting with a token component in tests.
456
426
  */
457
427
  class SkyTokenHarness extends ComponentHarness {
458
- constructor() {
459
- super(...arguments);
460
- _SkyTokenHarness_getActionButton.set(this, this.locatorFor('button.sky-token-btn-action'));
461
- _SkyTokenHarness_getDismissButton.set(this, this.locatorFor('button.sky-token-btn-close'));
462
- _SkyTokenHarness_getWrapper.set(this, this.locatorFor('.sky-token'));
463
- }
428
+ /**
429
+ * @internal
430
+ */
431
+ static { this.hostSelector = 'sky-token'; }
432
+ #getActionButton = this.locatorFor('button.sky-token-btn-action');
433
+ #getDismissButton = this.locatorFor('button.sky-token-btn-close');
434
+ #getWrapper = this.locatorFor('.sky-token');
464
435
  /**
465
436
  * Gets a `HarnessPredicate` that can be used to search for a
466
437
  * `SkyTokenHarness` that meets certain criteria.
@@ -484,7 +455,7 @@ class SkyTokenHarness extends ComponentHarness {
484
455
  if (!(await this.isDismissible())) {
485
456
  throw new Error('Could not dismiss the token because it is not dismissible.');
486
457
  }
487
- await (await __classPrivateFieldGet(this, _SkyTokenHarness_getDismissButton, "f").call(this)).click();
458
+ await (await this.#getDismissButton()).click();
488
459
  }
489
460
  /**
490
461
  * Returns the text content of the token.
@@ -496,31 +467,30 @@ class SkyTokenHarness extends ComponentHarness {
496
467
  * Whether the token is disabled.
497
468
  */
498
469
  async isDisabled() {
499
- return (await __classPrivateFieldGet(this, _SkyTokenHarness_getWrapper, "f").call(this)).hasClass('sky-token-disabled');
470
+ return (await this.#getWrapper()).hasClass('sky-token-disabled');
500
471
  }
501
472
  /**
502
473
  * Whether the token is dismissible.
503
474
  */
504
475
  async isDismissible() {
505
- return (await __classPrivateFieldGet(this, _SkyTokenHarness_getWrapper, "f").call(this)).hasClass('sky-token-dismissible');
476
+ return (await this.#getWrapper()).hasClass('sky-token-dismissible');
506
477
  }
507
478
  /**
508
479
  * Whether the token is focused.
509
480
  */
510
481
  async isFocused() {
511
- return (await __classPrivateFieldGet(this, _SkyTokenHarness_getActionButton, "f").call(this)).isFocused();
482
+ return (await this.#getActionButton()).isFocused();
512
483
  }
513
484
  }
514
- _SkyTokenHarness_getActionButton = new WeakMap(), _SkyTokenHarness_getDismissButton = new WeakMap(), _SkyTokenHarness_getWrapper = new WeakMap();
515
- /**
516
- * @internal
517
- */
518
- SkyTokenHarness.hostSelector = 'sky-token';
519
485
 
520
486
  /**
521
487
  * Harness for interacting with a tokens component in tests.
522
488
  */
523
489
  class SkyTokensHarness extends SkyComponentHarness {
490
+ /**
491
+ * @internal
492
+ */
493
+ static { this.hostSelector = 'sky-tokens'; }
524
494
  /**
525
495
  * Gets a `HarnessPredicate` that can be used to search for a
526
496
  * `SkyTokensHarness` that meets certain criteria.
@@ -555,21 +525,17 @@ class SkyTokensHarness extends SkyComponentHarness {
555
525
  return values;
556
526
  }
557
527
  }
558
- /**
559
- * @internal
560
- */
561
- SkyTokensHarness.hostSelector = 'sky-tokens';
562
528
 
563
- var _SkyWaitHarness_getWaitMask, _SkyWaitHarness_getWaitContainer;
564
529
  /**
565
530
  * Harness for interacting with a wait component in tests.
566
531
  */
567
532
  class SkyWaitHarness extends SkyComponentHarness {
568
- constructor() {
569
- super(...arguments);
570
- _SkyWaitHarness_getWaitMask.set(this, this.locatorForOptional('.sky-wait-mask'));
571
- _SkyWaitHarness_getWaitContainer.set(this, this.locatorFor('.sky-wait-container'));
572
- }
533
+ /**
534
+ * @internal
535
+ */
536
+ static { this.hostSelector = 'sky-wait'; }
537
+ #getWaitMask = this.locatorForOptional('.sky-wait-mask');
538
+ #getWaitContainer = this.locatorFor('.sky-wait-container');
573
539
  /**
574
540
  * Gets a `HarnessPredicate` that can be used to search for a
575
541
  * `SkyWaitHarness` that meets certain criteria.
@@ -591,7 +557,7 @@ class SkyWaitHarness extends SkyComponentHarness {
591
557
  * Gets the ARIA label for the wait component or throws an error if not waiting.
592
558
  */
593
559
  async getAriaLabel() {
594
- const waitMask = await __classPrivateFieldGet(this, _SkyWaitHarness_getWaitMask, "f").call(this);
560
+ const waitMask = await this.#getWaitMask();
595
561
  if (waitMask) {
596
562
  return ((await waitMask.getAttribute('aria-label')) ||
597
563
  /* istanbul ignore next */
@@ -603,28 +569,22 @@ class SkyWaitHarness extends SkyComponentHarness {
603
569
  * Gets the waiting state of the wait component.
604
570
  */
605
571
  async isWaiting() {
606
- return !!(await __classPrivateFieldGet(this, _SkyWaitHarness_getWaitMask, "f").call(this));
572
+ return !!(await this.#getWaitMask());
607
573
  }
608
574
  /**
609
575
  * Gets the full page state of the wait component.
610
576
  */
611
577
  async isFullPage() {
612
- return (await __classPrivateFieldGet(this, _SkyWaitHarness_getWaitContainer, "f").call(this)).hasClass('sky-wait-full-page');
578
+ return (await this.#getWaitContainer()).hasClass('sky-wait-full-page');
613
579
  }
614
580
  /**
615
581
  * Gets the blocking state of the wait component.
616
582
  */
617
583
  async isNonBlocking() {
618
- return (await __classPrivateFieldGet(this, _SkyWaitHarness_getWaitContainer, "f").call(this)).hasClass('sky-wait-non-blocking');
584
+ return (await this.#getWaitContainer()).hasClass('sky-wait-non-blocking');
619
585
  }
620
586
  }
621
- _SkyWaitHarness_getWaitMask = new WeakMap(), _SkyWaitHarness_getWaitContainer = new WeakMap();
622
- /**
623
- * @internal
624
- */
625
- SkyWaitHarness.hostSelector = 'sky-wait';
626
587
 
627
- var _SkyAlertFixture_instances, _SkyAlertFixture_debugEl, _SkyAlertFixture_getAlertEl, _SkyAlertFixture_getCloseBtnEl;
628
588
  /**
629
589
  * Allows interaction with a SKY UX alert component.
630
590
  * @deprecated Use `SkyAlertHarness` instead.
@@ -635,26 +595,26 @@ class SkyAlertFixture {
635
595
  * The alert's current text.
636
596
  */
637
597
  get text() {
638
- return SkyAppTestUtility.getText(__classPrivateFieldGet(this, _SkyAlertFixture_debugEl, "f"));
598
+ return SkyAppTestUtility.getText(this.#debugEl);
639
599
  }
640
600
  /**
641
601
  * A flag indicating whether the alert can be closed.
642
602
  */
643
603
  get closeable() {
644
- const closeBtnEl = __classPrivateFieldGet(this, _SkyAlertFixture_instances, "m", _SkyAlertFixture_getCloseBtnEl).call(this);
604
+ const closeBtnEl = this.#getCloseBtnEl();
645
605
  return SkyAppTestUtility.isVisible(closeBtnEl);
646
606
  }
647
607
  /**
648
608
  * Returns a flag indicating whether the alert is closed.
649
609
  */
650
610
  get closed() {
651
- return !SkyAppTestUtility.isVisible(__classPrivateFieldGet(this, _SkyAlertFixture_instances, "m", _SkyAlertFixture_getAlertEl).call(this));
611
+ return !SkyAppTestUtility.isVisible(this.#getAlertEl());
652
612
  }
653
613
  /**
654
614
  * The alert's current type.
655
615
  */
656
616
  get alertType() {
657
- const clsList = __classPrivateFieldGet(this, _SkyAlertFixture_instances, "m", _SkyAlertFixture_getAlertEl).call(this).nativeElement.classList;
617
+ const clsList = this.#getAlertEl().nativeElement.classList;
658
618
  if (clsList.contains('sky-alert-danger')) {
659
619
  return 'danger';
660
620
  }
@@ -669,31 +629,30 @@ class SkyAlertFixture {
669
629
  }
670
630
  return undefined;
671
631
  }
632
+ #debugEl;
672
633
  constructor(fixture, skyTestId) {
673
- _SkyAlertFixture_instances.add(this);
674
- _SkyAlertFixture_debugEl.set(this, void 0);
675
- __classPrivateFieldSet(this, _SkyAlertFixture_debugEl, SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-alert'), "f");
634
+ this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-alert');
676
635
  }
677
636
  /**
678
637
  * Closes the alert. If the alert is not closeable, an error is thrown.
679
638
  */
680
639
  close() {
681
640
  if (this.closeable) {
682
- const closeBtnEl = __classPrivateFieldGet(this, _SkyAlertFixture_instances, "m", _SkyAlertFixture_getCloseBtnEl).call(this);
641
+ const closeBtnEl = this.#getCloseBtnEl();
683
642
  closeBtnEl.triggerEventHandler('click', {});
684
643
  }
685
644
  else {
686
645
  throw new Error('The alert is not closeable.');
687
646
  }
688
647
  }
648
+ #getAlertEl() {
649
+ return this.#debugEl.query(By.css('.sky-alert'));
650
+ }
651
+ #getCloseBtnEl() {
652
+ return this.#debugEl.query(By.css('.sky-alert-close'));
653
+ }
689
654
  }
690
- _SkyAlertFixture_debugEl = new WeakMap(), _SkyAlertFixture_instances = new WeakSet(), _SkyAlertFixture_getAlertEl = function _SkyAlertFixture_getAlertEl() {
691
- return __classPrivateFieldGet(this, _SkyAlertFixture_debugEl, "f").query(By.css('.sky-alert'));
692
- }, _SkyAlertFixture_getCloseBtnEl = function _SkyAlertFixture_getCloseBtnEl() {
693
- return __classPrivateFieldGet(this, _SkyAlertFixture_debugEl, "f").query(By.css('.sky-alert-close'));
694
- };
695
655
 
696
- var _SkyLabelFixture_instances, _SkyLabelFixture_debugEl, _SkyLabelFixture_getLabelEl;
697
656
  /**
698
657
  * Allows interaction with a SKY UX label component.
699
658
  * @internal
@@ -703,7 +662,7 @@ class SkyLabelFixture {
703
662
  * The label's current type.
704
663
  */
705
664
  get labelType() {
706
- const clsList = __classPrivateFieldGet(this, _SkyLabelFixture_instances, "m", _SkyLabelFixture_getLabelEl).call(this).nativeElement.classList;
665
+ const clsList = this.#getLabelEl().nativeElement.classList;
707
666
  if (clsList.contains('sky-label-danger')) {
708
667
  return 'danger';
709
668
  }
@@ -722,47 +681,44 @@ class SkyLabelFixture {
722
681
  * The label's current text.
723
682
  */
724
683
  get text() {
725
- const labelEl = __classPrivateFieldGet(this, _SkyLabelFixture_instances, "m", _SkyLabelFixture_getLabelEl).call(this);
684
+ const labelEl = this.#getLabelEl();
726
685
  return SkyAppTestUtility.getText(labelEl);
727
686
  }
687
+ #debugEl;
728
688
  constructor(fixture, skyTestId) {
729
- _SkyLabelFixture_instances.add(this);
730
- _SkyLabelFixture_debugEl.set(this, void 0);
731
- __classPrivateFieldSet(this, _SkyLabelFixture_debugEl, SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-label'), "f");
689
+ this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-label');
690
+ }
691
+ #getLabelEl() {
692
+ return this.#debugEl.query(By.css('.sky-label'));
732
693
  }
733
694
  }
734
- _SkyLabelFixture_debugEl = new WeakMap(), _SkyLabelFixture_instances = new WeakSet(), _SkyLabelFixture_getLabelEl = function _SkyLabelFixture_getLabelEl() {
735
- return __classPrivateFieldGet(this, _SkyLabelFixture_debugEl, "f").query(By.css('.sky-label'));
736
- };
737
695
 
738
- var _SkyWaitFixture_instances, _SkyWaitFixture_debugEl, _SkyWaitFixture_innerWaitComponentContainsClass;
739
696
  /**
740
697
  * @internal
741
698
  */
742
699
  class SkyWaitFixture {
743
700
  get isWaiting() {
744
- return __classPrivateFieldGet(this, _SkyWaitFixture_instances, "m", _SkyWaitFixture_innerWaitComponentContainsClass).call(this, '.sky-wait-mask');
701
+ return this.#innerWaitComponentContainsClass('.sky-wait-mask');
745
702
  }
746
703
  get isFullPage() {
747
- return __classPrivateFieldGet(this, _SkyWaitFixture_instances, "m", _SkyWaitFixture_innerWaitComponentContainsClass).call(this, '.sky-wait-mask-loading-fixed');
704
+ return this.#innerWaitComponentContainsClass('.sky-wait-mask-loading-fixed');
748
705
  }
749
706
  get ariaLabel() {
750
- const div = __classPrivateFieldGet(this, _SkyWaitFixture_debugEl, "f").nativeElement.querySelector('.sky-wait-mask');
707
+ const div = this.#debugEl.nativeElement.querySelector('.sky-wait-mask');
751
708
  return div.getAttribute('aria-label');
752
709
  }
753
710
  get isNonBlocking() {
754
- return __classPrivateFieldGet(this, _SkyWaitFixture_instances, "m", _SkyWaitFixture_innerWaitComponentContainsClass).call(this, '.sky-wait-mask-loading-non-blocking');
711
+ return this.#innerWaitComponentContainsClass('.sky-wait-mask-loading-non-blocking');
755
712
  }
713
+ #debugEl;
756
714
  constructor(fixture, skyTestId) {
757
- _SkyWaitFixture_instances.add(this);
758
- _SkyWaitFixture_debugEl.set(this, void 0);
759
- __classPrivateFieldSet(this, _SkyWaitFixture_debugEl, SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-wait'), "f");
715
+ this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-wait');
716
+ }
717
+ #innerWaitComponentContainsClass(className) {
718
+ const element = this.#debugEl.nativeElement.querySelector(className);
719
+ return element !== null;
760
720
  }
761
721
  }
762
- _SkyWaitFixture_debugEl = new WeakMap(), _SkyWaitFixture_instances = new WeakSet(), _SkyWaitFixture_innerWaitComponentContainsClass = function _SkyWaitFixture_innerWaitComponentContainsClass(className) {
763
- const element = __classPrivateFieldGet(this, _SkyWaitFixture_debugEl, "f").nativeElement.querySelector(className);
764
- return element !== null;
765
- };
766
722
 
767
723
  /**
768
724
  * Generated bundle index. Do not edit.