@carbon/web-components 2.37.0 → 2.38.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 +26 -11
- package/dist/accordion.min.js +1 -1
- package/dist/ai-label.min.js +1 -1
- package/dist/breadcrumb.min.js +5 -5
- package/dist/button-B8Pyi7VT.js +93 -0
- package/dist/{button-skeleton-Db1vtWNy.js → button-skeleton-Gu5vABsl.js} +6 -6
- package/dist/button.min.js +1 -1
- package/dist/chat-button.min.js +3 -3
- package/dist/{checkbox-BGausZxz.js → checkbox-DVx3ui3h.js} +1 -1
- package/dist/checkbox.min.js +3 -3
- package/dist/code-snippet.min.js +1 -1
- package/dist/combo-box.min.js +1 -1
- package/dist/combo-button.min.js +2 -2
- package/dist/content-switcher.min.js +1 -1
- package/dist/copy-button.min.js +1 -1
- package/dist/data-table.min.js +7 -7
- package/dist/date-picker.min.js +1 -1
- package/dist/dropdown-item-B6uTaLa3.js +96 -0
- package/dist/dropdown.min.js +1 -1
- package/dist/file-uploader.min.js +1 -1
- package/dist/floating-menu.min.js +1 -1
- package/dist/grid.min.js +2 -2
- package/dist/host-listener-BCnAWDV7.js +28 -0
- package/dist/host-listener-BJsBtsIt.js +28 -0
- package/dist/icon-button.min.js +1 -1
- package/dist/icon-indicator.min.js +1 -1
- package/dist/{icon-loader-4nsiZm0x.js → icon-loader-CqB9WRMP.js} +1 -1
- package/dist/{icon-loader-utils-j7RXY3bH.js → icon-loader-utils-DUl0vwdh.js} +1 -1
- package/dist/icon.min.js +1 -1
- package/dist/inline-loading.min.js +1 -1
- package/dist/loading.min.js +1 -1
- package/dist/menu-button.min.js +2 -2
- package/dist/menu.min.js +3 -3
- package/dist/modal.min.js +4 -4
- package/dist/multi-select.min.js +1 -1
- package/dist/notification.min.js +3 -3
- package/dist/number-input.min.js +1 -1
- package/dist/overflow-menu.min.js +1 -1
- package/dist/pagination.min.js +1 -1
- package/dist/password-input.min.js +13 -13
- package/dist/popover.min.js +6 -6
- package/dist/progress-bar.min.js +4 -4
- package/dist/progress-indicator.min.js +1 -1
- package/dist/radio-button.min.js +3 -3
- package/dist/search-5sjwuFeV.js +57 -0
- package/dist/search.min.js +1 -1
- package/dist/{select-P2I1T8B7.js → select-N1IlMFgF.js} +1 -1
- package/dist/select.min.js +1 -1
- package/dist/shape-indicator.min.js +1 -1
- package/dist/side-panel.min.js +2 -2
- package/dist/skip-to-content.min.js +1 -1
- package/dist/slider.min.js +1 -1
- package/dist/slug.min.js +1 -1
- package/dist/structured-list.min.js +3 -3
- package/dist/tabs.min.js +1 -1
- package/dist/tag.min.js +8 -8
- package/dist/tearsheet.min.js +2 -2
- package/dist/{text-input-CQeOn3_E.js → text-input-FSx1F405.js} +3 -3
- package/dist/text-input.min.js +3 -3
- package/dist/textarea.min.js +4 -4
- package/dist/tile.min.js +5 -5
- package/dist/time-picker.min.js +1 -1
- package/dist/toggle-tip.min.js +3 -3
- package/dist/toggle.min.js +24 -23
- package/dist/tooltip-content-DOwidNjk.js +30 -0
- package/dist/tooltip.min.js +1 -1
- package/dist/tree-view.min.js +8 -8
- package/dist/ui-shell.min.js +20 -20
- package/es/components/accordion/accordion.scss.js +1 -1
- package/es/components/ai-label/ai-label.scss.js +1 -1
- package/es/components/breadcrumb/breadcrumb-skeleton.d.ts +15 -1
- package/es/components/breadcrumb/breadcrumb-skeleton.js +37 -3
- package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
- package/es/components/button/button-set.d.ts +8 -0
- package/es/components/button/button-set.js +27 -0
- package/es/components/button/button-set.js.map +1 -1
- package/es/components/button/button.scss.js +1 -1
- package/es/components/chat-button/chat-button.scss.js +1 -1
- package/es/components/checkbox/checkbox-group.d.ts +1 -4
- package/es/components/checkbox/checkbox-group.js +1 -4
- package/es/components/checkbox/checkbox-group.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.scss.js +1 -1
- package/es/components/icon-button/icon-button.scss.js +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/number-input/number-input.scss.js +1 -1
- package/es/components/popover/popover.js +4 -4
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/search/search.scss.js +1 -1
- package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es/components/slug/slug.scss.js +1 -1
- package/es/components/tag/tag.scss.js +1 -1
- package/es/components/textarea/textarea.d.ts +4 -3
- package/es/components/textarea/textarea.js +13 -5
- package/es/components/textarea/textarea.js.map +1 -1
- package/es/components/toggle/index.d.ts +2 -1
- package/es/components/toggle/index.js +1 -0
- package/es/components/toggle/index.js.map +1 -1
- package/es/components/toggle/toggle-skeleton.d.ts +17 -0
- package/es/components/toggle/toggle-skeleton.js +47 -0
- package/es/components/toggle/toggle-skeleton.js.map +1 -0
- package/es/components/toggle/toggle.d.ts +19 -4
- package/es/components/toggle/toggle.js +61 -31
- package/es/components/toggle/toggle.js.map +1 -1
- package/es/components/toggle/toggle.scss.js +1 -1
- package/es/components/toggle-tip/toggletip.js +4 -2
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/components/ui-shell/header.scss.js +1 -1
- package/es-custom/components/accordion/accordion.scss.js +1 -1
- package/es-custom/components/ai-label/ai-label.scss.js +1 -1
- package/es-custom/components/breadcrumb/breadcrumb-skeleton.d.ts +15 -1
- package/es-custom/components/breadcrumb/breadcrumb-skeleton.js +37 -3
- package/es-custom/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
- package/es-custom/components/button/button-set.d.ts +8 -0
- package/es-custom/components/button/button-set.js +27 -0
- package/es-custom/components/button/button-set.js.map +1 -1
- package/es-custom/components/button/button.scss.js +1 -1
- package/es-custom/components/chat-button/chat-button.scss.js +1 -1
- package/es-custom/components/checkbox/checkbox-group.d.ts +1 -4
- package/es-custom/components/checkbox/checkbox-group.js +1 -4
- package/es-custom/components/checkbox/checkbox-group.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.scss.js +1 -1
- package/es-custom/components/icon-button/icon-button.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/number-input/number-input.scss.js +1 -1
- package/es-custom/components/popover/popover.js +4 -4
- package/es-custom/components/popover/popover.js.map +1 -1
- package/es-custom/components/search/search.scss.js +1 -1
- package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
- package/es-custom/components/slug/slug.scss.js +1 -1
- package/es-custom/components/tag/tag.scss.js +1 -1
- package/es-custom/components/textarea/textarea.d.ts +4 -3
- package/es-custom/components/textarea/textarea.js +13 -5
- package/es-custom/components/textarea/textarea.js.map +1 -1
- package/es-custom/components/toggle/index.d.ts +2 -1
- package/es-custom/components/toggle/index.js +1 -0
- package/es-custom/components/toggle/index.js.map +1 -1
- package/es-custom/components/toggle/toggle-skeleton.d.ts +17 -0
- package/es-custom/components/toggle/toggle-skeleton.js +47 -0
- package/es-custom/components/toggle/toggle-skeleton.js.map +1 -0
- package/es-custom/components/toggle/toggle.d.ts +19 -4
- package/es-custom/components/toggle/toggle.js +61 -31
- package/es-custom/components/toggle/toggle.js.map +1 -1
- package/es-custom/components/toggle/toggle.scss.js +1 -1
- package/es-custom/components/toggle-tip/toggletip.js +4 -2
- package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
- package/es-custom/components/ui-shell/header.scss.js +1 -1
- package/lib/components/breadcrumb/breadcrumb-skeleton.d.ts +15 -1
- package/lib/components/button/button-set.d.ts +8 -0
- package/lib/components/checkbox/checkbox-group.d.ts +1 -4
- package/lib/components/textarea/textarea.d.ts +4 -3
- package/lib/components/toggle/index.d.ts +2 -1
- package/lib/components/toggle/toggle-skeleton.d.ts +17 -0
- package/lib/components/toggle/toggle.d.ts +19 -4
- package/package.json +6 -6
- package/scss/components/accordion/accordion.scss +0 -10
- package/scss/components/button/button.scss +26 -0
- package/scss/components/number-input/number-input.scss +11 -3
- package/scss/components/toggle/toggle.scss +23 -1
- package/dist/button-B1IQnnUK.js +0 -93
- package/dist/dropdown-item-CCBt6nE8.js +0 -96
- package/dist/host-listener-L4RyNnzf.js +0 -28
- package/dist/search-By8T0uFw.js +0 -57
- package/dist/tooltip-content-hZhbj7RB.js +0 -30
|
@@ -0,0 +1,57 @@
|
|
|
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
|
+
import{i as e,r as s,x as t,_ as i}from"./lit-element-eFlPHqE1.js";import{e as a}from"./class-map-CJoc5JjN.js";import{n as c}from"./property-B_F7V5eB.js";import{p as d}from"./settings-FSuH8xHs.js";import{_ as r}from"./16-BWlgPBcu.js";import{i as n}from"./if-non-empty-CqQHBHdQ.js";import{F as o}from"./focus-JSuV9CsT.js";import{F as l}from"./form-BaYTr2z0.js";import{I as p}from"./text-input-FSx1F405.js";import{H as h}from"./host-listener-BCnAWDV7.js";import{H as u}from"./host-listener-BJsBtsIt.js";import{c as b}from"./carbon-element-DDrYm3XO.js";import{i as m}from"./icon-loader-CqB9WRMP.js";var f={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5\tC2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"}}],name:"search",size:16},x=e(['@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}}.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{--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{--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--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}.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)}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{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.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 .cds--toggletip-label{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)}.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{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;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::-moz-focus-inner{border:0}.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);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;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}}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,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{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{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--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--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--text-input{--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));background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);box-sizing:border-box;color:var(--cds-text-primary,#161616);font-family:inherit;font-size:100%;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);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{align-items:center;cursor:pointer;display:inline-flex;overflow:visible;position:relative}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{display:inline-block}}.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y:after,.cds--text-input--password__visibility.cds--tooltip--a11y:before{transition:none}.cds--text-input--password__visibility:before{block-size:0;border-style:solid;content:"";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{border:1px solid transparent}}.cds--text-input--password__visibility:after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y:after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible:after,.cds--text-input--password__visibility.cds--tooltip--visible:before,.cds--text-input--password__visibility:focus:after,.cds--text-input--password__visibility:focus:before,.cds--text-input--password__visibility:hover:after,.cds--text-input--password__visibility:hover:before{opacity:1}@keyframes cds--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{margin:auto;overflow:visible;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y:before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y:before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y:before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y:before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text:after{block-size:.75rem;content:"";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg,.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input--invalid{box-shadow:none;outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:none}.cds--skeleton.cds--text-input: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--skeleton.cds--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton.cds--text-input{background:CanvasText}.cds--skeleton.cds--text-input:before{background:Canvas;forced-color-adjust:none}}.cds--form--fluid .cds--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:none}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:none}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--ai-label,.cds--text-input__field-wrapper .cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-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--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--ai-label),.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--invalid:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input--warning:has(~.cds--ai-label),.cds--text-input--warning:has(~.cds--slug),.cds--text-input--warning:has(~.cds--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-input--invalid~.cds--ai-label,.cds--text-input--invalid~.cds--slug,.cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input--warning~.cds--ai-label,.cds--text-input--warning~.cds--slug,.cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])),:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])) .cds--search-magnifier,:host(:host(cds-search[expandable]cds-search[size=sm])),:host(:host(cds-search[expandable]cds-search[size=sm])) .cds--search-magnifier,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button{block-size:2rem;inline-size:2rem}.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])) .cds--search-input::-moz-placeholder,:host(:host(cds-search[expandable]cds-search[size=sm])) .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])) .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search[size=sm])) .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(:host(cds-search[expandable]cds-search-skeleton[size=md])),:host(:host(cds-search[expandable]cds-search-skeleton[size=md])) .cds--search-magnifier,:host(:host(cds-search[expandable]cds-search[size=md])),:host(:host(cds-search[expandable]cds-search[size=md])) .cds--search-magnifier,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md])~.cds--search-button{block-size:2.5rem;inline-size:2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=md])) .cds--search-input::-moz-placeholder,:host(:host(cds-search[expandable]cds-search[size=md])) .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=md])) .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search[size=md])) .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])),:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])) .cds--search-magnifier,:host(:host(cds-search[expandable]cds-search[size=lg])),:host(:host(cds-search[expandable]cds-search[size=lg])) .cds--search-magnifier,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg])~.cds--search-button{block-size:3rem;inline-size:3rem}.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])) .cds--search-input::-moz-placeholder,:host(:host(cds-search[expandable]cds-search[size=lg])) .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])) .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search[size=lg])) .cds--search-input::placeholder{padding:0 3rem}.cds--search--expandable.cds--search--expanded,:host(:host(cds-search[expandable][expanded]cds-search[expandable])){inline-size:100%}.cds--search--expandable.cds--search--expanded .cds--search-input,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-input{inline-size:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-input::placeholder{opacity:1;padding:0;position:relative}.cds--search--expandable.cds--search--expanded .cds--search-magnifier,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-magnifier{pointer-events:none}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search,:host(cds-search){align-items:center;display:flex;inline-size:100%;position:relative}.cds--search .cds--label,:host(cds-search) .cds--label{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}.cds--search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);border:none;border-block-end:1px solid var(--cds-border-strong);box-sizing:border-box;color:var(--cds-text-primary,#161616);font-family:inherit;font-size:100%;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);margin:0;order:1;outline:2px solid transparent;outline-offset:-2px;padding:0 2.5rem;text-overflow:ellipsis;transition:background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--search-input *,.cds--search-input :after,.cds--search-input :before{box-sizing:inherit}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input::-webkit-search-cancel-button,.cds--search-input::-webkit-search-decoration,.cds--search-input::-webkit-search-results-button,.cds--search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none}.cds--search-input[disabled]{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-close:before,.cds--search--light .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{block-size:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{inset-inline-start:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=md]) .cds--search-input,:host(cds-search[size=md]) .cds--search-input{block-size:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search-skeleton[size=md]) .cds--search-magnifier-icon,:host(cds-search[size=md]) .cds--search-magnifier-icon{inset-inline-start:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=lg]) .cds--search-input,:host(cds-search[size=lg]) .cds--search-input{block-size:3rem;padding:0 3rem}.cds--search-magnifier-icon{block-size:1rem;border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;position:absolute;vertical-align:baseline;z-index:2;fill:var(--cds-icon-secondary,#525252);inline-size:1rem;inset-block-start:50%;inset-inline-start:1rem;pointer-events:none;transform:translateY(-50%)}.cds--search-magnifier-icon *,.cds--search-magnifier-icon :after,.cds--search-magnifier-icon :before{box-sizing:inherit}.cds--search-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inset-block-start:0;inset-inline-end:0;margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;text-align:start;vertical-align:baseline}.cds--search-close *,.cds--search-close :after,.cds--search-close :before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close:before{background-color:var(--cds-field);block-size:calc(100% - 2px);content:"";display:block;inline-size:2px;inset-block-start:.0625rem;inset-inline-start:0;position:absolute;transition:background-color .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close:before{transition:none}}.cds--search-close:hover{border-block-end:1px solid var(--cds-border-strong)}.cds--search-close:hover:before{background-color:var(--cds-field-hover)}.cds--search-button{background-color:var(--cds-field);flex-shrink:0;margin-inline-start:.125rem}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{align-items:center;block-size:2.5rem;border-color:transparent;border-style:solid;border-width:1px 0;cursor:pointer;display:flex;justify-content:center;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9),outline .11s cubic-bezier(.2,0,.38,.9),border .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier{cursor:not-allowed;outline:none}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover{background-color:transparent;border-block-end-color:transparent}.cds--search--disabled .cds--search-close:hover:before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover:before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active:before,.cds--search-close:focus:before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button{block-size:2rem;inline-size:2rem}.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md])~.cds--search-button{block-size:2.5rem;inline-size:2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg])~.cds--search-button{block-size:3rem;inline-size:3rem}.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;inline-size:100%;padding:0;pointer-events:none;position:relative}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover{border:none;cursor:default;outline:none}.cds--search--lg.cds--skeleton .cds--search-input:before,.cds--search--md.cds--skeleton .cds--search-input:before,.cds--search--sm.cds--skeleton .cds--search-input: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--search--lg.cds--skeleton .cds--search-input:before,.cds--search--md.cds--skeleton .cds--search-input:before,.cds--search--sm.cds--skeleton .cds--search-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input{background:CanvasText}.cds--search--lg.cds--skeleton .cds--search-input:before,.cds--search--md.cds--skeleton .cds--search-input:before,.cds--search--sm.cds--skeleton .cds--search-input:before{background:Canvas;forced-color-adjust:none}}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder{color:transparent}.cds--search--expandable,:host(cds-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded{inline-size:100%}.cds--search--expandable .cds--search-input,:host(cds-search[expandable]) .cds--search-input{inline-size:0;padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms}.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search[expandable]) .cds--search-input::-moz-placeholder{opacity:0;position:relative;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder,:host(cds-search[expandable]) .cds--search-input::placeholder{opacity:0;position:relative;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input{inline-size:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder{opacity:1;padding:0;position:relative}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder{opacity:1;padding:0;position:relative}.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable]) .cds--search-magnifier{cursor:pointer;position:absolute}.cds--search--expandable .cds--search-magnifier:focus,:host(cds-search[expandable]) .cds--search-magnifier:focus{outline:2px solid var(--cds-focus,#0f62fe)}.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable]) .cds--search-magnifier:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon,:host(cds-search[expandable]) .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}:host(cds-search){outline:none}:host([expandable]:focus-within) .cds--search-magnifier{outline:.125rem solid var(--cds-focus)}:host([expandable]:focus-within) .cds--search-magnifier~.cds--search-input{outline:none}:host([expandable][expanded]:focus-within) .cds--search-magnifier{outline:none}:host(cds-search[expandable][size=sm]) .cds--search-magnifier{block-size:2rem;inline-size:2rem}:host(cds-search[expandable][size=md]) .cds--search-magnifier{block-size:2.5rem;inline-size:2.5rem}:host(cds-search[expandable][size=lg]) .cds--search-magnifier{block-size:3rem;inline-size:3rem}:host(cds-search[expandable][expanded]) .cds--search-input{inline-size:100%}:host(cds-search[expandable][expanded]) .cds--search-input:focus{outline:.125rem solid var(--cds-focus)}:host(cds-search[expandable][expanded]) .cds--search-magnifier{pointer-events:none}:host(cds-search[expandable][expanded][size=sm]) .cds--search-input{padding:0 2rem}:host(cds-search[expandable][expanded][size=md]) .cds--search-input{padding:0 2.5rem}:host(cds-search[expandable][expanded][size=lg]) .cds--search-input{padding:0 3rem}:host(cds-search[expandable][expanded][size=lg]) ::slotted(.cds--search-magnifier){block-size:3rem;inline-size:3rem}:host(cds-search[disabled]) svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}:host(cds-search[disabled]) .cds--search-close{outline:none;pointer-events:none}:host(cds-search[disabled]) .cds--search-close:before{background:none}:host(cds-search-skeleton){inline-size:100%}:host(cds-search-skeleton) .cds--search-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;inline-size:100%;padding:0;pointer-events:none;position:relative}:host(cds-search-skeleton) .cds--search-input:active,:host(cds-search-skeleton) .cds--search-input:focus,:host(cds-search-skeleton) .cds--search-input:hover{border:none;cursor:default;outline:none}:host(cds-search-skeleton) .cds--search-input: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){:host(cds-search-skeleton) .cds--search-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-search-skeleton) .cds--search-input{background:CanvasText}:host(cds-search-skeleton) .cds--search-input:before{background:Canvas;forced-color-adjust:none}}:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}:host(cds-search-skeleton) .cds--search-input::placeholder{color:transparent}']);let g=class extends(u(o(l(s)))){constructor(){super(...arguments),this.autoComplete="off",this.closeButtonLabelText="",this.disabled=!1,this.expandable=!1,this.expanded=!1,this.hasCustomIcon=!1,this.labelText="",this.name="",this.role="",this.placeholder="Search",this.size=p.MEDIUM,this.type="",this.value=""}_handleInput(e){const{target:s}=e,{value:t}=s;this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:t}})),this.value=t}_handleClearInputButtonClick(){if(this.value){this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:""}})),this.value="";this.shadowRoot.querySelector("input").focus()}}_handleExpand(e){const s=(e.composedPath&&e.composedPath()||[]).some((e=>{var s;return null===(s=null==e?void 0:e.classList)||void 0===s?void 0:s.contains(`${d}--search-magnifier`)}));s&&this.expandable&&!this.expanded&&this._expandAndFocus()}_expandAndFocus(){var e,s;this.setAttribute("expanded",""),null===(s=null===(e=this.shadowRoot)||void 0===e?void 0:e.getElementById("input"))||void 0===s||s.focus()}_handleKeys(e){var s,t,i;const a=e.key;if("Escape"!==a)this.expandable&&!this.expanded&&("Enter"!==a&&" "!==a||(e.preventDefault(),this._expandAndFocus()));else{const a=null===(s=this.shadowRoot)||void 0===s?void 0:s.getElementById("input");(null===(t=this.shadowRoot)||void 0===t?void 0:t.activeElement)===a&&(e.stopPropagation(),e.preventDefault(),(null===(i=this.value)||void 0===i?void 0:i.length)?(this.dispatchEvent(new CustomEvent(this.constructor.eventInput,{bubbles:!0,composed:!0,cancelable:!1,detail:{value:""}})),this.value=""):(this.expandable&&this.expanded&&this.removeAttribute("expanded"),this._focusMagnifier()))}}_handleClose(){this.expandable&&this.expanded&&!this.value&&this.removeAttribute("expanded")}_handleSlotChange(){const e=this.querySelector("svg");null==e||e.setAttribute("part","search-icon"),null==e||e.setAttribute("class",`${d}--search-magnifier-icon`),null==e||e.setAttribute("role","img"),this.hasCustomIcon=!0}_handleFormdata(e){const{formData:s}=e,{disabled:t,name:i,value:a}=this;t||s.append(i,a)}_focusMagnifier(){var e;const s=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(`.${d}--search-magnifier`);s&&(s.hasAttribute("tabindex")||(s.tabIndex=-1),s.focus())}render(){const{autoComplete:e,closeButtonLabelText:s,disabled:i,hasCustomIcon:c,labelText:o,name:l,placeholder:p,role:h,type:u,value:b="",_handleInput:x,_handleClearInputButtonClick:g,_handleSlotChange:v}=this,y=a({[`${d}--search-close`]:!0,[`${d}--search-close--hidden`]:!this.value});return t`
|
|
29
|
+
<div class="${d}--search-magnifier">
|
|
30
|
+
<slot name="icon" @slotchange=${v}>
|
|
31
|
+
${c?t``:m(f,{part:"search-icon",class:`${d}--search-magnifier-icon`,role:"img"})}
|
|
32
|
+
</slot>
|
|
33
|
+
</div>
|
|
34
|
+
<label for="input" part="label-text" class="${d}--label">
|
|
35
|
+
<slot>${o}</slot>
|
|
36
|
+
</label>
|
|
37
|
+
<input
|
|
38
|
+
autocomplete="${e}"
|
|
39
|
+
id="input"
|
|
40
|
+
part="input"
|
|
41
|
+
type="${n(u)}"
|
|
42
|
+
class="${d}--search-input"
|
|
43
|
+
?disabled="${i}"
|
|
44
|
+
name="${n(l)}"
|
|
45
|
+
placeholder="${n(p)}"
|
|
46
|
+
role="${h}"
|
|
47
|
+
.value="${b}"
|
|
48
|
+
@input="${x}" />
|
|
49
|
+
<button
|
|
50
|
+
part="close-button"
|
|
51
|
+
class="${y}"
|
|
52
|
+
@click="${g}"
|
|
53
|
+
type="button"
|
|
54
|
+
aria-label="${s}">
|
|
55
|
+
${m(r,{part:"close-icon","aria-label":s,role:"img"})}
|
|
56
|
+
</button>
|
|
57
|
+
`}static get eventInput(){return`${d}-search-input`}};g.shadowRootOptions=Object.assign(Object.assign({},s.shadowRootOptions),{delegatesFocus:!0}),g.styles=x,i([h("click")],g.prototype,"_handleExpand",null),i([h("keydown")],g.prototype,"_handleKeys",null),i([h("focusout")],g.prototype,"_handleClose",null),i([c({attribute:"autocomplete"})],g.prototype,"autoComplete",void 0),i([c({attribute:"close-button-label-text"})],g.prototype,"closeButtonLabelText",void 0),i([c({type:Boolean,reflect:!0})],g.prototype,"disabled",void 0),i([c({type:Boolean,reflect:!0})],g.prototype,"expandable",void 0),i([c({type:Boolean,reflect:!0})],g.prototype,"expanded",void 0),i([c({type:Boolean})],g.prototype,"hasCustomIcon",void 0),i([c({attribute:"label-text"})],g.prototype,"labelText",void 0),i([c()],g.prototype,"name",void 0),i([c()],g.prototype,"role",void 0),i([c()],g.prototype,"placeholder",void 0),i([c({reflect:!0})],g.prototype,"size",void 0),i([c()],g.prototype,"type",void 0),i([c({type:String})],g.prototype,"value",void 0),g=i([b(`${d}-search`)],g);var v=g;export{v as C,x as s};
|
package/dist/search.min.js
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{s}from"./search-
|
|
28
|
+
import{s}from"./search-5sjwuFeV.js";import{_ as r,r as t,x as o}from"./lit-element-eFlPHqE1.js";import{n as i}from"./property-B_F7V5eB.js";import{p as e}from"./settings-FSuH8xHs.js";import{I as m}from"./text-input-FSx1F405.js";import{c as p}from"./carbon-element-DDrYm3XO.js";import"./class-map-CJoc5JjN.js";import"./directive-Dlo2OKiC.js";import"./16-BWlgPBcu.js";import"./if-non-empty-CqQHBHdQ.js";import"./if-defined-IxozbDOJ.js";import"./focus-JSuV9CsT.js";import"./form-BaYTr2z0.js";import"./on-DvnWS_DB.js";import"./host-listener-BCnAWDV7.js";import"./host-listener-BJsBtsIt.js";import"./icon-loader-CqB9WRMP.js";import"./icon-loader-utils-DUl0vwdh.js";import"./unsafe-html-Dqv0UqC_.js";import"./query-BdmT5Ln1.js";import"./16-DoN7q01_.js";import"./16-CdxGkvXO.js";import"./validity-BUGyJDQ6.js";import"./shared-enums-D8TrS6Ts.js";let j=class extends t{constructor(){super(...arguments),this.size=m.MEDIUM}render(){return o`
|
|
29
29
|
<span class="${e}--label"></span>
|
|
30
30
|
<div class="${e}--search-input"></div>
|
|
31
31
|
`}};j.styles=s,r([i({reflect:!0})],j.prototype,"size",void 0),j=r([p(`${e}-search-skeleton`)],j);
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
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-FSuH8xHs.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{c as m}from"./collection-helpers-BslvaZFE.js";import{I as h}from"./text-input-
|
|
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-FSuH8xHs.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{c as m}from"./collection-helpers-BslvaZFE.js";import{I as h}from"./text-input-FSx1F405.js";import{i as g}from"./icon-loader-CqB9WRMP.js";import{i as _}from"./if-non-empty-CqQHBHdQ.js";
|
|
29
29
|
/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
package/dist/select.min.js
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{s as e}from"./select-
|
|
28
|
+
import{s as e}from"./select-N1IlMFgF.js";import{_ as t,r as s,x as o}from"./lit-element-eFlPHqE1.js";import{n as r}from"./property-B_F7V5eB.js";import{p as i}from"./settings-FSuH8xHs.js";import{c as l}from"./carbon-element-DDrYm3XO.js";import"./query-BdmT5Ln1.js";import"./class-map-CJoc5JjN.js";import"./directive-Dlo2OKiC.js";import"./16-B7MRS_3W.js";import"./16-DoN7q01_.js";import"./16-CdxGkvXO.js";import"./if-defined-IxozbDOJ.js";import"./form-BaYTr2z0.js";import"./on-DvnWS_DB.js";import"./collection-helpers-BslvaZFE.js";import"./text-input-FSx1F405.js";import"./icon-loader-CqB9WRMP.js";import"./icon-loader-utils-DUl0vwdh.js";import"./unsafe-html-Dqv0UqC_.js";import"./if-non-empty-CqQHBHdQ.js";import"./validity-BUGyJDQ6.js";import"./shared-enums-D8TrS6Ts.js";let p=class extends s{constructor(){super(...arguments),this.disabled=!1,this.label=""}};t([r({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([r({reflect:!0})],p.prototype,"label",void 0),p=t([l(`${i}-select-item-group`)],p);let m=class extends s{constructor(){super(...arguments),this.hideLabel=!1}render(){const{hideLabel:e}=this;return o`
|
|
29
29
|
${!e&&o` <span class="${i}--label ${i}--skeleton"></span> `}
|
|
30
30
|
<div class="${i}--select ${i}--skeleton"></div>
|
|
31
31
|
`}};m.styles=e,t([r({type:Boolean,reflect:!0,attribute:"hide-label"})],m.prototype,"hideLabel",void 0),m=t([l(`${i}-select-skeleton`)],m);
|
|
@@ -25,4 +25,4 @@
|
|
|
25
25
|
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{i as t,_ as e,r as s,x as i}from"./lit-element-eFlPHqE1.js";import{n as a}from"./property-B_F7V5eB.js";import{p as r}from"./settings-FSuH8xHs.js";import{c as o}from"./carbon-element-DDrYm3XO.js";import{i as l}from"./icon-loader-
|
|
28
|
+
import{i as t,_ as e,r as s,x as i}from"./lit-element-eFlPHqE1.js";import{n as a}from"./property-B_F7V5eB.js";import{p as r}from"./settings-FSuH8xHs.js";import{c as o}from"./carbon-element-DDrYm3XO.js";import{i as l}from"./icon-loader-CqB9WRMP.js";import"./icon-loader-utils-DUl0vwdh.js";import"./directive-Dlo2OKiC.js";import"./unsafe-html-Dqv0UqC_.js";var d,n=t(['.cds--shape-indicator,:host(cds-shape-indicator){color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds--shape-indicator svg,:host(cds-shape-indicator) svg{align-self:center;margin-inline-end:.5rem}.cds--shape-indicator--14,:host(cds-shape-indicator[text-size="14"]){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--shape-indicator--failed,:host(cds-shape-indicator[kind=failed]) svg{fill:var(--cds-status-red,#da1e28)}.cds--shape-indicator--critical,:host(cds-shape-indicator[kind=critical]) svg{fill:var(--cds-status-red,#da1e28)}.cds--shape-indicator--high,:host(cds-shape-indicator[kind=high]) svg{fill:var(--cds-status-red,#da1e28)}.cds--shape-indicator--medium,:host(cds-shape-indicator[kind=medium]) svg{fill:var(--cds-status-orange,#ff832b)}.cds--shape-indicator--medium path:first-of-type,:host(cds-shape-indicator[kind=medium]) svg path:first-of-type{fill:var(--cds-status-orange-outline,#ba4e00)}.cds--shape-indicator--low,:host(cds-shape-indicator[kind=low]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds--shape-indicator--low path:nth-of-type(2),:host(cds-shape-indicator[kind=low]) svg path:nth-of-type(2){fill:var(--cds-status-yellow-outline,#8e6a00)}.cds--shape-indicator--cautious,:host(cds-shape-indicator[kind=cautious]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds--shape-indicator--cautious path:first-of-type,:host(cds-shape-indicator[kind=cautious]) svg path:first-of-type{fill:var(--cds-status-yellow-outline,#8e6a00)}.cds--shape-indicator--undefined,:host(cds-shape-indicator[kind=undefined]) svg{fill:var(--cds-status-purple,#8a3ffc)}.cds--shape-indicator--stable,:host(cds-shape-indicator[kind=stable]) svg{fill:var(--cds-status-green,#24a148)}.cds--shape-indicator--informative,:host(cds-shape-indicator[kind=informative]) svg{fill:var(--cds-status-blue,#0043ce)}.cds--shape-indicator--incomplete path:nth-of-type(2),:host(cds-shape-indicator[kind=incomplete]) svg path:nth-of-type(2){fill:var(--cds-status-blue,#0043ce)}.cds--shape-indicator--draft,:host(cds-shape-indicator[kind=draft]) svg{fill:var(--cds-status-gray,#6f6f6f)}']),c={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16"},content:[{elem:"path",attrs:{d:"M8,2.4142,13.5858,8,8,13.5858,2.4142,8,8,2.4142M8,1,1,8l7,7,7-7L8,1Z"}},{elem:"path",attrs:{d:"M8,2.4142,13.5858,8,8,13.5858,2.4142,8,8,2.4142"}}],name:"diamond-fill",size:"glyph"},h={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16"},content:[{elem:"path",attrs:{d:"M4 4H12V12H4z"}},{elem:"path",attrs:{d:"M12,4v8H4V4h8m1-1H3V13H13V3Z"}}],name:"low-severity",size:"glyph"},p={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16"},content:[{elem:"path",attrs:{d:"M12.3154,12H3.6846L8,4.0884,12.3154,12M14,13,8,2,2,13Z"}},{elem:"path",attrs:{d:"M12.315 12L3.685 12 8 4.088 12.315 12z"}}],name:"caution",size:"glyph"};!function(t){t.FAILED="failed",t.CRITICAL="critical",t.HIGH="high",t.MEDIUM="medium",t.LOW="low",t.CAUTIOUS="cautious",t.UNDEFINED="undefined",t.STABLE="stable",t.INFORMATIVE="informative",t.INCOMPLETE="incomplete",t.DRAFT="draft"}(d||(d={}));const f={[d.FAILED]:{elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16"},content:[{elem:"path",attrs:{d:"M12.887 11.4727a5.9936 5.9936 0 00-8.36-8.3594zM3.113 4.5273a5.9936 5.9936 0 008.36 8.3594z"}}],name:"critical",size:"glyph"},[d.CRITICAL]:{elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16"},content:[{elem:"path",attrs:{d:"M13 13L3 13 3 3 13 13z"}}],name:"critical-severity",size:"glyph"},[d.HIGH]:p,[d.MEDIUM]:c,[d.LOW]:h,[d.CAUTIOUS]:p,[d.UNDEFINED]:c,[d.STABLE]:{elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16"},content:[{elem:"circle",attrs:{cx:"8",cy:"8",r:"6"}}],name:"circle-fill",size:"glyph"},[d.INFORMATIVE]:h,[d.INCOMPLETE]:'<svg\n xmlns="http://www.w3.org/2000/svg"\n width="16"\n height="16"\n fill="none"\n aria-hidden="true">\n <path\n fill="#fff"\n fillOpacity="0.01"\n d="M0 0h16v16H0z"\n style="mix-blend-mode: multiply;" />\n <path\n fill="#161616"\n d="M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Zm0 2a4.004 4.004 0 0 1 4 4H4a4.004 4.004 0 0 1 4-4Z" />\n</svg>',[d.DRAFT]:{elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:"16",height:"16"},content:[{elem:"path",attrs:{d:"M8,4A4,4,0,1,1,4,8,4.0045,4.0045,0,0,1,8,4M8,2a6,6,0,1,0,6,6A6,6,0,0,0,8,2Z"}}],name:"circle-stroke",size:"glyph"}};let m=class extends s{constructor(){super(...arguments),this.textSize=12}render(){const t=f[this.kind];return t?"string"==typeof t?i` ${l(null,{},t)} ${this.label} `:i` ${l(t)} ${this.label} `:null}};m.styles=n,e([a({attribute:"text-size"})],m.prototype,"textSize",void 0),e([a()],m.prototype,"label",void 0),e([a()],m.prototype,"kind",void 0),m=e([o(`${r}-shape-indicator`)],m);
|
package/dist/side-panel.min.js
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* https://www.npmjs.com/package/@floating-ui/core
|
|
26
26
|
*/
|
|
27
27
|
|
|
28
|
-
import{r as t,x as e,_ as i}from"./lit-element-eFlPHqE1.js";import{n as s}from"./property-B_F7V5eB.js";import{r as o}from"./state-CJQmj6wG.js";import{a as n}from"./query-BdmT5Ln1.js";import{o as l}from"./query-assigned-elements-DeMmXVMb.js";import{p as a,s as r}from"./settings-FSuH8xHs.js";import{i as c}from"./icon-loader-
|
|
28
|
+
import{r as t,x as e,_ as i}from"./lit-element-eFlPHqE1.js";import{n as s}from"./property-B_F7V5eB.js";import{r as o}from"./state-CJQmj6wG.js";import{a as n}from"./query-BdmT5Ln1.js";import{o as l}from"./query-assigned-elements-DeMmXVMb.js";import{p as a,s as r}from"./settings-FSuH8xHs.js";import{i as c}from"./icon-loader-CqB9WRMP.js";import{H as d}from"./host-listener-BCnAWDV7.js";import{H as h}from"./host-listener-BJsBtsIt.js";import{c as p}from"./carbon-element-DDrYm3XO.js";import{_ as u}from"./20-DlknbFYR.js";import"./button-B8Pyi7VT.js";import"./button.min.js";import"./button-skeleton-Gu5vABsl.js";import"./icon-button.min.js";import"./layer.min.js";import"./icon-loader-utils-DUl0vwdh.js";import"./directive-Dlo2OKiC.js";import"./unsafe-html-Dqv0UqC_.js";import"./on-DvnWS_DB.js";import"./class-map-CJoc5JjN.js";import"./if-defined-IxozbDOJ.js";import"./focus-JSuV9CsT.js";import"./tooltip-content-DOwidNjk.js";import"./popover.min.js";import"./floating-controller-CnuSelc_.js";import"./tooltip.min.js";import"./defs-CBJRLDfw.js";var _,v;!function(t){t.EXTRA_SMALL="xs",t.SMALL="sm",t.MEDIUM="md",t.LARGE="lg",t.EXTRA_EXTRA_LARGE="2xl"}(_||(_={})),function(t){t.RIGHT="right",t.LEFT="left"}(v||(v={}));var m={elem:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",width:16,height:16},content:[{elem:"path",attrs:{d:"M6.7 12.3L2.9 8.5 15 8.5 15 7.5 2.9 7.5 6.7 3.7 6 3 1 8 6 13z"}}],name:"arrow--left",size:16};const b=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,g=Node.DOCUMENT_POSITION_FOLLOWING|Node.DOCUMENT_POSITION_CONTAINED_BY,$=`${a}--side-panel`,y=`${a}--action-set`;function f(t,e){for(let e=t.length-1;e>=0;--e){const i=t[e];if(i.focus(),i.ownerDocument.activeElement===i)return!0}return!1}let S=class extends(h(t)){constructor(){super(...arguments),this._hObserveResize=null,this._launcher=null,this._doAnimateTitle=!0,this._isOpen=!1,this._containerScrollTop=-16,this._hasSubtitle=!1,this._hasSlug=!1,this._hasActionToolbar=!1,this._actionsCount=0,this._slugCloseSize="sm",this._handleBlur=async({target:t,relatedTarget:e})=>{var i;const{open:s,_startSentinelNode:o,_endSentinelNode:n}=this,l=t!==this&&this.contains(t),a=e!==this&&(this.contains(e)||(null===(i=this.shadowRoot)||void 0===i?void 0:i.contains(e))&&e!==o&&e!==n),{selectorTabbable:r}=this.constructor;if(s&&e&&l&&!a){const i=t.compareDocumentPosition(e);e===o||i&b?(await this.constructor._delay(),f(this.querySelectorAll(r))||e===this||this.focus()):(e===n||i&g)&&(await this.constructor._delay(),f(this.querySelectorAll(r))||this.focus())}},this._handleKeydown=({key:t,target:e})=>{"Esc"!==t&&"Escape"!==t||this._handleUserInitiatedClose(e)},this._reducedMotion="undefined"!=typeof window&&(null===window||void 0===window?void 0:window.matchMedia)?window.matchMedia("(prefers-reduced-motion: reduce)"):{matches:!0},this._adjustPageContent=()=>{var t,e;if(this.selectorPageContent){const i=document.querySelector(this.selectorPageContent);if(i){const s={marginInlineStart:"",marginInlineEnd:"",inlineSize:"",transition:this._reducedMotion.matches?"none":"all 240ms",transitionProperty:"margin-inline-start, margin-inline-end"};this.open&&(s.inlineSize="auto","left"===this.placement?s.marginInlineStart=`${null===(t=null==this?void 0:this._sidePanel)||void 0===t?void 0:t.offsetWidth}px`:s.marginInlineEnd=`${null===(e=null==this?void 0:this._sidePanel)||void 0===e?void 0:e.offsetWidth}px`),Object.keys(s).forEach((t=>{i.style[t]=s[t]}))}}},this._checkSetOpen=()=>{const{_sidePanel:t}=this;t&&this._isOpen?this._reducedMotion?this._isOpen=!1:t.addEventListener("transitionend",(()=>{this._isOpen=!1})):this._isOpen=this.open},this._checkUpdateIconButtonSizes=()=>{var t,e;const i=this.querySelector(`${a}-slug`),s=null===(t=null==this?void 0:this.shadowRoot)||void 0===t?void 0:t.querySelectorAll("#nav-back-button, #close-button");let o="sm";if(i||(null==s?void 0:s.length)){const t=null===(e=null==this?void 0:this.querySelectorAll)||void 0===e?void 0:e.call(this,`${a}-button[slot='actions']`);(null==t?void 0:t.length)&&/l/.test(this.size)&&(o="md")}i&&(null==i||i.setAttribute("size",o)),s&&[...s].forEach((t=>{t.setAttribute("size",o)}))},this._checkUpdateActionSizes=()=>{if(this._actions)for(let t=0;t<this._actions.length;t++)this._actions[t].setAttribute("size",this.condensedActions?"lg":"xl")},this._maxActions=3,this._checkSetDoAnimateTitle=()=>{var t,e,i;let s=!1;if(this._sidePanel&&this.open&&this.animateTitle&&(null===(t=null==this?void 0:this.title)||void 0===t?void 0:t.length)&&!this._reducedMotion.matches){const t=this._getScrollAnimationDistance();null===(i=null===(e=null==this?void 0:this._sidePanel)||void 0===e?void 0:e.style)||void 0===i||i.setProperty(`--${$}--scroll-animation-distance`,`${t}`);let o=this._animateScrollWrapper;if(o||!this.animateTitle||this._doAnimateTitle||(o=this._innerContent),o){const e=null===window||void 0===window?void 0:window.getComputedStyle(this._innerContent),i=e?parseFloat(null==e?void 0:e.paddingTop)+parseFloat(null==e?void 0:e.paddingBottom):0;s=(!!this.labelText||!!this._hasActionToolbar||this._hasSubtitle)&&o.scrollHeight-o.clientHeight>=t+i}}this._doAnimateTitle=s},this._resizeObserver=new ResizeObserver((()=>{this._sidePanel&&this._checkSetDoAnimateTitle()})),this._getScrollAnimationDistance=()=>{var t,e,i,s;return(null!==(e=null===(t=null==this?void 0:this._label)||void 0===t?void 0:t.offsetHeight)&&void 0!==e?e:0)+(null!==(s=null===(i=null==this?void 0:this._subtitle)||void 0===i?void 0:i.offsetHeight)&&void 0!==s?s:0)+(this._hasActionToolbar?this._title.offsetHeight-this._title.clientHeight:0)},this._scrollObserver=()=>{var t,e,i,s;const o=null!==(e=null===(t=this._animateScrollWrapper)||void 0===t?void 0:t.scrollTop)&&void 0!==e?e:0,n=this._getScrollAnimationDistance();null===(s=null===(i=null==this?void 0:this._sidePanel)||void 0===i?void 0:i.style)||void 0===s||s.setProperty(`--${$}--scroll-animation-progress`,""+Math.min(o,n)/n)},this._handleCurrentStepUpdate=()=>{var t;const e=null!==(t=this._animateScrollWrapper)&&void 0!==t?t:this._innerContent;e&&(e.scrollTop=0)},this.animateTitle=!0,this.closeIconDescription="Close",this.condensedActions=!1,this.includeOverlay=!1,this.navigationBackIconDescription="Back",this.open=!1,this.placement=v.RIGHT,this.preventCloseOnClickOutside=!1,this.selectorPageContent="",this.size=_.MEDIUM,this.slideIn=!1}_handleClickOnOverlay(t){this.preventCloseOnClickOutside||this._handleUserInitiatedClose(t.target)}_handleCloseClick(t){this._handleUserInitiatedClose(t.target)}_handleUserInitiatedClose(t){if(this.open){const e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:t}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,e))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,e)))}}_handleNavigateBack(t){this.dispatchEvent(new CustomEvent(this.constructor.eventNavigateBack,{composed:!0,detail:{triggeredBy:t}}))}_handleSlugChange(t){this._checkUpdateIconButtonSizes();const e=t.target.assignedElements();this._hasSlug=e.length>0}_handleSubtitleChange(t){const e=t.target,i=null==e?void 0:e.assignedElements();this._hasSubtitle=i.length>0}_handleActionToolbarChange(t){const e=t.target,i=null==e?void 0:e.assignedElements();if(this._hasActionToolbar=i&&i.length>0,this._hasActionToolbar)for(const t of i)t.setAttribute("size","sm")}_handleActionsChange(t){var e;const i=t.target,s=null==i?void 0:i.assignedElements();this._checkUpdateIconButtonSizes();const o=null!==(e=null==s?void 0:s.length)&&void 0!==e?e:0;o>this._maxActions?(this._actionsCount=this._maxActions,"development"===production&&console.error(`Too many side-panel actions, max ${this._maxActions}.`)):this._actionsCount=o;for(let t=0;t<(null==s?void 0:s.length);t++)t+1>this._maxActions?(s[t].setAttribute("hidden","true"),s[t].setAttribute(`data-actions-limit-${this._maxActions}-exceeded`,`${s.length}`)):s[t].classList.add(`${y}__action-button`);this._checkUpdateActionSizes()}async connectObservers(){var t,e;await this.updateComplete,this._hObserveResize=(t=this._resizeObserver,(e=this._sidePanel)?(t.observe(e),{release:()=>(t.unobserve(e),null)}):null)}disconnectObservers(){this._hObserveResize&&(this._hObserveResize=this._hObserveResize.release())}connectedCallback(){super.connectedCallback(),this.disconnectObservers(),this.connectObservers()}disconnectedCallback(){super.disconnectedCallback(),this.disconnectObservers()}render(){const{closeIconDescription:t,condensedActions:i,currentStep:s,includeOverlay:o,labelText:n,navigationBackIconDescription:l,open:r,placement:d,size:h,slideIn:p,title:_}=this;if(!r&&!this._isOpen)return e``;const v=["","single","double","triple"][this._actionsCount],b=e`<div
|
|
29
29
|
class=${`${$}__title`}
|
|
30
30
|
?no-label=${!!n}>
|
|
31
31
|
<h2 class=${_?`${$}__title-text`:""} title=${_}>
|
|
@@ -157,4 +157,4 @@ import{r as t,x as e,_ as i}from"./lit-element-eFlPHqE1.js";import{n as s}from".
|
|
|
157
157
|
?closing=${!r&&this._isOpen}
|
|
158
158
|
tabindex="-1"
|
|
159
159
|
@click=${this._handleClickOnOverlay}></div>`:""}
|
|
160
|
-
`}async updated(t){var e,i,s,o;if(t.has("condensedActions")&&this._checkUpdateActionSizes(),t.has("currentStep")&&this._handleCurrentStepUpdate(),t.has("_doAnimateTitle")&&(null===(e=null==this?void 0:this._animateScrollWrapper)||void 0===e||e.removeEventListener("scroll",this._scrollObserver),this._doAnimateTitle?null===(i=null==this?void 0:this._animateScrollWrapper)||void 0===i||i.addEventListener("scroll",this._scrollObserver):null===(o=null===(s=null==this?void 0:this._sidePanel)||void 0===s?void 0:s.style)||void 0===o||o.setProperty(`--${$}--scroll-animation-progress`,"0")),(t.has("_isOpen")||t.has("animateTitle"))&&this._checkSetDoAnimateTitle(),(t.has("slideIn")||t.has("open")||t.has("includeOverlay"))&&this._adjustPageContent(),t.has("open"))if(this._checkSetOpen(),this.disconnectObservers(),this.open){this.connectObservers(),this._launcher=this.ownerDocument.activeElement;const t=this.selectorInitialFocus&&this.querySelector(this.selectorInitialFocus);await this.constructor._delay(),t?t.focus():f(this.querySelectorAll(this.constructor.selectorTabbable))||this.focus()}else this._launcher&&"function"==typeof this._launcher.focus&&(this._launcher.focus(),this._launcher=null)}static _delay(t=0){return new Promise((e=>{setTimeout(e,t)}))}static get selectorTabbable(){return r}static get eventBeforeClose(){return`${a}-side-panel-beingclosed`}static get eventClose(){return`${a}-side-panel-closed`}static get eventNavigateBack(){return`${a}-side-panel-navigate-back`}};i([n("#start-sentinel")],S.prototype,"_startSentinelNode",void 0),i([n("#end-sentinel")],S.prototype,"_endSentinelNode",void 0),i([n(`.${$}`)],S.prototype,"_sidePanel",void 0),i([n(`.${$}__animated-scroll-wrapper`)],S.prototype,"_animateScrollWrapper",void 0),i([n(`.${$}__label-text`)],S.prototype,"_label",void 0),i([n(`.${$}__title-text`)],S.prototype,"_title",void 0),i([n(`.${$}__subtitle-text`)],S.prototype,"_subtitle",void 0),i([n(`.${$}__inner-content`)],S.prototype,"_innerContent",void 0),i([l({slot:"actions",selector:`${a}-button`})],S.prototype,"_actions",void 0),i([o()],S.prototype,"_doAnimateTitle",void 0),i([o()],S.prototype,"_isOpen",void 0),i([o()],S.prototype,"_containerScrollTop",void 0),i([o()],S.prototype,"_hasSubtitle",void 0),i([o()],S.prototype,"_hasSlug",void 0),i([o()],S.prototype,"_hasActionToolbar",void 0),i([o()],S.prototype,"_actionsCount",void 0),i([o()],S.prototype,"_slugCloseSize",void 0),i([
|
|
160
|
+
`}async updated(t){var e,i,s,o;if(t.has("condensedActions")&&this._checkUpdateActionSizes(),t.has("currentStep")&&this._handleCurrentStepUpdate(),t.has("_doAnimateTitle")&&(null===(e=null==this?void 0:this._animateScrollWrapper)||void 0===e||e.removeEventListener("scroll",this._scrollObserver),this._doAnimateTitle?null===(i=null==this?void 0:this._animateScrollWrapper)||void 0===i||i.addEventListener("scroll",this._scrollObserver):null===(o=null===(s=null==this?void 0:this._sidePanel)||void 0===s?void 0:s.style)||void 0===o||o.setProperty(`--${$}--scroll-animation-progress`,"0")),(t.has("_isOpen")||t.has("animateTitle"))&&this._checkSetDoAnimateTitle(),(t.has("slideIn")||t.has("open")||t.has("includeOverlay"))&&this._adjustPageContent(),t.has("open"))if(this._checkSetOpen(),this.disconnectObservers(),this.open){this.connectObservers(),this._launcher=this.ownerDocument.activeElement;const t=this.selectorInitialFocus&&this.querySelector(this.selectorInitialFocus);await this.constructor._delay(),t?t.focus():f(this.querySelectorAll(this.constructor.selectorTabbable))||this.focus()}else this._launcher&&"function"==typeof this._launcher.focus&&(this._launcher.focus(),this._launcher=null)}static _delay(t=0){return new Promise((e=>{setTimeout(e,t)}))}static get selectorTabbable(){return r}static get eventBeforeClose(){return`${a}-side-panel-beingclosed`}static get eventClose(){return`${a}-side-panel-closed`}static get eventNavigateBack(){return`${a}-side-panel-navigate-back`}};i([n("#start-sentinel")],S.prototype,"_startSentinelNode",void 0),i([n("#end-sentinel")],S.prototype,"_endSentinelNode",void 0),i([n(`.${$}`)],S.prototype,"_sidePanel",void 0),i([n(`.${$}__animated-scroll-wrapper`)],S.prototype,"_animateScrollWrapper",void 0),i([n(`.${$}__label-text`)],S.prototype,"_label",void 0),i([n(`.${$}__title-text`)],S.prototype,"_title",void 0),i([n(`.${$}__subtitle-text`)],S.prototype,"_subtitle",void 0),i([n(`.${$}__inner-content`)],S.prototype,"_innerContent",void 0),i([l({slot:"actions",selector:`${a}-button`})],S.prototype,"_actions",void 0),i([o()],S.prototype,"_doAnimateTitle",void 0),i([o()],S.prototype,"_isOpen",void 0),i([o()],S.prototype,"_containerScrollTop",void 0),i([o()],S.prototype,"_hasSubtitle",void 0),i([o()],S.prototype,"_hasSlug",void 0),i([o()],S.prototype,"_hasActionToolbar",void 0),i([o()],S.prototype,"_actionsCount",void 0),i([o()],S.prototype,"_slugCloseSize",void 0),i([d("shadowRoot:focusout")],S.prototype,"_handleBlur",void 0),i([d("document:keydown")],S.prototype,"_handleKeydown",void 0),i([s({reflect:!0,attribute:"animate-title",type:Boolean})],S.prototype,"animateTitle",void 0),i([s({reflect:!0,attribute:"close-icon-description"})],S.prototype,"closeIconDescription",void 0),i([s({type:Boolean,reflect:!0,attribute:"condensed-actions"})],S.prototype,"condensedActions",void 0),i([s({reflect:!0,attribute:"current-step",type:Number})],S.prototype,"currentStep",void 0),i([s({attribute:"include-overlay",type:Boolean,reflect:!0})],S.prototype,"includeOverlay",void 0),i([s({reflect:!0,attribute:"label-text"})],S.prototype,"labelText",void 0),i([s({reflect:!0,attribute:"navigation-back-icon-description"})],S.prototype,"navigationBackIconDescription",void 0),i([s({type:Boolean,reflect:!0})],S.prototype,"open",void 0),i([s({reflect:!0,type:String})],S.prototype,"placement",void 0),i([s({type:Boolean,attribute:"prevent-close-on-click-outside"})],S.prototype,"preventCloseOnClickOutside",void 0),i([s({reflect:!0,attribute:"selector-initial-focus",type:String})],S.prototype,"selectorInitialFocus",void 0),i([s({reflect:!0,attribute:"selector-page-content"})],S.prototype,"selectorPageContent",void 0),i([s({reflect:!0,type:String})],S.prototype,"size",void 0),i([s({attribute:"slide-in",type:Boolean,reflect:!0})],S.prototype,"slideIn",void 0),i([s({reflect:!1,type:String})],S.prototype,"title",void 0),S=i([p(`${a}-side-panel`)],S);
|