@carbon/web-components 2.42.0 → 2.43.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 (211) hide show
  1. package/custom-elements.json +1225 -97
  2. package/dist/accordion.min.js +1 -1
  3. package/dist/code-snippet.min.js +7 -7
  4. package/dist/{collection-helpers-_CvqQaiX.js → collection-helpers-C5emLOnk.js} +1 -1
  5. package/dist/combo-box.min.js +5 -5
  6. package/dist/{content-switcher-item-VHI7iTTP.js → content-switcher-item-3fTDI2Aq.js} +1 -1
  7. package/dist/content-switcher.min.js +1 -1
  8. package/dist/data-table.min.js +1 -1
  9. package/dist/date-picker.min.js +1 -1
  10. package/dist/{dropdown-item-Pt_eWt66.js → dropdown-item-BO7AhHPd.js} +25 -25
  11. package/dist/dropdown.min.js +1 -1
  12. package/dist/file-uploader.min.js +1 -1
  13. package/dist/fluid-search.min.js +33 -0
  14. package/dist/fluid-select.min.js +30 -0
  15. package/dist/fluid-textarea.min.js +36 -0
  16. package/dist/icon-indicator.min.js +1 -1
  17. package/dist/inline-loading.min.js +1 -1
  18. package/dist/list.min.js +1 -1
  19. package/dist/loading.min.js +1 -1
  20. package/dist/menu.min.js +1 -1
  21. package/dist/modal.min.js +5 -5
  22. package/dist/multi-select.min.js +1 -1
  23. package/dist/overflow-menu.min.js +1 -1
  24. package/dist/pagination.min.js +1 -1
  25. package/dist/progress-indicator.min.js +1 -1
  26. package/dist/radio-button.min.js +10 -8
  27. package/dist/{search-BrKCrPl3.js → search-DhwzN9sI.js} +2 -1
  28. package/dist/search.min.js +4 -4
  29. package/dist/select-BIi12O8B.js +108 -0
  30. package/dist/select-item-Be7OL9mD.js +28 -0
  31. package/dist/select-skeleton-8uIIQzNt.js +31 -0
  32. package/dist/select.min.js +1 -4
  33. package/dist/structured-list.min.js +1 -1
  34. package/dist/tabs.min.js +1 -1
  35. package/dist/textarea.min.js +23 -15
  36. package/dist/time-picker.min.js +20 -20
  37. package/dist/ui-shell.min.js +2 -2
  38. package/es/components/combo-box/combo-box.d.ts +9 -2
  39. package/es/components/combo-box/combo-box.js +63 -6
  40. package/es/components/combo-box/combo-box.js.map +1 -1
  41. package/es/components/combo-box/combo-box.scss.js +1 -1
  42. package/es/components/data-table/data-table.scss.js +1 -1
  43. package/es/components/dropdown/dropdown.d.ts +8 -0
  44. package/es/components/dropdown/dropdown.js +29 -11
  45. package/es/components/dropdown/dropdown.js.map +1 -1
  46. package/es/components/dropdown/dropdown.scss.js +1 -1
  47. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  48. package/es/components/fluid-search/fluid-search-skeleton.d.ts +17 -0
  49. package/es/components/fluid-search/fluid-search-skeleton.js +38 -0
  50. package/es/components/fluid-search/fluid-search-skeleton.js.map +1 -0
  51. package/es/components/fluid-search/fluid-search.d.ts +17 -0
  52. package/es/components/fluid-search/fluid-search.js +44 -0
  53. package/es/components/fluid-search/fluid-search.js.map +1 -0
  54. package/es/components/fluid-search/fluid-search.scss.js +13 -0
  55. package/es/components/fluid-search/fluid-search.scss.js.map +1 -0
  56. package/es/components/fluid-search/index.d.ts +8 -0
  57. package/es/components/fluid-search/index.js +10 -0
  58. package/es/components/fluid-search/index.js.map +1 -0
  59. package/es/components/fluid-select/fluid-select-skeleton.d.ts +17 -0
  60. package/es/components/fluid-select/fluid-select-skeleton.js +40 -0
  61. package/es/components/fluid-select/fluid-select-skeleton.js.map +1 -0
  62. package/es/components/fluid-select/fluid-select.d.ts +19 -0
  63. package/es/components/fluid-select/fluid-select.js +59 -0
  64. package/es/components/fluid-select/fluid-select.js.map +1 -0
  65. package/es/components/fluid-select/fluid-select.scss.js +13 -0
  66. package/es/components/fluid-select/fluid-select.scss.js.map +1 -0
  67. package/es/components/fluid-select/index.d.ts +8 -0
  68. package/es/components/fluid-select/index.js +10 -0
  69. package/es/components/fluid-select/index.js.map +1 -0
  70. package/es/components/fluid-textarea/fluid-textarea-skeleton.d.ts +17 -0
  71. package/es/components/fluid-textarea/fluid-textarea-skeleton.js +42 -0
  72. package/es/components/fluid-textarea/fluid-textarea-skeleton.js.map +1 -0
  73. package/es/components/fluid-textarea/fluid-textarea.d.ts +18 -0
  74. package/es/components/fluid-textarea/fluid-textarea.js +46 -0
  75. package/es/components/fluid-textarea/fluid-textarea.js.map +1 -0
  76. package/es/components/fluid-textarea/fluid-textarea.scss.js +13 -0
  77. package/es/components/fluid-textarea/fluid-textarea.scss.js.map +1 -0
  78. package/es/components/fluid-textarea/index.d.ts +8 -0
  79. package/es/components/fluid-textarea/index.js +10 -0
  80. package/es/components/fluid-textarea/index.js.map +1 -0
  81. package/es/components/inline-loading/inline-loading.scss.js +1 -1
  82. package/es/components/list/list.scss.js +1 -1
  83. package/es/components/loading/loading.scss.js +1 -1
  84. package/es/components/menu/menu.js +3 -1
  85. package/es/components/menu/menu.js.map +1 -1
  86. package/es/components/modal/modal.scss.js +1 -1
  87. package/es/components/multi-select/multi-select.scss.js +1 -1
  88. package/es/components/overflow-menu/overflow-menu-body.js +22 -10
  89. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  90. package/es/components/radio-button/radio-button-group.js +4 -2
  91. package/es/components/radio-button/radio-button-group.js.map +1 -1
  92. package/es/components/radio-button/radio-button.d.ts +8 -0
  93. package/es/components/radio-button/radio-button.js +53 -3
  94. package/es/components/radio-button/radio-button.js.map +1 -1
  95. package/es/components/radio-button/radio-button.scss.js +1 -1
  96. package/es/components/search/search-skeleton.js +2 -2
  97. package/es/components/search/search-skeleton.js.map +1 -1
  98. package/es/components/search/search.js +1 -0
  99. package/es/components/search/search.js.map +1 -1
  100. package/es/components/search/search.scss.js +1 -1
  101. package/es/components/select/select.d.ts +4 -0
  102. package/es/components/select/select.js +14 -1
  103. package/es/components/select/select.js.map +1 -1
  104. package/es/components/select/select.scss.js +1 -1
  105. package/es/components/textarea/textarea.d.ts +4 -0
  106. package/es/components/textarea/textarea.js +37 -11
  107. package/es/components/textarea/textarea.js.map +1 -1
  108. package/es/components/time-picker/time-picker.js +13 -8
  109. package/es/components/time-picker/time-picker.js.map +1 -1
  110. package/es/components/ui-shell/side-nav.scss.js +1 -1
  111. package/es-custom/components/combo-box/combo-box.d.ts +9 -2
  112. package/es-custom/components/combo-box/combo-box.js +63 -6
  113. package/es-custom/components/combo-box/combo-box.js.map +1 -1
  114. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  115. package/es-custom/components/data-table/data-table.scss.js +1 -1
  116. package/es-custom/components/dropdown/dropdown.d.ts +8 -0
  117. package/es-custom/components/dropdown/dropdown.js +29 -11
  118. package/es-custom/components/dropdown/dropdown.js.map +1 -1
  119. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  120. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  121. package/es-custom/components/fluid-search/fluid-search-skeleton.d.ts +17 -0
  122. package/es-custom/components/fluid-search/fluid-search-skeleton.js +38 -0
  123. package/es-custom/components/fluid-search/fluid-search-skeleton.js.map +1 -0
  124. package/es-custom/components/fluid-search/fluid-search.d.ts +17 -0
  125. package/es-custom/components/fluid-search/fluid-search.js +44 -0
  126. package/es-custom/components/fluid-search/fluid-search.js.map +1 -0
  127. package/es-custom/components/fluid-search/fluid-search.scss.js +13 -0
  128. package/es-custom/components/fluid-search/fluid-search.scss.js.map +1 -0
  129. package/es-custom/components/fluid-search/index.d.ts +8 -0
  130. package/es-custom/components/fluid-search/index.js +10 -0
  131. package/es-custom/components/fluid-search/index.js.map +1 -0
  132. package/es-custom/components/fluid-select/fluid-select-skeleton.d.ts +17 -0
  133. package/es-custom/components/fluid-select/fluid-select-skeleton.js +40 -0
  134. package/es-custom/components/fluid-select/fluid-select-skeleton.js.map +1 -0
  135. package/es-custom/components/fluid-select/fluid-select.d.ts +19 -0
  136. package/es-custom/components/fluid-select/fluid-select.js +59 -0
  137. package/es-custom/components/fluid-select/fluid-select.js.map +1 -0
  138. package/es-custom/components/fluid-select/fluid-select.scss.js +13 -0
  139. package/es-custom/components/fluid-select/fluid-select.scss.js.map +1 -0
  140. package/es-custom/components/fluid-select/index.d.ts +8 -0
  141. package/es-custom/components/fluid-select/index.js +10 -0
  142. package/es-custom/components/fluid-select/index.js.map +1 -0
  143. package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.d.ts +17 -0
  144. package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.js +42 -0
  145. package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.js.map +1 -0
  146. package/es-custom/components/fluid-textarea/fluid-textarea.d.ts +18 -0
  147. package/es-custom/components/fluid-textarea/fluid-textarea.js +46 -0
  148. package/es-custom/components/fluid-textarea/fluid-textarea.js.map +1 -0
  149. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +13 -0
  150. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js.map +1 -0
  151. package/es-custom/components/fluid-textarea/index.d.ts +8 -0
  152. package/es-custom/components/fluid-textarea/index.js +10 -0
  153. package/es-custom/components/fluid-textarea/index.js.map +1 -0
  154. package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
  155. package/es-custom/components/list/list.scss.js +1 -1
  156. package/es-custom/components/loading/loading.scss.js +1 -1
  157. package/es-custom/components/menu/menu.js +3 -1
  158. package/es-custom/components/menu/menu.js.map +1 -1
  159. package/es-custom/components/modal/modal.scss.js +1 -1
  160. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  161. package/es-custom/components/overflow-menu/overflow-menu-body.js +22 -10
  162. package/es-custom/components/overflow-menu/overflow-menu-body.js.map +1 -1
  163. package/es-custom/components/radio-button/radio-button-group.js +4 -2
  164. package/es-custom/components/radio-button/radio-button-group.js.map +1 -1
  165. package/es-custom/components/radio-button/radio-button.d.ts +8 -0
  166. package/es-custom/components/radio-button/radio-button.js +53 -3
  167. package/es-custom/components/radio-button/radio-button.js.map +1 -1
  168. package/es-custom/components/radio-button/radio-button.scss.js +1 -1
  169. package/es-custom/components/search/search-skeleton.js +2 -2
  170. package/es-custom/components/search/search-skeleton.js.map +1 -1
  171. package/es-custom/components/search/search.js +1 -0
  172. package/es-custom/components/search/search.js.map +1 -1
  173. package/es-custom/components/search/search.scss.js +1 -1
  174. package/es-custom/components/select/select.d.ts +4 -0
  175. package/es-custom/components/select/select.js +14 -1
  176. package/es-custom/components/select/select.js.map +1 -1
  177. package/es-custom/components/select/select.scss.js +1 -1
  178. package/es-custom/components/textarea/textarea.d.ts +4 -0
  179. package/es-custom/components/textarea/textarea.js +37 -11
  180. package/es-custom/components/textarea/textarea.js.map +1 -1
  181. package/es-custom/components/time-picker/time-picker.js +13 -8
  182. package/es-custom/components/time-picker/time-picker.js.map +1 -1
  183. package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
  184. package/lib/components/combo-box/combo-box.d.ts +9 -2
  185. package/lib/components/dropdown/dropdown.d.ts +8 -0
  186. package/lib/components/fluid-search/fluid-search-skeleton.d.ts +17 -0
  187. package/lib/components/fluid-search/fluid-search.d.ts +17 -0
  188. package/lib/components/fluid-search/index.d.ts +8 -0
  189. package/lib/components/fluid-select/fluid-select-skeleton.d.ts +17 -0
  190. package/lib/components/fluid-select/fluid-select.d.ts +19 -0
  191. package/lib/components/fluid-select/index.d.ts +8 -0
  192. package/lib/components/fluid-textarea/fluid-textarea-skeleton.d.ts +17 -0
  193. package/lib/components/fluid-textarea/fluid-textarea.d.ts +18 -0
  194. package/lib/components/fluid-textarea/index.d.ts +8 -0
  195. package/lib/components/radio-button/radio-button.d.ts +8 -0
  196. package/lib/components/select/select.d.ts +4 -0
  197. package/lib/components/textarea/textarea.d.ts +4 -0
  198. package/package.json +6 -6
  199. package/scss/components/combo-box/combo-box.scss +82 -18
  200. package/scss/components/data-table/_table-core.scss +9 -9
  201. package/scss/components/data-table/_table-expandable.scss +7 -7
  202. package/scss/components/data-table/_table-selection.scss +3 -3
  203. package/scss/components/dropdown/dropdown.scss +2 -0
  204. package/scss/components/fluid-search/fluid-search.scss +55 -0
  205. package/scss/components/fluid-select/fluid-select.scss +58 -0
  206. package/scss/components/fluid-textarea/fluid-textarea.scss +16 -0
  207. package/scss/components/list/list.scss +1 -1
  208. package/scss/components/radio-button/radio-button.scss +9 -4
  209. package/scss/components/select/select.scss +1 -0
  210. package/telemetry.yml +9 -10
  211. package/dist/select-Dwsf_c0t.js +0 -104
@@ -0,0 +1,55 @@
1
+ /**
2
+ * Copyright IBM Corp.2025
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ $css--plex: true !default;
9
+ @use '@carbon/styles/scss/config' as *;
10
+ @use '@carbon/styles/scss/components/fluid-search/index';
11
+ @use '@carbon/styles/scss/layout' as *;
12
+ @use '@carbon/styles/scss/spacing' as *;
13
+ @use '@carbon/styles/scss/theme' as *;
14
+ @use '@carbon/styles/scss/type' as *;
15
+ @use '@carbon/styles/scss/utilities' as *;
16
+ @use '@carbon/styles/scss/components/fluid-text-input' as *;
17
+ @use '@carbon/styles/scss/components/search' as *;
18
+
19
+ :host(#{$prefix}-fluid-search) {
20
+ @extend .#{$prefix}--search;
21
+ @extend .#{$prefix}--search--fluid;
22
+ @include emit-layout-tokens();
23
+
24
+ outline: none;
25
+ }
26
+
27
+ :host(#{$prefix}-fluid-search-skeleton) {
28
+ @extend .#{$prefix}--text-input--fluid__skeleton;
29
+
30
+ display: block;
31
+ }
32
+
33
+ :host(#{$prefix}-fluid-search[disabled]) {
34
+ svg {
35
+ fill: $icon-on-color-disabled;
36
+ }
37
+
38
+ .#{$prefix}--search-close {
39
+ outline: none;
40
+ pointer-events: none;
41
+
42
+ &::before {
43
+ background: none;
44
+ }
45
+ }
46
+
47
+ .#{$prefix}--label {
48
+ color: $text-disabled;
49
+ cursor: not-allowed;
50
+ }
51
+
52
+ .#{$prefix}--search-input[disabled] {
53
+ border-block-end: 1px solid $border-subtle;
54
+ }
55
+ }
@@ -0,0 +1,58 @@
1
+ /**
2
+ * Copyright IBM Corp.2025
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ $css--plex: true !default;
9
+ @use '@carbon/styles/scss/components/fluid-select/index';
10
+ @use '@carbon/styles/scss/layout' as *;
11
+ @use '@carbon/styles/scss/type' as *;
12
+ @use '@carbon/styles/scss/config' as *;
13
+ @use '@carbon/styles/scss/spacing' as *;
14
+ @use '@carbon/styles/scss/theme' as *;
15
+ @use '@carbon/styles/scss/components/select';
16
+ @use '@carbon/styles/scss/colors';
17
+ @use '@carbon/styles/scss/utilities/convert' as *;
18
+
19
+ $divider-width: 1px;
20
+
21
+ :host(#{$prefix}-fluid-select) {
22
+ @extend .#{$prefix}--select--fluid;
23
+ @extend .#{$prefix}--select--invalid;
24
+
25
+ @include emit-layout-tokens();
26
+
27
+ // Position the AI label and slug
28
+ ::slotted(#{$prefix}-ai-label),
29
+ ::slotted(#{$prefix}-slug) {
30
+ position: absolute;
31
+ inset-block-start: 70%;
32
+ inset-inline-end: $spacing-09;
33
+ }
34
+
35
+ // Transform for non-revert-active elements
36
+ ::slotted(#{$prefix}-ai-label:not([revert-active])),
37
+ ::slotted(#{$prefix}-slug:not([revert-active])) {
38
+ transform: translateY(-70%);
39
+ }
40
+
41
+ // AI label pseudo-elements for dividers
42
+ ::slotted(#{$prefix}-ai-label) {
43
+ &::before,
44
+ &::after {
45
+ position: absolute;
46
+ background-color: $border-subtle-01;
47
+ block-size: to-rem(16px);
48
+ content: '';
49
+ inline-size: to-rem(1px);
50
+ inset-inline-start: calc(#{$spacing-06} - #{$divider-width});
51
+ }
52
+
53
+ &::before {
54
+ display: var(--#{$prefix}-show-before);
55
+ inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});
56
+ }
57
+ }
58
+ }
@@ -0,0 +1,16 @@
1
+ /**
2
+ * Copyright IBM Corp.2025
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ $css--plex: true !default;
9
+ @use '@carbon/styles/scss/config' as *;
10
+ @use '@carbon/styles/scss/components/fluid-text-area/index';
11
+ @use '@carbon/styles/scss/layout' as *;
12
+ @use '@carbon/styles/scss/spacing' as *;
13
+
14
+ :host(#{$prefix}-fluid-textarea) {
15
+ @include emit-layout-tokens();
16
+ }
@@ -37,11 +37,11 @@ $css--plex: true !default;
37
37
  .#{$prefix}--list--ordered:not(.#{$prefix}--list--nested)
38
38
  ::slotted(#{$prefix}-list-item) {
39
39
  position: relative;
40
+ counter-increment: item;
40
41
 
41
42
  &::before {
42
43
  position: absolute;
43
44
  content: counter(item) '.';
44
- counter-increment: item;
45
45
  inset-inline-start: rem(-24px);
46
46
  }
47
47
  }
@@ -30,8 +30,8 @@ $css--plex: true !default;
30
30
  @extend .#{$prefix}--radio-button-group--vertical;
31
31
  }
32
32
 
33
- :host(#{$prefix}-radio-button-group[invalid]),
34
- :host(#{$prefix}-radio-button-group[warn]) {
33
+ :host(#{$prefix}-radio-button-group[invalid]:not([disabled])),
34
+ :host(#{$prefix}-radio-button-group[warn]:not([disabled])) {
35
35
  .#{$prefix}--radio-button__validation-msg {
36
36
  display: flex;
37
37
 
@@ -45,7 +45,8 @@ $css--plex: true !default;
45
45
  }
46
46
  }
47
47
 
48
- :host(#{$prefix}-radio-button-group[invalid]) .#{$prefix}--form-requirement {
48
+ :host(#{$prefix}-radio-button-group[invalid]:not([disabled]))
49
+ .#{$prefix}--form-requirement {
49
50
  color: $text-error;
50
51
  }
51
52
 
@@ -68,7 +69,11 @@ $css--plex: true !default;
68
69
  margin-inline-end: 0;
69
70
  }
70
71
 
71
- :host(#{$prefix}-radio-button[invalid]:not([readOnly]))
72
+ :host(
73
+ #{$prefix}-radio-button[invalid]:not([readOnly]):not([disabled]):not(
74
+ [disabledItem]
75
+ )
76
+ )
72
77
  .#{$prefix}--radio-button__appearance {
73
78
  border-color: $support-error !important; /* stylelint-disable-line declaration-no-important */
74
79
  }
@@ -13,6 +13,7 @@ $css--plex: true !default;
13
13
  @use '@carbon/styles/scss/components/select';
14
14
  @use '@carbon/styles/scss/colors';
15
15
  @use '@carbon/styles/scss/utilities/convert' as *;
16
+ @use '@carbon/styles/scss/components/fluid-select' as *;
16
17
  @use '@carbon/styles/scss/utilities/visually-hidden' as *;
17
18
 
18
19
  $divider-width: 1px;
package/telemetry.yml CHANGED
@@ -45,7 +45,9 @@ collect:
45
45
  - close-on-escape
46
46
  - collapse-mode
47
47
  - color-scheme
48
+ - cols
48
49
  - condensed
50
+ - counter-mode
49
51
  - danger-description
50
52
  - data-table
51
53
  - default-checked
@@ -132,6 +134,7 @@ collect:
132
134
  - oncds-notification-closed
133
135
  - oncds-radio-button-changed
134
136
  - oncds-search-input
137
+ - oncds-select-selected
135
138
  - oncds-selectable-tile-changed
136
139
  - oncds-slider-input-changed
137
140
  - oncds-table-batch-actions-cancel-clicked
@@ -167,8 +170,10 @@ collect:
167
170
  - revert-active
168
171
  - revert-label
169
172
  - role
173
+ - rows
170
174
  - selected
171
175
  - selected-index
176
+ - selectedIndex
172
177
  - selection-label
173
178
  - selection-mode
174
179
  - selection-name
@@ -255,6 +260,7 @@ collect:
255
260
  - oncds-combo-box-selected
256
261
  - oncds-combo-box-toggled
257
262
  - should-filter-item
263
+ - typeahead
258
264
  # cds-copy-button
259
265
  - autoAlign
260
266
  # cds-date-picker
@@ -416,9 +422,6 @@ collect:
416
422
  - oncds-radio-button-group-changed
417
423
  # cds-radio-tile
418
424
  - oncds-radio-tile-selected
419
- # cds-select
420
- - oncds-select-selected
421
- - selectedIndex
422
425
  # cds-selectable-tag
423
426
  - oncds-selectable-tag-beforeselected
424
427
  - oncds-selectable-tag-selected
@@ -512,10 +515,6 @@ collect:
512
515
  - influencer-width
513
516
  - oncds-tearsheet-beingclosed
514
517
  - oncds-tearsheet-closed
515
- # cds-textarea
516
- - cols
517
- - counter-mode
518
- - rows
519
518
  # cds-tile-group
520
519
  - currentRadioSelection
521
520
  - currentSelections
@@ -600,6 +599,9 @@ collect:
600
599
  # General - color-scheme
601
600
  - ""
602
601
  - light
602
+ # General - counter-mode
603
+ - character
604
+ - word
603
605
  # General - direction
604
606
  - bottom
605
607
  - top
@@ -778,9 +780,6 @@ collect:
778
780
  # cds-tearsheet - influencer-width
779
781
  - narrow
780
782
  - wide
781
- # cds-textarea - counter-mode
782
- - character
783
- - word
784
783
  npm:
785
784
  dependencies: null
786
785
  js:
@@ -1,104 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2019, 2020
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- /**
8
- * @license
9
- *
10
- * This bundle contains the following third-party dependencies:
11
- *
12
- * Also refer to the following links for the license of other third-party dependencies:
13
- *
14
- * https://www.npmjs.com/package/tslib
15
- * https://www.npmjs.com/package/lit
16
- * https://www.npmjs.com/package/@lit/context
17
- * https://www.npmjs.com/package/lodash-es
18
- * https://www.npmjs.com/package/@floating-ui/dom
19
- * https://www.npmjs.com/package/flatpickr
20
- * https://www.npmjs.com/package/@carbon/icon-helpers
21
- * https://www.npmjs.com/package/lit-html
22
- * https://www.npmjs.com/package/lit-element
23
- * https://www.npmjs.com/package/@lit/reactive-element
24
- * https://www.npmjs.com/package/@floating-ui/utils
25
- * https://www.npmjs.com/package/@floating-ui/core
26
- */
27
-
28
- let e;import{_ as s,r as t,i as c,x as l}from"./lit-element-eFlPHqE1.js";import{n as i}from"./property-B_F7V5eB.js";import{p as r}from"./settings-BBN_bDP6.js";import{c as d}from"./carbon-element-DDrYm3XO.js";import{e as a,a as o}from"./query-BdmT5Ln1.js";import{e as n}from"./class-map-CJoc5JjN.js";import{_ as p}from"./16-B7MRS_3W.js";import{_ as u}from"./16-DoN7q01_.js";import{_ as b}from"./16-CdxGkvXO.js";import{o as f}from"./if-defined-IxozbDOJ.js";import{F as v}from"./form-BaYTr2z0.js";import{b as h}from"./collection-helpers-_CvqQaiX.js";import{I as m}from"./text-input-C0qeKR9e.js";import{i as g}from"./icon-loader-CqB9WRMP.js";import{i as _}from"./if-non-empty-CqQHBHdQ.js";
29
- /**
30
- * @license
31
- * Copyright 2017 Google LLC
32
- * SPDX-License-Identifier: BSD-3-Clause
33
- */let y=class extends t{constructor(){super(...arguments),this.disabled=!1,this.label="",this.selected=!1,this.value=""}};s([i({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),s([i({reflect:!0})],y.prototype,"label",void 0),s([i({type:Boolean,reflect:!0})],y.prototype,"selected",void 0),s([i({reflect:!0})],y.prototype,"value",void 0),y=s([d(`${r}-select-item`)],y);var x=c(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-select[warn]) .cds--select-input__wrapper~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,:host(:host(cds-select[warn]cds-select[inline])) .cds--select-input--inline__wrapper~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select,:host(cds-select){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--select *,.cds--select :after,.cds--select :before,:host(cds-select) *,:host(cds-select) :after,:host(cds-select) :before{box-sizing:inherit}.cds--select,:host(cds-select){align-items:flex-start;display:flex;flex-direction:column;inline-size:100%;position:relative}.cds--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:focus{color:var(--cds-text-primary,#161616)}.cds--select-input:disabled,.cds--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select-input--sm{block-size:2rem;max-block-size:2rem}.cds--select-input--lg{block-size:3rem;max-block-size:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input,:host(cds-select[warn]) .cds--select-input{padding-inline-end:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon,.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--select--inline,:host(cds-select[inline]){align-items:center;display:flex;flex-direction:row}.cds--select--inline .cds--form__helper-text,:host(cds-select[inline]) .cds--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds--select--inline .cds--label,:host(cds-select[inline]) .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input,:host(cds-select[inline]) .cds--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds--select--inline .cds--select-input:hover,:host(cds-select[inline]) .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option,:host(cds-select[inline]) .cds--select-input:focus,:host(cds-select[inline]) .cds--select-input:focus optgroup,:host(cds-select[inline]) .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input:focus optgroup:hover,.cds--select--inline .cds--select-input:focus option:hover,.cds--select--inline .cds--select-input:focus:hover,:host(cds-select[inline]) .cds--select-input:focus optgroup:hover,:host(cds-select[inline]) .cds--select-input:focus option:hover,:host(cds-select[inline]) .cds--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover,:host(cds-select[inline]) .cds--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select__arrow,:host(cds-select[inline]) .cds--select__arrow{inset-inline-end:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,:host(:host(cds-select[invalid]cds-select[inline])) .cds--select-input{padding-inline-end:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,.cds--select--inline.cds--select--warning .cds--select-input~.cds--select__invalid-icon--warning,:host(:host(cds-select[invalid]cds-select[inline])) .cds--select-input~.cds--select__invalid-icon,:host(:host(cds-select[warn]cds-select[inline])) .cds--select-input~.cds--select__invalid-icon--warning{inset-inline-end:2rem}.cds--select--inline .cds--select-input:disabled,:host(cds-select[inline]) .cds--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*,:host(cds-select[inline]) .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--select--readonly.cds--select--inline .cds--select-input:hover{background-color:transparent}.cds--select.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--select.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--select.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--select.cds--skeleton{background:CanvasText}.cds--select.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--select.cds--skeleton{block-size:2.5rem;inline-size:100%}.cds--select.cds--skeleton .cds--select-input{display:none}.cds--select--decorator .cds--select__inner-wrapper--decorator>*,.cds--select--slug .cds--ai-label,.cds--select--slug .cds--slug,:host(cds-select[slug]) .cds--ai-label,:host(cds-select[slug]) .cds--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:after,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:after,:host(cds-select[slug]) .cds--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;position:absolute}.cds--select--decorator .cds--select__inner-wrapper--decorator>:before,.cds--select--slug .cds--ai-label:before,.cds--select--slug .cds--slug:before,:host(cds-select[slug]) .cds--ai-label:before,:host(cds-select[slug]) .cds--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>:after,.cds--select--slug .cds--ai-label:after,.cds--select--slug .cds--slug:after,:host(cds-select[slug]) .cds--ai-label:after,:host(cds-select[slug]) .cds--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert:before,.cds--select--slug .cds--ai-label--revert:before,.cds--select--slug .cds--slug--revert:before,:host(cds-select[slug]) .cds--ai-label--revert:before,:host(cds-select[slug]) .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds--select--decorator .cds--select__inner-wrapper--decorator>.cds--ai-label--revert,.cds--select--slug .cds--ai-label--revert,:host(cds-select[slug]) .cds--ai-label--revert{inset-inline-end:2.5625rem}.cds--select--decorator .cds--ai-label--revert:after,.cds--select--slug .cds--ai-label--revert:after,.cds--select--slug .cds--slug--revert:after,:host(cds-select[slug]) .cds--ai-label--revert:after,:host(cds-select[slug]) .cds--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug .cds--select-input:has(~.cds--ai-label),.cds--select--slug .cds--select-input:has(~.cds--slug),:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug){padding-inline-end:4rem}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--select__inner-wrapper--decorator),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--ai-label),.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~.cds--slug),:host(cds-select[slug]:has(.cds--select__invalid-icon)) .cds--select-input:has(~.cds--ai-label),:host(cds-select[slug]:has(.cds--select__invalid-icon)) .cds--select-input:has(~.cds--slug){padding-inline-end:6rem}.cds--select--decorator .cds--select-input:has(~.cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--select__inner-wrapper--decorator .cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--select--slug .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)),.cds--select-input-has--ai-label,:host(cds-select[slug]) .cds--select-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),:host(cds-select[slug]) .cds--select-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator>:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label:before,.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug:before,:host(cds-select[slug]:has(.cds--select__invalid-icon)) .cds--ai-label:before,:host(cds-select[slug]:has(.cds--select__invalid-icon)) .cds--slug:before{display:block}.cds--select--decorator .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon,.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon,:host(cds-select[slug]) .cds--select-input__wrapper .cds--select-input~.cds--select__invalid-icon{inset-inline-end:5rem}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-select){outline:none}:host(cds-select) ::slotted(cds-ai-label),:host(cds-select) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-select) ::slotted(cds-ai-label:not([revert-active])),:host(cds-select) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-select) ::slotted(cds-ai-label):after,:host(cds-select) ::slotted(cds-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:"";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-select) ::slotted(cds-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 2.25rem 0 1rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-select[invalid]) ::slotted(cds-ai-label),:host(cds-select[invalid]) ::slotted(cds-slug),:host(cds-select[warn]) ::slotted(cds-ai-label),:host(cds-select[warn]) ::slotted(cds-slug){inset-inline-end:3rem}']);let w=class extends(v(t)){constructor(){super(...arguments),this._hasAILabel=!1,this._observerMutation=null,this._placeholderItemValue=`__${r}-select-placeholder_${Math.random().toString(36).slice(2)}`,this._handleMutation=()=>{this.requestUpdate()},this.autofocus=!1,this.disabled=!1,this.helperText="",this.hideLabel=!1,this.id="",this.invalid=!1,this.invalidText="",this.warn=!1,this.warnText="",this.labelText="",this.inline=!1,this.name="",this.pattern="",this.placeholder="",this.readonly=!1,this.required=!1,this.requiredValidityMessage="Please fill out this field.",this.size=m.MEDIUM,this.value=""}_handleInput({target:e}){const{value:s}=e;this.value=s;const{eventSelect:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{value:s}}))}_renderItems(e){const{selectorItem:s,selectorLeafItem:t}=this.constructor;return l`
34
- ${h(e.childNodes,(e=>e.nodeType===Node.ELEMENT_NODE&&e.matches(s))).map((e=>{const s=e.hasAttribute("disabled"),c=e.getAttribute("label"),i=e.hasAttribute("selected"),d=e.getAttribute("value"),{textContent:a}=e;return e.matches(t)?l`
35
- <option
36
- class="${r}--select-option"
37
- ?disabled="${s}"
38
- label="${_(c)}"
39
- ?selected="${i}"
40
- value="${f(d)}">
41
- ${a}
42
- </option>
43
- `:l`
44
- <optgroup
45
- class="${r}--select-optgroup"
46
- ?disabled="${s}"
47
- label="${f(c)}">
48
- ${this._renderItems(e)}
49
- </optgroup>
50
- `}))}
51
- `}_handleFormdata(e){const{formData:s}=e,{disabled:t,name:c,value:l}=this;t||s.append(c,l)}_handleAILabelSlotChange({target:e}){const s=e.assignedNodes().filter((e=>void 0!==e.matches&&(e.matches(this.constructor.aiLabelItem)||e.matches(this.constructor.slugItem))));this._hasAILabel=Boolean(s),this.setAttribute("slug",`${this._hasAILabel}`),s[0].setAttribute("size","mini"),this.requestUpdate()}get length(){return this._selectNode.length}get options(){return this._selectNode.options}get type(){return this._selectNode.type}get multiple(){return!1}get selectedIndex(){var e;return null===(e=this._selectNode)||void 0===e?void 0:e.selectedIndex}set selectedIndex(e){this._selectNode.selectedIndex=e,this.value=this._selectNode.value}connectedCallback(){super.connectedCallback(),this._observerMutation=new MutationObserver(this._handleMutation),this._observerMutation.observe(this,{attributes:!0,childList:!0,subtree:!0})}disconnectedCallback(){this._observerMutation&&(this._observerMutation.disconnect(),this._observerMutation=null),super.disconnectedCallback()}updated(e){var s,t,c,l,i,d,a,o,n,p;if(e.has("value")){const{value:e,_placeholderItemValue:l}=this,i=null===(c=null===(s=this._selectedOptionNodes)||void 0===s?void 0:s[(null===(t=this._selectedOptionNodes)||void 0===t?void 0:t.length)-1])||void 0===c?void 0:c.value;this._selectNode.value=e||(i||l)}const u=null===(l=this.shadowRoot)||void 0===l?void 0:l.querySelector("slot[name='ai-label']");u?((null===(i=u.assignedNodes())||void 0===i?void 0:i.length)&&(null===(d=this._inputNode)||void 0===d||d.classList.add(`${r}--select-input-has--ai-label`)),null==u||u.classList.toggle(`${r}--slug--revert`,null===(a=this.querySelector(`${r}-ai-label`))||void 0===a?void 0:a.hasAttribute("revert-active"))):null===(n=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector("slot[name='slug']"))||void 0===n||n.classList.toggle(`${r}--slug--revert`,null===(p=this.querySelector(`${r}-slug`))||void 0===p?void 0:p.hasAttribute("revert-active"))}render(){const{disabled:e,helperText:s,hideLabel:t,inline:c,invalid:i,invalidText:d,labelText:a,placeholder:o,readonly:v,size:h,warn:m,warnText:_,value:y,_placeholderItemValue:x,_handleInput:w,_handleAILabelSlotChange:k}=this,$=n({[`${r}--select-input`]:!0,[`${r}--select-input--${h}`]:h}),z=n({[`${r}--label`]:!0,[`${r}--label--disabled`]:e,[`${r}--visually-hidden`]:t}),q=n({[`${r}--form__helper-text`]:!0,[`${r}--form__helper-text--disabled`]:e}),I=s?l`
52
- <div id="helper-text" class="${q}">
53
- <slot name="helper-text"> ${s} </slot>
54
- </div>
55
- `:null,S=i||m?l` <div id="error-text" class="${r}--form-requirement">
56
- ${i?d:_}
57
- </div>`:null;let M;i||m?M="error-text":s&&(M="helper-text");const B=l`
58
- <select
59
- id="input"
60
- class="${$}"
61
- ?disabled="${e}"
62
- aria-readonly="${String(Boolean(v))}"
63
- aria-invalid="${String(Boolean(i))}"
64
- aria-describedby="${f(M)}"
65
- @input="${w}">
66
- ${!o||y?void 0:l`
67
- <option
68
- disabled
69
- hidden
70
- class="${r}--select-option"
71
- value="${x}">
72
- ${o}
73
- </option>
74
- `}
75
- ${this._renderItems(this)}
76
- </select>
77
- ${g(p,{class:`${r}--select__arrow`,"aria-hidden":"true"})}
78
- <slot
79
- name="ai-label"
80
- style="--${r}-show-before: ${m||i?"block":"none"}"
81
- @slotchange=${k}></slot>
82
- <slot name="slug" @slotchange=${k}></slot>
83
- ${i?g(u,{class:`${r}--select__invalid-icon`}):void 0}
84
- ${!i&&m?g(b,{class:`${r}--select__invalid-icon ${r}--select__invalid-icon--warning`}):null}
85
- `;return l`
86
- <label class="${z}" for="input">
87
- <slot name="label-text"> ${a} </slot>
88
- </label>
89
-
90
- ${c?l`<div
91
- class="${r}--select-input--inline__wrapper"
92
- ?data-invalid="${i}">
93
- <div
94
- class="${r}--select-input__wrapper"
95
- ?data-invalid="${i}">
96
- ${B}
97
- </div>
98
- </div>`:l`<div
99
- class="${r}--select-input__wrapper"
100
- ?data-invalid="${i}">
101
- ${B}
102
- </div> `}
103
- ${S||I}
104
- `}static get selectorItem(){return`${r}-select-item-group,${r}-select-item`}static get selectorLeafItem(){return`${r}-select-item`}static get slugItem(){return`${r}-slug`}static get aiLabelItem(){return`${r}-ai-label`}static get eventSelect(){return`${r}-select-selected`}};w.shadowRootOptions=Object.assign(Object.assign({},t.shadowRootOptions),{delegatesFocus:!0}),w.styles=x,s([o("select")],w.prototype,"_selectNode",void 0),s([o("#input")],w.prototype,"_inputNode",void 0),s([function(s){return(t,c)=>a(t,c,{get(){return(this.renderRoot??(e??=document.createDocumentFragment())).querySelectorAll(s)}})}(`.${r}--select-option[selected]`)],w.prototype,"_selectedOptionNodes",void 0),s([i({type:Boolean})],w.prototype,"autofocus",void 0),s([i({type:Boolean,reflect:!0})],w.prototype,"disabled",void 0),s([i({attribute:"helper-text"})],w.prototype,"helperText",void 0),s([i({type:Boolean,attribute:"hide-label"})],w.prototype,"hideLabel",void 0),s([i()],w.prototype,"id",void 0),s([i({type:Boolean,reflect:!0})],w.prototype,"invalid",void 0),s([i({attribute:"invalid-text"})],w.prototype,"invalidText",void 0),s([i({type:Boolean,reflect:!0})],w.prototype,"warn",void 0),s([i({attribute:"warn-text"})],w.prototype,"warnText",void 0),s([i({attribute:"label-text"})],w.prototype,"labelText",void 0),s([i({type:Boolean,reflect:!0})],w.prototype,"inline",void 0),s([i({type:Boolean})],w.prototype,"multiple",null),s([i()],w.prototype,"name",void 0),s([i()],w.prototype,"pattern",void 0),s([i({reflect:!0})],w.prototype,"placeholder",void 0),s([i({type:Boolean,reflect:!0})],w.prototype,"readonly",void 0),s([i({type:Boolean,reflect:!0})],w.prototype,"required",void 0),s([i({attribute:"required-validity-message"})],w.prototype,"requiredValidityMessage",void 0),s([i({type:Number})],w.prototype,"selectedIndex",null),s([i({reflect:!0})],w.prototype,"size",void 0),s([i({reflect:!0})],w.prototype,"value",void 0),w=s([d(`${r}-select`)],w);export{x as s};