@carbon/web-components 2.46.0-rc.0 → 2.46.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 +161 -2
- package/dist/accordion.min.js +2 -2
- package/dist/ai-label.min.js +2 -2
- package/dist/ai-skeleton.min.js +2 -2
- package/dist/badge-indicator.min.js +2 -2
- package/dist/breadcrumb.min.js +2 -2
- package/dist/{button-B6EupeKC.js → button-3n7S6dfU.js} +2 -2
- package/dist/{button-skeleton-D6LHVMUE.js → button-skeleton-DE9AxBek.js} +2 -2
- package/dist/button.min.js +2 -2
- package/dist/chat-button.min.js +2 -2
- package/dist/{checkbox-BRtJQKoe.js → checkbox-CFU6bnOa.js} +2 -2
- package/dist/checkbox.min.js +2 -2
- package/dist/{class-map-BWqhpJ_w.js → class-map-BLvVLLRH.js} +2 -2
- package/dist/code-snippet.min.js +2 -2
- package/dist/combo-box.min.js +2 -2
- package/dist/combo-button.min.js +2 -2
- package/dist/contained-list.min.js +70 -0
- package/dist/{content-switcher-item-DIYS21Yi.js → content-switcher-item-CXc-BbRX.js} +2 -2
- package/dist/content-switcher.min.js +2 -2
- package/dist/copy-button.min.js +2 -2
- package/dist/data-table.min.js +2 -2
- package/dist/date-picker.min.js +2 -2
- package/dist/{dropdown-item-C7ZY_dPq.js → dropdown-item-CSXYY4Up.js} +2 -2
- package/dist/dropdown.min.js +2 -2
- package/dist/feature-flags.min.js +2 -2
- package/dist/file-uploader.min.js +2 -2
- package/dist/floating-menu.min.js +2 -2
- package/dist/fluid-number-input.min.js +2 -2
- package/dist/fluid-search.min.js +2 -2
- package/dist/fluid-select.min.js +2 -2
- package/dist/fluid-text-input.min.js +2 -2
- package/dist/fluid-textarea.min.js +2 -2
- package/dist/{focus-WTypVo8z.js → focus-DCv16lgz.js} +2 -2
- package/dist/{form-CLWWjdmR.js → form-D0wM2t2A.js} +2 -2
- package/dist/form-group.min.js +2 -2
- package/dist/form.min.js +2 -2
- package/dist/grid.min.js +2 -2
- package/dist/heading.min.js +2 -2
- package/dist/{host-listener-C7ueKaHY.js → host-listener-maKckXVl.js} +2 -2
- package/dist/icon-button.min.js +2 -2
- package/dist/icon-indicator.min.js +2 -2
- package/dist/{icon-loader-BgBdF7Wh.js → icon-loader-BiaaiIZd.js} +2 -2
- package/dist/{icon-loader-utils-D_SIVhid.js → icon-loader-utils-Dw7YsY3n.js} +2 -2
- package/dist/icon.min.js +2 -2
- package/dist/{if-defined-BYeCDsXc.js → if-defined-B342gMhK.js} +2 -2
- package/dist/{if-non-empty-BoVz_wi3.js → if-non-empty-BXM4sQkm.js} +2 -2
- package/dist/inline-loading.min.js +2 -2
- package/dist/layer.min.js +2 -2
- package/dist/link.min.js +2 -2
- package/dist/list.min.js +2 -2
- package/dist/{loading-icon-CbiTnx6j.js → loading-icon-9dSwtpx9.js} +2 -2
- package/dist/loading.min.js +2 -2
- package/dist/menu-button.min.js +2 -2
- package/dist/menu.min.js +2 -2
- package/dist/modal.min.js +2 -2
- package/dist/multi-select.min.js +2 -2
- package/dist/notification.min.js +2 -2
- package/dist/number-input.min.js +2 -2
- package/dist/overflow-menu.min.js +2 -2
- package/dist/page-header.min.js +2 -2
- package/dist/pagination.min.js +2 -2
- package/dist/password-input.min.js +2 -2
- package/dist/popover.min.js +2 -2
- package/dist/progress-bar.min.js +2 -2
- package/dist/progress-indicator.min.js +2 -2
- package/dist/{property-aSSmOXUc.js → property-D8KHfsO7.js} +2 -2
- package/dist/{query-assigned-elements-CJtBgeNL.js → query-assigned-elements-CuK851Xm.js} +2 -2
- package/dist/radio-button.min.js +2 -2
- package/dist/{search-B8WI5QCQ.js → search-BpfBrZ_q.js} +2 -2
- package/dist/search.min.js +2 -2
- package/dist/{select-C6FRldb_.js → select-Bu-C3DEh.js} +2 -2
- package/dist/{select-item-BCADBcm5.js → select-item-CY7ZCgDO.js} +2 -2
- package/dist/{select-skeleton-4DzWsfn6.js → select-skeleton-Bj1W9rv-.js} +2 -2
- package/dist/select.min.js +2 -2
- package/dist/shape-indicator.min.js +2 -2
- package/dist/side-panel.min.js +2 -2
- package/dist/skeleton-icon.min.js +2 -2
- package/dist/skeleton-placeholder.min.js +2 -2
- package/dist/skeleton-text.min.js +2 -2
- package/dist/skip-to-content.min.js +2 -2
- package/dist/slider.min.js +185 -99
- package/dist/slug.min.js +2 -2
- package/dist/stack.min.js +2 -2
- package/dist/{state-3rJ0MPt3.js → state-DVnprZ3A.js} +2 -2
- package/dist/structured-list.min.js +2 -2
- package/dist/tabs.min.js +2 -2
- package/dist/tag.min.js +2 -2
- package/dist/tearsheet.min.js +2 -2
- package/dist/{text-input-CflHOip-.js → text-input-CMLDDQcE.js} +2 -2
- package/dist/text-input.min.js +2 -2
- package/dist/textarea.min.js +2 -2
- package/dist/tile.min.js +2 -2
- package/dist/time-picker.min.js +2 -2
- package/dist/toggle-tip.min.js +2 -2
- package/dist/toggle.min.js +2 -2
- package/dist/{tooltip-content-GYKS4_SW.js → tooltip-content-eYgOs_c2.js} +2 -2
- package/dist/tooltip.min.js +2 -2
- package/dist/tree-view.min.js +2 -2
- package/dist/ui-shell.min.js +2 -2
- package/dist/{unsafe-html-CHvZXpC2.js → unsafe-html-SGvBIOsG.js} +2 -2
- package/es/components/contained-list/contained-list-description.d.ts +18 -0
- package/es/components/contained-list/contained-list-description.js +38 -0
- package/es/components/contained-list/contained-list-description.js.map +1 -0
- package/es/components/contained-list/contained-list-item.d.ts +43 -0
- package/es/components/contained-list/contained-list-item.js +135 -0
- package/es/components/contained-list/contained-list-item.js.map +1 -0
- package/es/components/contained-list/contained-list.d.ts +37 -0
- package/es/components/contained-list/contained-list.js +95 -0
- package/es/components/contained-list/contained-list.js.map +1 -0
- package/es/components/contained-list/contained-list.scss.js +13 -0
- package/es/components/contained-list/contained-list.scss.js.map +1 -0
- package/es/components/contained-list/index.d.ts +9 -0
- package/es/components/contained-list/index.js +11 -0
- package/es/components/contained-list/index.js.map +1 -0
- package/es/components/search/search.scss.js +1 -1
- package/es/components/slider/slider-input.js +14 -18
- package/es/components/slider/slider-input.js.map +1 -1
- package/es/components/slider/slider.d.ts +7 -0
- package/es/components/slider/slider.js +226 -83
- package/es/components/slider/slider.js.map +1 -1
- package/es/components/slider/slider.scss.js +1 -1
- package/es-custom/components/contained-list/contained-list-description.d.ts +18 -0
- package/es-custom/components/contained-list/contained-list-description.js +38 -0
- package/es-custom/components/contained-list/contained-list-description.js.map +1 -0
- package/es-custom/components/contained-list/contained-list-item.d.ts +43 -0
- package/es-custom/components/contained-list/contained-list-item.js +135 -0
- package/es-custom/components/contained-list/contained-list-item.js.map +1 -0
- package/es-custom/components/contained-list/contained-list.d.ts +37 -0
- package/es-custom/components/contained-list/contained-list.js +95 -0
- package/es-custom/components/contained-list/contained-list.js.map +1 -0
- package/es-custom/components/contained-list/contained-list.scss.js +13 -0
- package/es-custom/components/contained-list/contained-list.scss.js.map +1 -0
- package/es-custom/components/contained-list/index.d.ts +9 -0
- package/es-custom/components/contained-list/index.js +11 -0
- package/es-custom/components/contained-list/index.js.map +1 -0
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/slider/slider-input.js +14 -18
- package/es-custom/components/slider/slider-input.js.map +1 -1
- package/es-custom/components/slider/slider.d.ts +7 -0
- package/es-custom/components/slider/slider.js +226 -83
- package/es-custom/components/slider/slider.js.map +1 -1
- package/es-custom/components/slider/slider.scss.js +1 -1
- package/lib/components/contained-list/contained-list-description.d.ts +18 -0
- package/lib/components/contained-list/contained-list-item.d.ts +43 -0
- package/lib/components/contained-list/contained-list.d.ts +37 -0
- package/lib/components/contained-list/index.d.ts +9 -0
- package/lib/components/slider/slider.d.ts +7 -0
- package/package.json +5 -5
- package/scss/components/contained-list/contained-list.scss +48 -0
- package/scss/components/search/search.scss +6 -0
- package/scss/components/slider/slider.scss +33 -5
- package/telemetry.yml +7 -1
- package/dist/{16-BT5sXO15.js → 16-BXPirV4t.js} +1 -1
- package/dist/{16-B6C_xKn2.js → 16-BcPXq4VE.js} +1 -1
- package/dist/{16-DVuMOaoL.js → 16-BiojhJb6.js} +1 -1
- package/dist/{16-DYRVrmHV.js → 16-BirbARgt.js} +1 -1
- package/dist/{16-DkjjxfhG.js → 16-CCrV-EKs.js} +1 -1
- package/dist/{16-C66wniDo.js → 16-CNObEOvs.js} +1 -1
- package/dist/{16-DsqlCz5e.js → 16-CsHohlYG.js} +1 -1
- package/dist/{16-CCuMFg-_.js → 16-D9rqeJJl.js} +1 -1
- package/dist/{16-BEal2V76.js → 16-DEZ8LNs3.js} +1 -1
- package/dist/{16-De5FrWrf.js → 16-DThcsE9v.js} +1 -1
- package/dist/{16-DS87A5wI.js → 16-T0hLy__N.js} +1 -1
- package/dist/{16-Cl7tP9gJ.js → 16-mUGLFymm.js} +1 -1
- package/dist/{20-M8uN1-3k.js → 20-BSzLZNRY.js} +1 -1
- package/dist/{20-CyyHLwAd.js → 20-ZHgmfbqd.js} +1 -1
- package/dist/{carbon-element-pT2WqooF.js → carbon-element-tFMTVffV.js} +1 -1
- package/dist/{collection-helpers-Gmd3UWpm.js → collection-helpers-C8K_t6zj.js} +1 -1
- package/dist/{consume-CGHIe8Yq.js → consume-DNv3sWri.js} +1 -1
- package/dist/{defs-C0oAwtU_.js → defs-CcLNpvSO.js} +1 -1
- package/dist/{directive-DfnquK5o.js → directive-CwpJ03IP.js} +1 -1
- package/dist/{floating-controller-DcT4xouq.js → floating-controller-ClaZwDaj.js} +1 -1
- package/dist/{host-listener-Dro6eKXH.js → host-listener-BFnrKETa.js} +1 -1
- package/dist/{lit-element-C8iTMOf2.js → lit-element-W7dQy3wx.js} +1 -1
- package/dist/{on-DgqcjrHg.js → on-Bh72-1o0.js} +1 -1
- package/dist/{query-C0ITLV7N.js → query-DZZk85FD.js} +1 -1
- package/dist/{radio-group-manager-Ds3A_uvs.js → radio-group-manager-BbeUxJeN.js} +1 -1
- package/dist/{settings-C6nB0wqh.js → settings-CVGvqY8T.js} +1 -1
- package/dist/{shared-enums-BbVHHvKz.js → shared-enums-D2BNx9-N.js} +1 -1
- package/dist/{validity-Dc6JTKVG.js → validity-CzCNnEZK.js} +1 -1
package/custom-elements.json
CHANGED
|
@@ -3079,6 +3079,159 @@
|
|
|
3079
3079
|
}
|
|
3080
3080
|
]
|
|
3081
3081
|
},
|
|
3082
|
+
{
|
|
3083
|
+
"name": "cds-contained-list-description",
|
|
3084
|
+
"path": "./src/components/contained-list/contained-list-description.ts",
|
|
3085
|
+
"description": "Contained list description text.",
|
|
3086
|
+
"properties": [
|
|
3087
|
+
{
|
|
3088
|
+
"name": "styles",
|
|
3089
|
+
"default": "\"styles\""
|
|
3090
|
+
}
|
|
3091
|
+
],
|
|
3092
|
+
"slots": [
|
|
3093
|
+
{
|
|
3094
|
+
"name": "",
|
|
3095
|
+
"description": "The description text content"
|
|
3096
|
+
}
|
|
3097
|
+
]
|
|
3098
|
+
},
|
|
3099
|
+
{
|
|
3100
|
+
"name": "cds-contained-list-item",
|
|
3101
|
+
"path": "./src/components/contained-list/contained-list-item.ts",
|
|
3102
|
+
"description": "Contained list item.",
|
|
3103
|
+
"attributes": [
|
|
3104
|
+
{
|
|
3105
|
+
"name": "clickable",
|
|
3106
|
+
"description": "Whether this item is clickable",
|
|
3107
|
+
"type": "boolean",
|
|
3108
|
+
"default": "false"
|
|
3109
|
+
},
|
|
3110
|
+
{
|
|
3111
|
+
"name": "disabled",
|
|
3112
|
+
"description": "Whether this item is disabled.",
|
|
3113
|
+
"type": "boolean",
|
|
3114
|
+
"default": "false"
|
|
3115
|
+
}
|
|
3116
|
+
],
|
|
3117
|
+
"properties": [
|
|
3118
|
+
{
|
|
3119
|
+
"name": "clickable",
|
|
3120
|
+
"attribute": "clickable",
|
|
3121
|
+
"description": "Whether this item is clickable",
|
|
3122
|
+
"type": "boolean",
|
|
3123
|
+
"default": "false"
|
|
3124
|
+
},
|
|
3125
|
+
{
|
|
3126
|
+
"name": "disabled",
|
|
3127
|
+
"attribute": "disabled",
|
|
3128
|
+
"description": "Whether this item is disabled.",
|
|
3129
|
+
"type": "boolean",
|
|
3130
|
+
"default": "false"
|
|
3131
|
+
},
|
|
3132
|
+
{
|
|
3133
|
+
"name": "styles",
|
|
3134
|
+
"default": "\"styles\""
|
|
3135
|
+
}
|
|
3136
|
+
],
|
|
3137
|
+
"events": [
|
|
3138
|
+
{
|
|
3139
|
+
"name": "cds-contained-list-item-click",
|
|
3140
|
+
"description": "Fires when clickable item is clicked"
|
|
3141
|
+
}
|
|
3142
|
+
],
|
|
3143
|
+
"slots": [
|
|
3144
|
+
{
|
|
3145
|
+
"name": "",
|
|
3146
|
+
"description": "The content of the list item"
|
|
3147
|
+
},
|
|
3148
|
+
{
|
|
3149
|
+
"name": "icon",
|
|
3150
|
+
"description": "The icon slot for rendering an icon"
|
|
3151
|
+
},
|
|
3152
|
+
{
|
|
3153
|
+
"name": "action",
|
|
3154
|
+
"description": "The action slot for interactive elements"
|
|
3155
|
+
}
|
|
3156
|
+
]
|
|
3157
|
+
},
|
|
3158
|
+
{
|
|
3159
|
+
"name": "cds-contained-list",
|
|
3160
|
+
"path": "./src/components/contained-list/contained-list.ts",
|
|
3161
|
+
"description": "Contained list.",
|
|
3162
|
+
"attributes": [
|
|
3163
|
+
{
|
|
3164
|
+
"name": "is-inset",
|
|
3165
|
+
"description": "Specify whether the dividing lines in between list items should be inset.",
|
|
3166
|
+
"type": "boolean",
|
|
3167
|
+
"default": "false"
|
|
3168
|
+
},
|
|
3169
|
+
{
|
|
3170
|
+
"name": "kind",
|
|
3171
|
+
"description": "The kind of ContainedList you want to display",
|
|
3172
|
+
"type": "Variants",
|
|
3173
|
+
"default": "\"on-page\""
|
|
3174
|
+
},
|
|
3175
|
+
{
|
|
3176
|
+
"name": "label",
|
|
3177
|
+
"description": "A label describing the contained list.",
|
|
3178
|
+
"type": "string",
|
|
3179
|
+
"default": "\"\""
|
|
3180
|
+
},
|
|
3181
|
+
{
|
|
3182
|
+
"name": "size",
|
|
3183
|
+
"description": "Specify the size of the contained list.",
|
|
3184
|
+
"type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | undefined"
|
|
3185
|
+
}
|
|
3186
|
+
],
|
|
3187
|
+
"properties": [
|
|
3188
|
+
{
|
|
3189
|
+
"name": "isInset",
|
|
3190
|
+
"attribute": "is-inset",
|
|
3191
|
+
"description": "Specify whether the dividing lines in between list items should be inset.",
|
|
3192
|
+
"type": "boolean",
|
|
3193
|
+
"default": "false"
|
|
3194
|
+
},
|
|
3195
|
+
{
|
|
3196
|
+
"name": "kind",
|
|
3197
|
+
"attribute": "kind",
|
|
3198
|
+
"description": "The kind of ContainedList you want to display",
|
|
3199
|
+
"type": "Variants",
|
|
3200
|
+
"default": "\"on-page\""
|
|
3201
|
+
},
|
|
3202
|
+
{
|
|
3203
|
+
"name": "label",
|
|
3204
|
+
"attribute": "label",
|
|
3205
|
+
"description": "A label describing the contained list.",
|
|
3206
|
+
"type": "string",
|
|
3207
|
+
"default": "\"\""
|
|
3208
|
+
},
|
|
3209
|
+
{
|
|
3210
|
+
"name": "size",
|
|
3211
|
+
"attribute": "size",
|
|
3212
|
+
"description": "Specify the size of the contained list.",
|
|
3213
|
+
"type": "\"lg\" | \"md\" | \"sm\" | \"xl\" | undefined"
|
|
3214
|
+
},
|
|
3215
|
+
{
|
|
3216
|
+
"name": "styles",
|
|
3217
|
+
"default": "\"styles\""
|
|
3218
|
+
}
|
|
3219
|
+
],
|
|
3220
|
+
"slots": [
|
|
3221
|
+
{
|
|
3222
|
+
"name": "",
|
|
3223
|
+
"description": "The list items (cds-contained-list-item elements)"
|
|
3224
|
+
},
|
|
3225
|
+
{
|
|
3226
|
+
"name": "action",
|
|
3227
|
+
"description": "The action slot for interactive elements in header"
|
|
3228
|
+
},
|
|
3229
|
+
{
|
|
3230
|
+
"name": "label",
|
|
3231
|
+
"description": "The label text"
|
|
3232
|
+
}
|
|
3233
|
+
]
|
|
3234
|
+
},
|
|
3082
3235
|
{
|
|
3083
3236
|
"name": "cds-content-switcher-item",
|
|
3084
3237
|
"path": "./src/components/content-switcher/content-switcher-item.ts",
|
|
@@ -16640,17 +16793,23 @@
|
|
|
16640
16793
|
"type": "boolean",
|
|
16641
16794
|
"default": "false"
|
|
16642
16795
|
},
|
|
16796
|
+
{
|
|
16797
|
+
"name": "formatLabel",
|
|
16798
|
+
"description": "The callback to format the label associated with the minimum/maximum value\nand the value tooltip when hideTextInput is true.",
|
|
16799
|
+
"type": "(value: number, label: string | undefined) => string",
|
|
16800
|
+
"default": "\"(value: number, label: string | undefined) =>\\n `${value}${label ?? ''}`\""
|
|
16801
|
+
},
|
|
16643
16802
|
{
|
|
16644
16803
|
"name": "formatMaxText",
|
|
16645
16804
|
"description": "The formatter for the text for maximum value.\nShould be changed upon the locale the UI is rendered with.",
|
|
16646
16805
|
"type": "(max: string, maxLabel: string | undefined) => string",
|
|
16647
|
-
"default": "\"(max: string, maxLabel: string | undefined) =>\\n
|
|
16806
|
+
"default": "\"(max: string, maxLabel: string | undefined) =>\\n this.formatLabel(Number(max), maxLabel)\""
|
|
16648
16807
|
},
|
|
16649
16808
|
{
|
|
16650
16809
|
"name": "formatMinText",
|
|
16651
16810
|
"description": "The formatter for the text for min/max value.\nShould be changed upon the locale the UI is rendered with.",
|
|
16652
16811
|
"type": "(min: string, minLabel: string | undefined) => string",
|
|
16653
|
-
"default": "\"(min: string, minLabel: string | undefined) =>\\n
|
|
16812
|
+
"default": "\"(min: string, minLabel: string | undefined) =>\\n this.formatLabel(Number(min), minLabel)\""
|
|
16654
16813
|
},
|
|
16655
16814
|
{
|
|
16656
16815
|
"name": "max",
|
package/dist/accordion.min.js
CHANGED
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
* https://www.npmjs.com/package/lit-html
|
|
22
22
|
* https://www.npmjs.com/package/lit-element
|
|
23
23
|
* https://www.npmjs.com/package/@lit/reactive-element
|
|
24
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
25
24
|
* https://www.npmjs.com/package/@floating-ui/utils
|
|
25
|
+
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{i as e,_ as o,r as c,x as t}from"./lit-element-C8iTMOf2.js";import{n as s}from"./property-aSSmOXUc.js";import{p as i}from"./settings-C6nB0wqh.js";import{f as d}from"./collection-helpers-Gmd3UWpm.js";import{c as n}from"./carbon-element-pT2WqooF.js";import{e as a}from"./class-map-BWqhpJ_w.js";import{_ as r}from"./16-DS87A5wI.js";import{i as l}from"./icon-loader-BgBdF7Wh.js";import{F as h}from"./focus-WTypVo8z.js";import"./skeleton-text.min.js";import"./directive-DfnquK5o.js";import"./icon-loader-utils-D_SIVhid.js";import"./unsafe-html-CHvZXpC2.js";var u,m,_;!function(e){e.SMALL="sm",e.MEDIUM="md"}(u||(u={})),function(e){e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg"}(m||(m={})),function(e){e.START="start",e.END="END"}(_||(_={}));var g=e(['.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)}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm,:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg,:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--accordion *,.cds--accordion :after,.cds--accordion :before,:host(cds-accordion) *,:host(cds-accordion) :after,:host(cds-accordion) :before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) :after,:host(cds-accordion-skeleton) :before{box-sizing:inherit}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){inline-size:100%;list-style:none}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle);display:list-item;overflow:visible;transition:border-color .11s cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__item:not(.cds--accordion__item--active):hover,.cds--accordion__item:not(.cds--accordion__item--active):hover+.cds--accordion__item,.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item),.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item-skeleton){border-block-start-color:var(--cds-layer-hover)}.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover{border-block-end-color:var(--cds-layer-hover)}.cds--accordion__heading{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;display:inline-block;font-family:inherit;font-size:100%;padding:0;text-align:start;transition:background-color .11s cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--accordion__heading *,.cds--accordion__heading :after,.cds--accordion__heading :before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading{align-items:center;color:var(--cds-text-primary,#161616);cursor:pointer;display:flex;flex-direction:row-reverse;inline-size:100%;justify-content:flex-start;margin:0;min-block-size:var(--cds-layout-size-height-local);padding-inline-end:var(--cds-layout-density-padding-inline-local);position:relative}.cds--accordion__heading:hover{background-color:var(--cds-layer-hover);outline:none}.cds--accordion__heading:focus{box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:none;position:relative;z-index:2}.cds--accordion__heading[disabled]{background-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--accordion__heading[disabled]:hover:before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{block-size:1rem;flex:0 0 1rem;outline:2px solid transparent;outline-offset:-2px;transition:all .11s cubic-bezier(.2,0,.38,.9);fill:var(--cds-icon-primary,#161616);inline-size:1rem;transform:rotate(-270deg)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding-inline-start:1rem;text-align:start;z-index:1}.cds--accordion__wrapper{display:none;max-block-size:0;opacity:0;overflow:hidden;padding:0;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9);writing-mode:horizontal-tb}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 var(--cds-layout-density-padding-inline-local)}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-inline-start:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible;padding-block:.5rem;padding-block-end:1.5rem}.cds--accordion__item--active>.cds--accordion__heading>.cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__heading>.cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}@starting-style{.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{max-block-size:0;opacity:0;padding:0}}.cds--accordion--flush .cds--accordion__item,.cds--accordion--flush :host(cds-accordion-item),.cds--accordion--flush :host(cds-accordion-item-skeleton){border-color:transparent;position:relative}.cds--accordion--flush .cds--accordion__item:hover,.cds--accordion--flush .cds--accordion__item:hover+.cds--accordion__item,.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item),.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),.cds--accordion--flush .cds--accordion__item:last-child,.cds--accordion--flush .cds--accordion__item:last-child:hover{border-color:transparent}.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{block-size:1px;content:"";display:block;inline-size:calc(100% - 2rem);margin-inline-start:1rem;position:absolute;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{transition:none}}.cds--accordion--flush .cds--accordion__item:before{background:var(--cds-border-subtle);inset-block-start:-1px}.cds--accordion--flush .cds--accordion__item:last-child:after{background:var(--cds-border-subtle);inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover{position:relative;z-index:1}.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{background:var(--cds-layer-hover);block-size:1px;content:"";display:block;inline-size:100%;inset-inline-start:0;position:absolute;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{transition:none}}.cds--accordion--flush .cds--accordion__heading:hover:before{inset-block-start:-1px}.cds--accordion--flush .cds--accordion__heading:hover:after{inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover:focus:after,.cds--accordion--flush .cds--accordion__heading:hover:focus:before{background:none}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover{border:none;cursor:default;outline:none}.cds--accordion.cds--skeleton .cds--accordion__heading:hover,.cds--accordion.cds--skeleton .cds--accordion__heading:hover:before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-inline-start:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:none}.cds--accordion__title.cds--skeleton__text{margin-block-end:0}.cds--accordion.cds--skeleton .cds--accordion__title{margin-inline-start:1rem}[dir=rtl] .cds--accordion--start .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__heading{padding-inline:var(--cds-layout-density-padding-inline-local) 0}[dir=rtl] .cds--accordion--start .cds--accordion__title,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:0;padding-inline-start:0}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);outline:none}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size)!important;font-weight:var(--cds-body-01-font-weight);letter-spacing:var(--cds-body-01-letter-spacing);line-height:var(--cds-body-01-line-height);margin:0}:host([data-last-item]){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[isFlush]),:host(cds-accordion-item[isFlush]){border-color:transparent;position:relative}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{block-size:1px;content:"";display:block;inline-size:calc(100% - 2rem);margin-inline-start:1rem;position:absolute;transition:background .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{transition:none}}:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):before{background:var(--cds-border-subtle);inset-block-start:-1px}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item[isFlush]):after{background:var(--cds-border-subtle);inset-block-end:-1px}:host([isFlush]) .cds--accordion__heading:hover{position:relative;z-index:1}:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{background:var(--cds-layer-hover);block-size:1px;content:"";display:block;inline-size:100%;inset-inline-start:0;position:absolute;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{transition:none}}:host([isFlush]) .cds--accordion__heading:hover:before{inset-block-start:-1px}:host([isFlush]) .cds--accordion__heading:hover:after{inset-block-end:-1px}:host([isFlush]) .cds--accordion__heading:hover:focus:after,:host([isFlush]) .cds--accordion__heading:hover:focus:before{background:none}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-inline-end:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-inline-end:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-inline-end:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default;pointer-events:none}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover:before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover:before{background:transparent}:host(cds-accordion-item-skeleton[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-skeleton) .cds--accordion__item.cds--accordion--END .cds--accordion__arrow{margin-inline-start:1rem}:host(cds-accordion-item-skeleton) .cds--accordion__title,:host(cds-accordion-skeleton) .cds--accordion__heading .cds--accordion__title{padding-block-start:.5rem}.controlled-accordion-btn{max-inline-size:13.25rem}']);let y=class extends c{constructor(){super(...arguments),this.size=m.MEDIUM,this.alignment=_.END,this.isFlush=!1,this.disabled=!1}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","list"),super.connectedCallback()}updated(e){e.has("size")&&d(this.querySelectorAll(this.constructor.selectorAccordionItems),(e=>{e.setAttribute("size",this.size)})),e.has("alignment")&&d(this.querySelectorAll(this.constructor.selectorAccordionItems),(e=>{e.setAttribute("alignment",this.alignment)})),(e.has("isFlush")||e.has("alignment"))&&d(this.querySelectorAll(this.constructor.selectorAccordionItems),(e=>{this.isFlush&&"start"!==this.alignment?e.setAttribute("isFlush",""):e.removeAttribute("isFlush")})),e.has("disabled")&&d(this.querySelectorAll(this.constructor.selectorAccordionItems),(e=>{this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")}));const o=Array.from(this.querySelectorAll(this.constructor.selectorAccordionItems));o.forEach((e=>e.removeAttribute("data-last-item")));const c=o.reverse().find((e=>!e.hidden));null==c||c.setAttribute("data-last-item","")}render(){return t` <slot></slot> `}static get selectorAccordionItems(){return`${i}-accordion-item`}};y.styles=g,o([s({reflect:!0})],y.prototype,"size",void 0),o([s({reflect:!0})],y.prototype,"alignment",void 0),o([s({type:Boolean,reflect:!0})],y.prototype,"isFlush",void 0),o([s({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),y=o([n(`${i}-accordion`)],y);let v=class extends(h(c)){constructor(){super(...arguments),this._hObserveResize=null,this._handleKeydownExpando=({key:e})=>{!this.open||"Esc"!==e&&"Escape"!==e||this._handleUserInitiatedToggle(!1)},this._resizeObserver=new ResizeObserver((e=>{const{width:o}=e[e.length-1].contentRect,{_sizesBreakpoints:c}=this.constructor;this._currentBreakpoint=Object.keys(c).sort(((e,o)=>c[o]-c[e])).find((e=>o>=c[e])),this.requestUpdate()})),this.disabled=!1,this.open=!1,this.title=""}_handleUserInitiatedToggle(e=!this.open){const o={bubbles:!0,cancelable:!0,composed:!0,detail:{open:e}};if(this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeToggle,o))){const{selectorAccordionContent:c}=this.constructor;this.open?this.setAttribute("collapsing",""):this.setAttribute("expanding",""),this.shadowRoot.querySelector(c).addEventListener("animationend",(()=>{this.removeAttribute("expanding"),this.removeAttribute("collapsing")})),this.open=e,this.dispatchEvent(new CustomEvent(this.constructor.eventToggle,o))}}_handleClickExpando(){this._handleUserInitiatedToggle()}connectedCallback(){var e,o;this.hasAttribute("role")||this.setAttribute("role","listitem"),super.connectedCallback(),this._hObserveResize&&(this._hObserveResize=this._hObserveResize.release()),this._hObserveResize=(e=this._resizeObserver,(o=this)?(e.observe(o),{release:()=>(e.unobserve(o),null)}):null)}disconnectedCallback(){this._hObserveResize&&(this._hObserveResize=this._hObserveResize.release())}render(){const{disabled:e,title:o,open:c,_currentBreakpoint:s,_handleClickExpando:d,_handleKeydownExpando:n}=this,{_classesBreakpoints:h}=this.constructor,{[s]:u}=h,m=a({[u]:u,[`${i}--accordion__content`]:!0});return t`
|
|
28
|
+
import{i as e,_ as o,r as c,x as t}from"./lit-element-W7dQy3wx.js";import{n as s}from"./property-D8KHfsO7.js";import{p as i}from"./settings-CVGvqY8T.js";import{f as d}from"./collection-helpers-C8K_t6zj.js";import{c as n}from"./carbon-element-tFMTVffV.js";import{e as a}from"./class-map-BLvVLLRH.js";import{_ as r}from"./16-T0hLy__N.js";import{i as l}from"./icon-loader-BiaaiIZd.js";import{F as h}from"./focus-DCv16lgz.js";import"./skeleton-text.min.js";import"./directive-CwpJ03IP.js";import"./icon-loader-utils-Dw7YsY3n.js";import"./unsafe-html-SGvBIOsG.js";var u,m,_;!function(e){e.SMALL="sm",e.MEDIUM="md"}(u||(u={})),function(e){e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg"}(m||(m={})),function(e){e.START="start",e.END="END"}(_||(_={}));var g=e(['.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)}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm,:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg,:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--accordion *,.cds--accordion :after,.cds--accordion :before,:host(cds-accordion) *,:host(cds-accordion) :after,:host(cds-accordion) :before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) :after,:host(cds-accordion-skeleton) :before{box-sizing:inherit}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){inline-size:100%;list-style:none}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle);display:list-item;overflow:visible;transition:border-color .11s cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__item:not(.cds--accordion__item--active):hover,.cds--accordion__item:not(.cds--accordion__item--active):hover+.cds--accordion__item,.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item),.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item-skeleton){border-block-start-color:var(--cds-layer-hover)}.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover{border-block-end-color:var(--cds-layer-hover)}.cds--accordion__heading{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;display:inline-block;font-family:inherit;font-size:100%;padding:0;text-align:start;transition:background-color .11s cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--accordion__heading *,.cds--accordion__heading :after,.cds--accordion__heading :before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading{align-items:center;color:var(--cds-text-primary,#161616);cursor:pointer;display:flex;flex-direction:row-reverse;inline-size:100%;justify-content:flex-start;margin:0;min-block-size:var(--cds-layout-size-height-local);padding-inline-end:var(--cds-layout-density-padding-inline-local);position:relative}.cds--accordion__heading:hover{background-color:var(--cds-layer-hover);outline:none}.cds--accordion__heading:focus{box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:none;position:relative;z-index:2}.cds--accordion__heading[disabled]{background-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--accordion__heading[disabled]:hover:before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{block-size:1rem;flex:0 0 1rem;outline:2px solid transparent;outline-offset:-2px;transition:all .11s cubic-bezier(.2,0,.38,.9);fill:var(--cds-icon-primary,#161616);inline-size:1rem;transform:rotate(-270deg)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding-inline-start:1rem;text-align:start;z-index:1}.cds--accordion__wrapper{display:none;max-block-size:0;opacity:0;overflow:hidden;padding:0;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9);writing-mode:horizontal-tb}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 var(--cds-layout-density-padding-inline-local)}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-inline-start:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible;padding-block:.5rem;padding-block-end:1.5rem}.cds--accordion__item--active>.cds--accordion__heading>.cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__heading>.cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}@starting-style{.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{max-block-size:0;opacity:0;padding:0}}.cds--accordion--flush .cds--accordion__item,.cds--accordion--flush :host(cds-accordion-item),.cds--accordion--flush :host(cds-accordion-item-skeleton){border-color:transparent;position:relative}.cds--accordion--flush .cds--accordion__item:hover,.cds--accordion--flush .cds--accordion__item:hover+.cds--accordion__item,.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item),.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),.cds--accordion--flush .cds--accordion__item:last-child,.cds--accordion--flush .cds--accordion__item:last-child:hover{border-color:transparent}.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{block-size:1px;content:"";display:block;inline-size:calc(100% - 2rem);margin-inline-start:1rem;position:absolute;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{transition:none}}.cds--accordion--flush .cds--accordion__item:before{background:var(--cds-border-subtle);inset-block-start:-1px}.cds--accordion--flush .cds--accordion__item:last-child:after{background:var(--cds-border-subtle);inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover{position:relative;z-index:1}.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{background:var(--cds-layer-hover);block-size:1px;content:"";display:block;inline-size:100%;inset-inline-start:0;position:absolute;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{transition:none}}.cds--accordion--flush .cds--accordion__heading:hover:before{inset-block-start:-1px}.cds--accordion--flush .cds--accordion__heading:hover:after{inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover:focus:after,.cds--accordion--flush .cds--accordion__heading:hover:focus:before{background:none}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover{border:none;cursor:default;outline:none}.cds--accordion.cds--skeleton .cds--accordion__heading:hover,.cds--accordion.cds--skeleton .cds--accordion__heading:hover:before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-inline-start:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:none}.cds--accordion__title.cds--skeleton__text{margin-block-end:0}.cds--accordion.cds--skeleton .cds--accordion__title{margin-inline-start:1rem}[dir=rtl] .cds--accordion--start .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__heading{padding-inline:var(--cds-layout-density-padding-inline-local) 0}[dir=rtl] .cds--accordion--start .cds--accordion__title,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:0;padding-inline-start:0}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);outline:none}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size)!important;font-weight:var(--cds-body-01-font-weight);letter-spacing:var(--cds-body-01-letter-spacing);line-height:var(--cds-body-01-line-height);margin:0}:host([data-last-item]){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[isFlush]),:host(cds-accordion-item[isFlush]){border-color:transparent;position:relative}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{block-size:1px;content:"";display:block;inline-size:calc(100% - 2rem);margin-inline-start:1rem;position:absolute;transition:background .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{transition:none}}:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):before{background:var(--cds-border-subtle);inset-block-start:-1px}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item[isFlush]):after{background:var(--cds-border-subtle);inset-block-end:-1px}:host([isFlush]) .cds--accordion__heading:hover{position:relative;z-index:1}:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{background:var(--cds-layer-hover);block-size:1px;content:"";display:block;inline-size:100%;inset-inline-start:0;position:absolute;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{transition:none}}:host([isFlush]) .cds--accordion__heading:hover:before{inset-block-start:-1px}:host([isFlush]) .cds--accordion__heading:hover:after{inset-block-end:-1px}:host([isFlush]) .cds--accordion__heading:hover:focus:after,:host([isFlush]) .cds--accordion__heading:hover:focus:before{background:none}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-inline-end:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-inline-end:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-inline-end:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default;pointer-events:none}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover:before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover:before{background:transparent}:host(cds-accordion-item-skeleton[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-skeleton) .cds--accordion__item.cds--accordion--END .cds--accordion__arrow{margin-inline-start:1rem}:host(cds-accordion-item-skeleton) .cds--accordion__title,:host(cds-accordion-skeleton) .cds--accordion__heading .cds--accordion__title{padding-block-start:.5rem}.controlled-accordion-btn{max-inline-size:13.25rem}']);let y=class extends c{constructor(){super(...arguments),this.size=m.MEDIUM,this.alignment=_.END,this.isFlush=!1,this.disabled=!1}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","list"),super.connectedCallback()}updated(e){e.has("size")&&d(this.querySelectorAll(this.constructor.selectorAccordionItems),(e=>{e.setAttribute("size",this.size)})),e.has("alignment")&&d(this.querySelectorAll(this.constructor.selectorAccordionItems),(e=>{e.setAttribute("alignment",this.alignment)})),(e.has("isFlush")||e.has("alignment"))&&d(this.querySelectorAll(this.constructor.selectorAccordionItems),(e=>{this.isFlush&&"start"!==this.alignment?e.setAttribute("isFlush",""):e.removeAttribute("isFlush")})),e.has("disabled")&&d(this.querySelectorAll(this.constructor.selectorAccordionItems),(e=>{this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled")}));const o=Array.from(this.querySelectorAll(this.constructor.selectorAccordionItems));o.forEach((e=>e.removeAttribute("data-last-item")));const c=o.reverse().find((e=>!e.hidden));null==c||c.setAttribute("data-last-item","")}render(){return t` <slot></slot> `}static get selectorAccordionItems(){return`${i}-accordion-item`}};y.styles=g,o([s({reflect:!0})],y.prototype,"size",void 0),o([s({reflect:!0})],y.prototype,"alignment",void 0),o([s({type:Boolean,reflect:!0})],y.prototype,"isFlush",void 0),o([s({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),y=o([n(`${i}-accordion`)],y);let v=class extends(h(c)){constructor(){super(...arguments),this._hObserveResize=null,this._handleKeydownExpando=({key:e})=>{!this.open||"Esc"!==e&&"Escape"!==e||this._handleUserInitiatedToggle(!1)},this._resizeObserver=new ResizeObserver((e=>{const{width:o}=e[e.length-1].contentRect,{_sizesBreakpoints:c}=this.constructor;this._currentBreakpoint=Object.keys(c).sort(((e,o)=>c[o]-c[e])).find((e=>o>=c[e])),this.requestUpdate()})),this.disabled=!1,this.open=!1,this.title=""}_handleUserInitiatedToggle(e=!this.open){const o={bubbles:!0,cancelable:!0,composed:!0,detail:{open:e}};if(this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeToggle,o))){const{selectorAccordionContent:c}=this.constructor;this.open?this.setAttribute("collapsing",""):this.setAttribute("expanding",""),this.shadowRoot.querySelector(c).addEventListener("animationend",(()=>{this.removeAttribute("expanding"),this.removeAttribute("collapsing")})),this.open=e,this.dispatchEvent(new CustomEvent(this.constructor.eventToggle,o))}}_handleClickExpando(){this._handleUserInitiatedToggle()}connectedCallback(){var e,o;this.hasAttribute("role")||this.setAttribute("role","listitem"),super.connectedCallback(),this._hObserveResize&&(this._hObserveResize=this._hObserveResize.release()),this._hObserveResize=(e=this._resizeObserver,(o=this)?(e.observe(o),{release:()=>(e.unobserve(o),null)}):null)}disconnectedCallback(){this._hObserveResize&&(this._hObserveResize=this._hObserveResize.release())}render(){const{disabled:e,title:o,open:c,_currentBreakpoint:s,_handleClickExpando:d,_handleKeydownExpando:n}=this,{_classesBreakpoints:h}=this.constructor,{[s]:u}=h,m=a({[u]:u,[`${i}--accordion__content`]:!0});return t`
|
|
29
29
|
<button
|
|
30
30
|
?disabled="${e}"
|
|
31
31
|
type="button"
|