@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.
- package/custom-elements.json +1225 -97
- package/dist/accordion.min.js +1 -1
- package/dist/code-snippet.min.js +7 -7
- package/dist/{collection-helpers-_CvqQaiX.js → collection-helpers-C5emLOnk.js} +1 -1
- package/dist/combo-box.min.js +5 -5
- package/dist/{content-switcher-item-VHI7iTTP.js → content-switcher-item-3fTDI2Aq.js} +1 -1
- package/dist/content-switcher.min.js +1 -1
- package/dist/data-table.min.js +1 -1
- package/dist/date-picker.min.js +1 -1
- package/dist/{dropdown-item-Pt_eWt66.js → dropdown-item-BO7AhHPd.js} +25 -25
- package/dist/dropdown.min.js +1 -1
- package/dist/file-uploader.min.js +1 -1
- package/dist/fluid-search.min.js +33 -0
- package/dist/fluid-select.min.js +30 -0
- package/dist/fluid-textarea.min.js +36 -0
- package/dist/icon-indicator.min.js +1 -1
- package/dist/inline-loading.min.js +1 -1
- package/dist/list.min.js +1 -1
- package/dist/loading.min.js +1 -1
- package/dist/menu.min.js +1 -1
- package/dist/modal.min.js +5 -5
- package/dist/multi-select.min.js +1 -1
- package/dist/overflow-menu.min.js +1 -1
- package/dist/pagination.min.js +1 -1
- package/dist/progress-indicator.min.js +1 -1
- package/dist/radio-button.min.js +10 -8
- package/dist/{search-BrKCrPl3.js → search-DhwzN9sI.js} +2 -1
- package/dist/search.min.js +4 -4
- package/dist/select-BIi12O8B.js +108 -0
- package/dist/select-item-Be7OL9mD.js +28 -0
- package/dist/select-skeleton-8uIIQzNt.js +31 -0
- package/dist/select.min.js +1 -4
- package/dist/structured-list.min.js +1 -1
- package/dist/tabs.min.js +1 -1
- package/dist/textarea.min.js +23 -15
- package/dist/time-picker.min.js +20 -20
- package/dist/ui-shell.min.js +2 -2
- package/es/components/combo-box/combo-box.d.ts +9 -2
- package/es/components/combo-box/combo-box.js +63 -6
- package/es/components/combo-box/combo-box.js.map +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/dropdown/dropdown.d.ts +8 -0
- package/es/components/dropdown/dropdown.js +29 -11
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/file-uploader/file-uploader.scss.js +1 -1
- package/es/components/fluid-search/fluid-search-skeleton.d.ts +17 -0
- package/es/components/fluid-search/fluid-search-skeleton.js +38 -0
- package/es/components/fluid-search/fluid-search-skeleton.js.map +1 -0
- package/es/components/fluid-search/fluid-search.d.ts +17 -0
- package/es/components/fluid-search/fluid-search.js +44 -0
- package/es/components/fluid-search/fluid-search.js.map +1 -0
- package/es/components/fluid-search/fluid-search.scss.js +13 -0
- package/es/components/fluid-search/fluid-search.scss.js.map +1 -0
- package/es/components/fluid-search/index.d.ts +8 -0
- package/es/components/fluid-search/index.js +10 -0
- package/es/components/fluid-search/index.js.map +1 -0
- package/es/components/fluid-select/fluid-select-skeleton.d.ts +17 -0
- package/es/components/fluid-select/fluid-select-skeleton.js +40 -0
- package/es/components/fluid-select/fluid-select-skeleton.js.map +1 -0
- package/es/components/fluid-select/fluid-select.d.ts +19 -0
- package/es/components/fluid-select/fluid-select.js +59 -0
- package/es/components/fluid-select/fluid-select.js.map +1 -0
- package/es/components/fluid-select/fluid-select.scss.js +13 -0
- package/es/components/fluid-select/fluid-select.scss.js.map +1 -0
- package/es/components/fluid-select/index.d.ts +8 -0
- package/es/components/fluid-select/index.js +10 -0
- package/es/components/fluid-select/index.js.map +1 -0
- package/es/components/fluid-textarea/fluid-textarea-skeleton.d.ts +17 -0
- package/es/components/fluid-textarea/fluid-textarea-skeleton.js +42 -0
- package/es/components/fluid-textarea/fluid-textarea-skeleton.js.map +1 -0
- package/es/components/fluid-textarea/fluid-textarea.d.ts +18 -0
- package/es/components/fluid-textarea/fluid-textarea.js +46 -0
- package/es/components/fluid-textarea/fluid-textarea.js.map +1 -0
- package/es/components/fluid-textarea/fluid-textarea.scss.js +13 -0
- package/es/components/fluid-textarea/fluid-textarea.scss.js.map +1 -0
- package/es/components/fluid-textarea/index.d.ts +8 -0
- package/es/components/fluid-textarea/index.js +10 -0
- package/es/components/fluid-textarea/index.js.map +1 -0
- package/es/components/inline-loading/inline-loading.scss.js +1 -1
- package/es/components/list/list.scss.js +1 -1
- package/es/components/loading/loading.scss.js +1 -1
- package/es/components/menu/menu.js +3 -1
- package/es/components/menu/menu.js.map +1 -1
- package/es/components/modal/modal.scss.js +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/overflow-menu/overflow-menu-body.js +22 -10
- package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es/components/radio-button/radio-button-group.js +4 -2
- package/es/components/radio-button/radio-button-group.js.map +1 -1
- package/es/components/radio-button/radio-button.d.ts +8 -0
- package/es/components/radio-button/radio-button.js +53 -3
- package/es/components/radio-button/radio-button.js.map +1 -1
- package/es/components/radio-button/radio-button.scss.js +1 -1
- package/es/components/search/search-skeleton.js +2 -2
- package/es/components/search/search-skeleton.js.map +1 -1
- package/es/components/search/search.js +1 -0
- package/es/components/search/search.js.map +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/select/select.d.ts +4 -0
- package/es/components/select/select.js +14 -1
- package/es/components/select/select.js.map +1 -1
- package/es/components/select/select.scss.js +1 -1
- package/es/components/textarea/textarea.d.ts +4 -0
- package/es/components/textarea/textarea.js +37 -11
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/time-picker/time-picker.js +13 -8
- package/es/components/time-picker/time-picker.js.map +1 -1
- package/es/components/ui-shell/side-nav.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.d.ts +9 -2
- package/es-custom/components/combo-box/combo-box.js +63 -6
- package/es-custom/components/combo-box/combo-box.js.map +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.d.ts +8 -0
- package/es-custom/components/dropdown/dropdown.js +29 -11
- package/es-custom/components/dropdown/dropdown.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
- package/es-custom/components/fluid-search/fluid-search-skeleton.d.ts +17 -0
- package/es-custom/components/fluid-search/fluid-search-skeleton.js +38 -0
- package/es-custom/components/fluid-search/fluid-search-skeleton.js.map +1 -0
- package/es-custom/components/fluid-search/fluid-search.d.ts +17 -0
- package/es-custom/components/fluid-search/fluid-search.js +44 -0
- package/es-custom/components/fluid-search/fluid-search.js.map +1 -0
- package/es-custom/components/fluid-search/fluid-search.scss.js +13 -0
- package/es-custom/components/fluid-search/fluid-search.scss.js.map +1 -0
- package/es-custom/components/fluid-search/index.d.ts +8 -0
- package/es-custom/components/fluid-search/index.js +10 -0
- package/es-custom/components/fluid-search/index.js.map +1 -0
- package/es-custom/components/fluid-select/fluid-select-skeleton.d.ts +17 -0
- package/es-custom/components/fluid-select/fluid-select-skeleton.js +40 -0
- package/es-custom/components/fluid-select/fluid-select-skeleton.js.map +1 -0
- package/es-custom/components/fluid-select/fluid-select.d.ts +19 -0
- package/es-custom/components/fluid-select/fluid-select.js +59 -0
- package/es-custom/components/fluid-select/fluid-select.js.map +1 -0
- package/es-custom/components/fluid-select/fluid-select.scss.js +13 -0
- package/es-custom/components/fluid-select/fluid-select.scss.js.map +1 -0
- package/es-custom/components/fluid-select/index.d.ts +8 -0
- package/es-custom/components/fluid-select/index.js +10 -0
- package/es-custom/components/fluid-select/index.js.map +1 -0
- package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.d.ts +17 -0
- package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.js +42 -0
- package/es-custom/components/fluid-textarea/fluid-textarea-skeleton.js.map +1 -0
- package/es-custom/components/fluid-textarea/fluid-textarea.d.ts +18 -0
- package/es-custom/components/fluid-textarea/fluid-textarea.js +46 -0
- package/es-custom/components/fluid-textarea/fluid-textarea.js.map +1 -0
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +13 -0
- package/es-custom/components/fluid-textarea/fluid-textarea.scss.js.map +1 -0
- package/es-custom/components/fluid-textarea/index.d.ts +8 -0
- package/es-custom/components/fluid-textarea/index.js +10 -0
- package/es-custom/components/fluid-textarea/index.js.map +1 -0
- package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
- package/es-custom/components/list/list.scss.js +1 -1
- package/es-custom/components/loading/loading.scss.js +1 -1
- package/es-custom/components/menu/menu.js +3 -1
- package/es-custom/components/menu/menu.js.map +1 -1
- package/es-custom/components/modal/modal.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/overflow-menu/overflow-menu-body.js +22 -10
- package/es-custom/components/overflow-menu/overflow-menu-body.js.map +1 -1
- package/es-custom/components/radio-button/radio-button-group.js +4 -2
- package/es-custom/components/radio-button/radio-button-group.js.map +1 -1
- package/es-custom/components/radio-button/radio-button.d.ts +8 -0
- package/es-custom/components/radio-button/radio-button.js +53 -3
- package/es-custom/components/radio-button/radio-button.js.map +1 -1
- package/es-custom/components/radio-button/radio-button.scss.js +1 -1
- package/es-custom/components/search/search-skeleton.js +2 -2
- package/es-custom/components/search/search-skeleton.js.map +1 -1
- package/es-custom/components/search/search.js +1 -0
- package/es-custom/components/search/search.js.map +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/select/select.d.ts +4 -0
- package/es-custom/components/select/select.js +14 -1
- package/es-custom/components/select/select.js.map +1 -1
- package/es-custom/components/select/select.scss.js +1 -1
- package/es-custom/components/textarea/textarea.d.ts +4 -0
- package/es-custom/components/textarea/textarea.js +37 -11
- package/es-custom/components/textarea/textarea.js.map +1 -1
- package/es-custom/components/time-picker/time-picker.js +13 -8
- package/es-custom/components/time-picker/time-picker.js.map +1 -1
- package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
- package/lib/components/combo-box/combo-box.d.ts +9 -2
- package/lib/components/dropdown/dropdown.d.ts +8 -0
- package/lib/components/fluid-search/fluid-search-skeleton.d.ts +17 -0
- package/lib/components/fluid-search/fluid-search.d.ts +17 -0
- package/lib/components/fluid-search/index.d.ts +8 -0
- package/lib/components/fluid-select/fluid-select-skeleton.d.ts +17 -0
- package/lib/components/fluid-select/fluid-select.d.ts +19 -0
- package/lib/components/fluid-select/index.d.ts +8 -0
- package/lib/components/fluid-textarea/fluid-textarea-skeleton.d.ts +17 -0
- package/lib/components/fluid-textarea/fluid-textarea.d.ts +18 -0
- package/lib/components/fluid-textarea/index.d.ts +8 -0
- package/lib/components/radio-button/radio-button.d.ts +8 -0
- package/lib/components/select/select.d.ts +4 -0
- package/lib/components/textarea/textarea.d.ts +4 -0
- package/package.json +6 -6
- package/scss/components/combo-box/combo-box.scss +82 -18
- package/scss/components/data-table/_table-core.scss +9 -9
- package/scss/components/data-table/_table-expandable.scss +7 -7
- package/scss/components/data-table/_table-selection.scss +3 -3
- package/scss/components/dropdown/dropdown.scss +2 -0
- package/scss/components/fluid-search/fluid-search.scss +55 -0
- package/scss/components/fluid-select/fluid-select.scss +58 -0
- package/scss/components/fluid-textarea/fluid-textarea.scss +16 -0
- package/scss/components/list/list.scss +1 -1
- package/scss/components/radio-button/radio-button.scss +9 -4
- package/scss/components/select/select.scss +1 -0
- package/telemetry.yml +9 -10
- 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])
|
|
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(
|
|
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:
|
package/dist/select-Dwsf_c0t.js
DELETED
|
@@ -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};
|