npm - @carbon/web-components - Versions diffs - 2.62.0 → 2.63.0 - Mend

@carbon/web-components 2.62.0 → 2.63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (955) hide show

package/es-custom/components/select/select.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/select/select.scss?lit
-var select_default = css([".cds-custom--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-custom--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-custom--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--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-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[warn]) .cds-custom--select-input__wrapper~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select,:host(cds-custom-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--select *,.cds-custom--select :after,.cds-custom--select :before,:host(cds-custom-select) *,:host(cds-custom-select) :after,:host(cds-custom-select) :before{box-sizing:inherit}.cds-custom--select,:host(cds-custom-select){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));position:relative;display:flex;flex-direction:column;align-items:flex-start;inline-size:100%}.cds-custom--select-input__wrapper{position:relative;display:flex;align-items:center;inline-size:100%}.cds-custom--select-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),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));display:block;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;inline-size:100%;opacity:1;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds-custom--select-input:-moz-focusring,.cds-custom--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds-custom--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select-input:focus{outline-style:dotted}}.cds-custom--select-input:focus{color:var(--cds-text-primary,#161616)}.cds-custom--select-input:disabled,.cds-custom--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--disabled .cds-custom--form__helper-text,.cds-custom--select--disabled .cds-custom--label,:host(cds-custom-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-select[disabled]) .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--warning .cds-custom--select-input,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,:host(cds-custom-select[warn]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select-input:disabled~.cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--light .cds-custom--select-input{background-color:var(--cds-field-02,#fff)}.cds-custom--select--light .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--light .cds-custom--select-input:disabled,.cds-custom--select--light .cds-custom--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select__arrow{position:absolute;block-size:100%;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--select__arrow path{fill:ButtonText}}.cds-custom--select__invalid-icon{position:absolute;inset-inline-end:2.5rem}.cds-custom--select-input--inline__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds-custom--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds-custom--select-option,optgroup.cds-custom--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--select-option:disabled,optgroup.cds-custom--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--inline,:host(cds-custom-select[inline]){display:flex;flex-direction:row;align-items:center}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label,:host(cds-custom-select[inline]) .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.cds-custom--select--inline .cds-custom--select-input,:host(cds-custom-select[inline]) .cds-custom--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds-custom--select--inline .cds-custom--select-input:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input:focus,.cds-custom--select--inline .cds-custom--select-input:focus optgroup,.cds-custom--select--inline .cds-custom--select-input:focus option,:host(cds-custom-select[inline]) .cds-custom--select-input:focus,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select-input:focus optgroup:hover,.cds-custom--select--inline .cds-custom--select-input:focus option:hover,.cds-custom--select--inline .cds-custom--select-input:focus:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input[disabled],.cds-custom--select--inline .cds-custom--select-input[disabled]:hover,:host(cds-custom-select[inline]) .cds-custom--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select__arrow,:host(cds-custom-select[inline]) .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input{padding-inline-end:3.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input~.cds-custom--select__invalid-icon--warning,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input~.cds-custom--select__invalid-icon--warning{inset-inline-end:2rem}.cds-custom--select--inline .cds-custom--select-input:disabled,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--inline .cds-custom--select-input:disabled~*,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds-custom--select--readonly .cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--readonly.cds-custom--select--inline .cds-custom--select-input:hover{background-color:transparent}.cds-custom--select.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--select.cds-custom--skeleton:active,.cds-custom--select.cds-custom--skeleton:focus,.cds-custom--select.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--select.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--select.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--select.cds-custom--skeleton{background:CanvasText}.cds-custom--select.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--select.cds-custom--skeleton{block-size:2.5rem;inline-size:100%}.cds-custom--select.cds-custom--skeleton .cds-custom--select-input{display:none}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--slug .cds-custom--slug,:host(cds-custom-select[slug]) .cds-custom--ai-label,:host(cds-custom-select[slug]) .cds-custom--slug{position:absolute;inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;transform:translateY(-50%)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:after,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--slug:before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--slug--revert:before,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:before,:host(cds-custom-select[slug]) .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert,.cds-custom--select--slug .cds-custom--ai-label--revert,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert{inset-inline-end:2.5625rem}.cds-custom--select--decorator .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--slug--revert:after,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:after,:host(cds-custom-select[slug]) .cds-custom--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds-custom--select--decorator .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[slug]) .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:5rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:4rem}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--slug),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:6rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--select-input-has--ai-label,:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--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-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:block}.cds-custom--select--fluid .cds-custom--select,.cds-custom--select--fluid :host(cds-custom-select){position:relative;background:var(--cds-field);block-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--select--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--select--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--select--fluid .cds-custom--select-input{padding:2rem 2rem .8125rem 1rem;min-block-size:4rem;outline:none;text-overflow:ellipsis}.cds-custom--select--fluid .cds-custom--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds-custom--select--fluid .cds-custom--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select__divider{display:block;border:none;margin:0 1rem;border-block-end:1px solid var(--cds-border-subtle);inline-size:calc(100% - 2rem)}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds-custom--select--fluid .cds-custom--select--warning,.cds-custom--select--fluid :host(cds-custom-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--select--fluid .cds-custom--select-input__wrapper{display:block}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input:not(:focus),.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input:not(:focus){outline:none}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--form-requirement,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--form-requirement{display:block;overflow:visible;max-block-size:100%}.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--select--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid]:hover+.cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider{border-color:transparent}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select--fluid--focus.cds-custom--select--warning{border-block-end:1px solid transparent}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-label,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button{pointer-events:none}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button svg,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--slug,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--ai-label,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:none}.cds-custom--select--fluid__skeleton{position:relative;background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds-custom--select--fluid__skeleton .cds-custom--skeleton{position:absolute;block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem}.cds-custom--select--fluid__skeleton .cds-custom--label{position:absolute;padding:0;block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-custom-select){--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;outline:none}:host(cds-custom-select) ::slotted(cds-custom-ai-label),:host(cds-custom-select) ::slotted(cds-custom-slug){position:absolute;inset-block-start:50%;inset-inline-end:3rem}:host(cds-custom-select) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-select) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):after,:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-custom-select[readonly]) select{pointer-events:none}:host(cds-custom-select[pagination]) .cds-custom--label{margin:0}:host(cds-custom-select[pagination]) .cds-custom--select-input{padding:0 2.25rem 0 1rem}:host(cds-custom-select[pagination]) .cds-custom--select-input:focus{background-color:transparent}:host(cds-custom-select[pagination]) .cds-custom--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-custom-select[pagination][left-select]) .cds-custom--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-custom-select[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-select[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[warn]) ::slotted(cds-custom-slug){inset-inline-end:3rem}:host(cds-custom-select[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)}:host(cds-custom-select[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[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)}:host(cds-custom-select[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[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)}:host(cds-custom-select[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)}"]);
+var select_default = css([".cds-custom--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-custom--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-custom--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-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--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-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--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-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[warn]) .cds-custom--select-input__wrapper~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select,:host(cds-custom-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--select *,.cds-custom--select :after,.cds-custom--select :before,:host(cds-custom-select) *,:host(cds-custom-select) :after,:host(cds-custom-select) :before{box-sizing:inherit}.cds-custom--select,:host(cds-custom-select){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));position:relative;display:flex;flex-direction:column;align-items:flex-start;inline-size:100%}.cds-custom--select-input__wrapper{position:relative;display:flex;align-items:center;inline-size:100%}.cds-custom--select-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), 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));display:block;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--cds-field);block-size:var(--cds-layout-size-height-local);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;inline-size:100%;opacity:1;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds-custom--select-input:-moz-focusring,.cds-custom--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds-custom--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select-input:focus{outline-style:dotted}}.cds-custom--select-input:focus{color:var(--cds-text-primary,#161616)}.cds-custom--select-input:disabled,.cds-custom--select-input:hover:disabled{background:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--disabled .cds-custom--form__helper-text,.cds-custom--select--disabled .cds-custom--label,:host(cds-custom-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-select[disabled]) .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--warning .cds-custom--select-input,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,:host(cds-custom-select[warn]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select-input:disabled~.cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--light .cds-custom--select-input{background-color:var(--cds-field-02,#fff)}.cds-custom--select--light .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--light .cds-custom--select-input:disabled,.cds-custom--select--light .cds-custom--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select__arrow{position:absolute;block-size:100%;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--select__arrow path{fill:ButtonText}}.cds-custom--select__invalid-icon{position:absolute;inset-inline-end:2.5rem}.cds-custom--select-input--inline__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds-custom--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds-custom--select-option,optgroup.cds-custom--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--select-option:disabled,optgroup.cds-custom--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--inline,:host(cds-custom-select[inline]){display:flex;flex-direction:row;align-items:center}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label,:host(cds-custom-select[inline]) .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.cds-custom--select--inline .cds-custom--select-input,:host(cds-custom-select[inline]) .cds-custom--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds-custom--select--inline .cds-custom--select-input:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input:focus,.cds-custom--select--inline .cds-custom--select-input:focus optgroup,.cds-custom--select--inline .cds-custom--select-input:focus option,:host(cds-custom-select[inline]) .cds-custom--select-input:focus,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select-input:focus optgroup:hover,.cds-custom--select--inline .cds-custom--select-input:focus option:hover,.cds-custom--select--inline .cds-custom--select-input:focus:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input[disabled],.cds-custom--select--inline .cds-custom--select-input[disabled]:hover,:host(cds-custom-select[inline]) .cds-custom--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select__arrow,:host(cds-custom-select[inline]) .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input{padding-inline-end:3.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input~.cds-custom--select__invalid-icon--warning,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input~.cds-custom--select__invalid-icon--warning{inset-inline-end:2rem}.cds-custom--select--inline .cds-custom--select-input:disabled,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--inline .cds-custom--select-input:disabled~*,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input,:host(cds-custom-select[readonly]) .cds-custom--select-input{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds-custom--select--readonly .cds-custom--select__arrow,:host(cds-custom-select[readonly]) .cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--readonly.cds-custom--select--inline .cds-custom--select-input:hover,:host(cds-custom-select[readonly]):host(cds-custom-select[inline]) .cds-custom--select-input:hover{background:transparent}.cds-custom--select.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--select.cds-custom--skeleton:active,.cds-custom--select.cds-custom--skeleton:focus,.cds-custom--select.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--select.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--select.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--select.cds-custom--skeleton{background:CanvasText}.cds-custom--select.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--select.cds-custom--skeleton{block-size:2.5rem;inline-size:100%}.cds-custom--select.cds-custom--skeleton .cds-custom--select-input{display:none}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--slug .cds-custom--slug,:host(cds-custom-select[slug]) .cds-custom--ai-label,:host(cds-custom-select[slug]) .cds-custom--slug{position:absolute;inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;transform:translateY(-50%)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:after,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--slug:before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--slug--revert:before,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:before,:host(cds-custom-select[slug]) .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert,.cds-custom--select--slug .cds-custom--ai-label--revert,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert{inset-inline-end:2.5625rem}.cds-custom--select--decorator .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--slug--revert:after,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:after,:host(cds-custom-select[slug]) .cds-custom--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds-custom--select--decorator .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[slug]) .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:5rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:4rem}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--slug),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:6rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--select-input-has--ai-label,:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--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-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:block}.cds-custom--select--fluid .cds-custom--select,.cds-custom--select--fluid :host(cds-custom-select){position:relative;block-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);background:var(--cds-field)}.cds-custom--select--fluid .cds-custom--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--select--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--select--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--select--fluid .cds-custom--select-input{padding:2rem 2rem .8125rem 1rem;min-block-size:4rem;outline:none;text-overflow:ellipsis}.cds-custom--select--fluid .cds-custom--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds-custom--select--fluid .cds-custom--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select__divider{display:block;border:none;margin:0 1rem;border-block-end:1px solid var(--cds-border-subtle);inline-size:calc(100% - 2rem)}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds-custom--select--fluid .cds-custom--select--warning,.cds-custom--select--fluid :host(cds-custom-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--select--fluid .cds-custom--select-input__wrapper{display:block}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input:not(:focus),.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input:not(:focus){outline:none}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--form-requirement,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--form-requirement{display:block;overflow:visible;max-block-size:100%}.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--select--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid]:hover+.cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider{border-color:transparent}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select--fluid--focus.cds-custom--select--warning{border-block-end:1px solid transparent}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-label,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button{pointer-events:none}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button svg,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--slug,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--ai-label,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:none}.cds-custom--select--fluid__skeleton{position:relative;background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds-custom--select--fluid__skeleton .cds-custom--skeleton{position:absolute;block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem}.cds-custom--select--fluid__skeleton .cds-custom--label{position:absolute;padding:0;block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-custom-select){--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;outline:none}:host(cds-custom-select) ::slotted(cds-custom-ai-label),:host(cds-custom-select) ::slotted(cds-custom-slug){position:absolute;inset-block-start:50%;inset-inline-end:3rem}:host(cds-custom-select) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-select) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):after,:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-custom-select[readonly]) select{pointer-events:none}:host(cds-custom-select[pagination]) .cds-custom--label{margin:0}:host(cds-custom-select[pagination]) .cds-custom--select-input{padding:0 2.25rem 0 1rem}:host(cds-custom-select[pagination]) .cds-custom--select-input:focus{background-color:transparent}:host(cds-custom-select[pagination]) .cds-custom--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-custom-select[pagination][left-select]) .cds-custom--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-custom-select[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-select[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[warn]) ::slotted(cds-custom-slug){inset-inline-end:3rem}:host(cds-custom-select[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)}:host(cds-custom-select[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[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)}:host(cds-custom-select[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[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)}:host(cds-custom-select[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)}"]);
 //#endregion
 export { select_default as default };

package/es-custom/components/select/select.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.scss.js","names":[],"sources":["../../../src/components/select/select.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2020, ~~2024~~\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/components/select';\n@use '@carbon/styles/scss/colors';\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/components/fluid-select' as ;\n@use '@carbon/styles/scss/utilities/visually-hidden' as ;\n@use '@carbon/styles/scss/utilities/layout' as *;\n\n$divider-width: 1px;\n\n:host(#{$prefix}-select) {\n @extend .#{$prefix}--select;\n @include emit-layout-tokens();\n\n outline: none;\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-09;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n\n ::slotted(#{$prefix}-ai-label) {\n &::before,\n &::after {\n position: absolute;\n background-color: $border-subtle-01;\n block-size: to-rem(16px);\n content: '';\n inline-size: to-rem(1px);\n inset-inline-start: calc(#{$spacing-06} - #{$divider-width});\n }\n\n &::before {\n display: var(--#{$prefix}-show-before);\n inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});\n }\n }\n}\n\n:host(#{$prefix}-select[inline]) {\n @extend .#{$prefix}--select--inline;\n}\n\n:host(#{$prefix}-select[disabled]) {\n @extend .#{$prefix}--select--disabled;\n}\n\n:host(#{$prefix}-select[invalid]) {\n @extend .#{$prefix}--select--invalid;\n}\n\n:host(#{$prefix}-select[warn]) {\n @extend .#{$prefix}--select--warning;\n}\n\n:host(#{$prefix}-select[slug]) {\n @extend .#{$prefix}--select--slug;\n}\n\n:host(#{$prefix}-select[readonly]) select {\n pointer-events: none;\n}\n\n:host(#{$prefix}-select[pagination]) {\n .#{$prefix}--label {\n margin: 0;\n }\n\n .#{$prefix}--select-input {\n padding: 0 2.25rem 0 $spacing-05;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n .#{$prefix}--select__arrow {\n inset-block-start: 50%;\n transform: translate(-#{$spacing-03}, -50%);\n }\n}\n\n:host(#{$prefix}-select[pagination][left-select]) {\n .#{$prefix}--select-input {\n border-inline-end: 1px solid $border-subtle;\n }\n}\n\n:host(#{$prefix}-select[warn]),\n:host(#{$prefix}-select[invalid]) {\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n inset-inline-end: $spacing-09;\n }\n}\n\n@include emit-layout-tokens-to-shadow-host('#{$prefix}-select');\n"],"mappings":""}
1	+ {"version":3,"file":"select.scss.js","names":[],"sources":["../../../src/components/select/select.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2020, 2026\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as ;\n@use '@carbon/styles/scss/spacing' as ;\n@use '@carbon/styles/scss/theme' as ;\n@use '@carbon/styles/scss/components/select';\n@use '@carbon/styles/scss/colors';\n@use '@carbon/styles/scss/utilities/convert' as ;\n@use '@carbon/styles/scss/components/fluid-select' as ;\n@use '@carbon/styles/scss/utilities/visually-hidden' as ;\n@use '@carbon/styles/scss/utilities/layout' as *;\n\n$divider-width: 1px;\n\n:host(#{$prefix}-select) {\n @extend .#{$prefix}--select;\n @include emit-layout-tokens();\n\n outline: none;\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-09;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n\n ::slotted(#{$prefix}-ai-label) {\n &::before,\n &::after {\n position: absolute;\n background-color: $border-subtle-01;\n block-size: to-rem(16px);\n content: '';\n inline-size: to-rem(1px);\n inset-inline-start: calc(#{$spacing-06} - #{$divider-width});\n }\n\n &::before {\n display: var(--#{$prefix}-show-before);\n inset-inline-start: calc(-#{$spacing-03} - #{$divider-width});\n }\n }\n}\n\n:host(#{$prefix}-select[inline]) {\n @extend .#{$prefix}--select--inline;\n}\n\n:host(#{$prefix}-select[disabled]) {\n @extend .#{$prefix}--select--disabled;\n}\n\n:host(#{$prefix}-select[invalid]) {\n @extend .#{$prefix}--select--invalid;\n}\n\n:host(#{$prefix}-select[warn]) {\n @extend .#{$prefix}--select--warning;\n}\n\n:host(#{$prefix}-select[slug]) {\n @extend .#{$prefix}--select--slug;\n}\n\n:host(#{$prefix}-select[readonly]) {\n @extend .#{$prefix}--select--readonly;\n\n select {\n pointer-events: none;\n }\n}\n\n:host(#{$prefix}-select[pagination]) {\n .#{$prefix}--label {\n margin: 0;\n }\n\n .#{$prefix}--select-input {\n padding: 0 2.25rem 0 $spacing-05;\n\n &:focus {\n background-color: transparent;\n }\n }\n\n .#{$prefix}--select__arrow {\n inset-block-start: 50%;\n transform: translate(-#{$spacing-03}, -50%);\n }\n}\n\n:host(#{$prefix}-select[pagination][left-select]) {\n .#{$prefix}--select-input {\n border-inline-end: 1px solid $border-subtle;\n }\n}\n\n:host(#{$prefix}-select[warn]),\n:host(#{$prefix}-select[invalid]) {\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n inset-inline-end: $spacing-09;\n }\n}\n\n@include emit-layout-tokens-to-shadow-host('#{$prefix}-select');\n"],"mappings":""}

package/es-custom/components/side-panel/side-panel.js CHANGED Viewed

@@ -20,8 +20,8 @@ import { SIDE_PANEL_PLACEMENT, SIDE_PANEL_SIZE } from "./defs.js";
 import side_panel_default$1 from "./side-panel.scss.js";
 import { LitElement, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
+import Close from "@carbon/icons/es/close/16";
 import ArrowLeft16 from "@carbon/icons/es/arrow--left/16";
-import Close16 from "@carbon/icons/es/close/16";
 import { moderate02 } from "@carbon/motion";
 //#region src/components/side-panel/side-panel.ts
 /**
@@ -463,7 +463,7 @@ let CDSSidePanel = class CDSSidePanel extends HostListenerMixin(LitElement) {
                 size="sm"
                 class=${`${blockClass}__close-button`}
                 @click=${this._handleCloseClick}>
-                ${iconLoader(Close16, { slot: "icon" })}
+                ${iconLoader(Close, { slot: "icon" })}
                 <span slot="tooltip-content"> ${closeIconDescription} </span>
               </cds-custom-icon-button>` : ""}
         </div>

package/es-custom/components/side-panel/side-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"side-panel.js","names":["styles","customElement"],"sources":["../../../src/components/side-panel/side-panel.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2023, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT } from './defs';\nimport styles from './side-panel.scss?lit';\nimport { selectorTabbable } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport ArrowLeft16 from '@carbon/icons/es/arrow--left/16';\nimport Close16 from '@carbon/icons/es/close/16';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { moderate02 } from '@carbon/motion';\nimport Handle from '../../globals/internal/handle';\nimport '../button/index';\nimport '../icon-button/index';\nimport '../layer/index';\nimport '../action-set/index.js';\nimport '../resizer/index.js';\n\nexport { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT };\n\nconst blockClass = `${prefix}--side-panel`;\n\n/\n Observes resize of the given element with the given resize observer.\n \n @param observer The resize observer.\n * @param elem The element to observe the resize.\n /\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/\n SidePanel.\n \n @element cds-custom-side-panel\n * @csspart dialog The dialog.\n * @fires cds-custom-side-panel-beingclosed\n * The custom event fired before this side-panel is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this side-panel.\n * @fires cds-custom-side-panel-closed - The custom event fired after this side-panel is closed upon a user gesture.\n * @fires cds-custom-side-panel-navigate-back - custom event fired when clicking navigate back (available when step > 0)\n /\n@customElement(`${prefix}-side-panel`)\nclass CDSSidePanel extends HostListenerMixin(LitElement) {\n /\n The handle for observing resize of the parent element of this element.\n /\n private _hObserveResize: Handle \| null = null;\n\n /\n The element that had focus before this side-panel gets open.\n /\n private _launcher: Element \| null = null;\n\n /\n Node to track side panel.\n /\n @query(`.${blockClass}`)\n private _sidePanel!: HTMLDivElement;\n\n @query(`.${blockClass}__animated-scroll-wrapper`)\n private _animateScrollWrapper?: HTMLElement;\n\n @query(`.${blockClass}__label-text`)\n private _label!: HTMLElement;\n\n @query(`.${blockClass}__title-text`)\n private _title!: HTMLElement;\n\n @query(`.${blockClass}__subtitle-text`)\n private _subtitle!: HTMLElement;\n\n @query(`.${blockClass}__inner-content`)\n private _innerContent!: HTMLElement;\n\n /\n Reference to the resizer handle element\n /\n @query(`${prefix}-resizer-handle`)\n private _resizerHandle?: HTMLElement;\n\n @state()\n _doAnimateTitle = true;\n\n @state()\n _isOpen = false;\n\n @state()\n _containerScrollTop = -16;\n\n @state()\n _hasSubtitle = false;\n\n @state()\n _hasSlug = false;\n\n @state()\n _hasActionToolbar = false;\n\n @state()\n _actionsCount = 0;\n\n @state()\n _actionsMultiple: 'single' \| 'double' \| 'triple' \| '' = '';\n\n @state()\n _slugCloseSize = 'sm';\n\n @state()\n _customHeaderElements: Element[] = [];\n\n @state()\n _customHeaderHidden = false;\n\n @state()\n _sidePanelWidth?: number;\n\n @state()\n _accumulatedDelta = 0;\n\n /\n Get focusable elements.\n \n Querying all tabbable items.\n \n @returns {{first: HTMLElement, last: HTMLElement, all: HTMLElement[]}} Returns an object with various elements.\n /\n private getFocusable(): {\n first: HTMLElement \| undefined;\n last: HTMLElement \| undefined;\n all: HTMLElement[];\n } {\n const elements: HTMLElement[] = [];\n\n // Add back button if present (shadow DOM)\n if (this.currentStep > 0) {\n const backButton = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__navigation-back-button`\n );\n if (backButton) {\n elements.push(backButton);\n }\n }\n\n // Add tabbable elements from above-title slot (light DOM - breadcrumbs, etc.)\n const aboveTitleSlot = this.shadowRoot?.querySelector<HTMLSlotElement>(\n 'slot[name=\"above-title\"]'\n );\n if (aboveTitleSlot) {\n const aboveTitleElements = aboveTitleSlot\n .assignedElements({ flatten: true })\n .flatMap((el) =>\n Array.from(el.querySelectorAll<HTMLElement>(selectorTabbable))\n );\n elements.push(...aboveTitleElements);\n }\n\n // Add label text if present (shadow DOM)\n const labelText = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__label-text`\n );\n if (labelText) {\n elements.push(labelText);\n }\n\n // Add title if present (shadow DOM)\n const titleText = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__title-text`\n );\n if (titleText) {\n elements.push(titleText);\n }\n\n // Add slug elements if present (light DOM)\n if (this._hasSlug) {\n const slugElements = Array.from(\n this.querySelectorAll<HTMLElement>(`${prefix}-slug`)\n );\n elements.push(...slugElements);\n }\n\n // Add close button if not hidden (shadow DOM)\n if (!this.hideCloseButton) {\n const closeButton = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__close-button`\n );\n if (closeButton) {\n elements.push(closeButton);\n }\n }\n\n // Add subtitle if present (shadow DOM)\n const subtitleText = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__subtitle-text`\n );\n if (subtitleText && !subtitleText.hidden) {\n elements.push(subtitleText);\n }\n\n // Add tabbable elements from below-title slot (light DOM)\n const belowTitleSlot = this.shadowRoot?.querySelector<HTMLSlotElement>(\n 'slot[name=\"below-title\"]'\n );\n if (belowTitleSlot) {\n const belowTitleElements = belowTitleSlot\n .assignedElements({ flatten: true })\n .flatMap((el) =>\n Array.from(el.querySelectorAll<HTMLElement>(selectorTabbable))\n );\n elements.push(...belowTitleElements);\n }\n\n // Add action toolbar elements (light DOM)\n const actionToolbarSlot = this.shadowRoot?.querySelector<HTMLSlotElement>(\n 'slot[name=\"action-toolbar\"]'\n );\n if (actionToolbarSlot) {\n const actionToolbarElements = actionToolbarSlot\n .assignedElements({ flatten: true })\n .filter(\n (el): el is HTMLElement =>\n el instanceof HTMLElement &&\n typeof (el as HTMLElement).focus === 'function'\n );\n elements.push(...actionToolbarElements);\n }\n\n // Add body content tabbable elements (light DOM - default slot)\n const defaultSlot =\n this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n if (defaultSlot) {\n const bodyElements = defaultSlot\n .assignedElements({ flatten: true })\n .flatMap((el) =>\n Array.from(el.querySelectorAll<HTMLElement>(selectorTabbable))\n );\n elements.push(...bodyElements);\n }\n\n // Add action buttons (light DOM)\n const actionsSlot = this.shadowRoot?.querySelector<HTMLSlotElement>(\n 'slot[name=\"actions\"]'\n );\n if (actionsSlot) {\n const actionElements = actionsSlot\n .assignedElements({ flatten: true })\n .filter(\n (el): el is HTMLElement =>\n el instanceof HTMLElement &&\n typeof (el as HTMLElement).focus === 'function'\n );\n elements.push(...actionElements);\n }\n\n // Filter for focusable items\n const all = elements.filter(\n (el): el is HTMLElement => typeof el?.focus === 'function'\n );\n\n return {\n first: all[0],\n last: all[all.length - 1],\n all,\n };\n }\n\n /\n Handle the keydown event.\n * Trap the focus inside the side-panel by tracking keydown.key == `Tab`\n \n @param {KeyboardEvent} event The keyboard event object.\n /\n @HostListener('keydown')\n protected _handleHostKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Tab' && !this.slideIn) {\n const { first: _firstElement, last: _lastElement } = this.getFocusable();\n\n if (\n event.shiftKey &&\n (this.shadowRoot?.activeElement === _firstElement \|\|\n document.activeElement === _firstElement)\n ) {\n event.preventDefault();\n\n _lastElement?.focus();\n } else if (!event.shiftKey && document.activeElement === _lastElement) {\n event.preventDefault();\n\n _firstElement?.focus();\n }\n }\n };\n\n @HostListener('document:keydown')\n // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n if (key === 'Esc' \|\| key === 'Escape') {\n this._handleUserInitiatedClose(target);\n }\n };\n\n private _reducedMotion =\n typeof window !== 'undefined' && window?.matchMedia\n ? window.matchMedia('(prefers-reduced-motion: reduce)')\n : { matches: true };\n\n /\n Handles `click` event on the side-panel container.\n \n @param event The event.\n /\n private _handleClickOnOverlay(event: MouseEvent) {\n if (!this.preventCloseOnClickOutside) {\n this._handleUserInitiatedClose(event.target);\n }\n }\n\n /\n Handles `click` event on the side-panel container.\n \n @param event The event.\n /\n private _handleCloseClick(event: MouseEvent) {\n this._handleUserInitiatedClose(event.target);\n }\n\n /\n Handles user-initiated close request of this side-panel.\n \n @param triggeredBy The element that triggered this close request.\n /\n private _handleUserInitiatedClose(triggeredBy: EventTarget \| null) {\n if (this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventBeforeClose,\n init\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventClose,\n init\n )\n );\n }\n }\n }\n\n private _handleNavigateBack(triggeredBy: EventTarget \| null) {\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventNavigateBack,\n {\n composed: true,\n detail: {\n triggeredBy,\n },\n }\n )\n );\n }\n\n private _adjustPageContent = () => {\n // sets/resets styles based on slideIn property and selectorPageContent;\n if (this.selectorPageContent) {\n const pageContentEl: HTMLElement \| null = document.querySelector(\n this.selectorPageContent\n );\n\n if (pageContentEl) {\n const newValues = {\n marginInlineStart: '',\n marginInlineEnd: '',\n inlineSize: '',\n transition: this._reducedMotion.matches\n ? 'none'\n : `all ${moderate02}`,\n transitionProperty: 'margin-inline-start, margin-inline-end',\n };\n if (this.open) {\n newValues.inlineSize = 'auto';\n if (this.placement === 'left') {\n newValues.marginInlineStart = `${this?._sidePanel?.offsetWidth}px`;\n } else {\n newValues.marginInlineEnd = `${this?._sidePanel?.offsetWidth}px`;\n }\n }\n if (this.slideIn) {\n Object.keys(newValues).forEach((key) => {\n pageContentEl.style[key] = newValues[key];\n });\n }\n }\n }\n };\n\n private _checkSetOpen = () => {\n const { _sidePanel: sidePanel } = this;\n if (sidePanel && this._isOpen) {\n if (this._reducedMotion?.matches) {\n this._isOpen = false;\n } else {\n // wait until the side panel has transitioned off the screen to remove\n sidePanel.addEventListener('transitionend', () => {\n this._isOpen = false;\n });\n }\n } else if (this.open) {\n // allow the html to render before animating in the side panel\n // Use requestAnimationFrame to ensure the DOM is rendered before triggering animation\n requestAnimationFrame(() => {\n this._isOpen = this.open;\n });\n } else {\n // When closing, set immediately\n this._isOpen = false;\n }\n };\n\n private _checkUpdateIconButtonSizes = () => {\n const slug = this.querySelector(`${prefix}-slug`);\n const otherButtons = this?.shadowRoot?.querySelectorAll(\n '#nav-back-button, #close-button'\n );\n\n const actions = this?.querySelectorAll?.(\n `${prefix}-button[slot='actions']`\n );\n const shouldUpgrade = actions?.length && /l/.test(this.size);\n\n if (slug && shouldUpgrade) {\n slug.setAttribute('size', 'md');\n }\n\n if (otherButtons) {\n const iconButtonSize = shouldUpgrade ? 'md' : 'sm';\n [...otherButtons].forEach((btn) => {\n btn.setAttribute('size', iconButtonSize);\n });\n }\n };\n\n private _handleSlugChange(e: Event) {\n this._checkUpdateIconButtonSizes();\n const childItems = (e.target as HTMLSlotElement).assignedElements();\n\n this._hasSlug = childItems.length > 0;\n }\n\n private _handleSubtitleChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const subtitle = target?.assignedElements();\n\n this._hasSubtitle = subtitle.length > 0;\n }\n\n private _handleCustomHeaderSlotChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const customHeaderElms = target?.assignedElements();\n customHeaderElms.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.style.opacity = `calc(1 - var(--${blockClass}--scroll-animation-progress))`;\n this._customHeaderElements.push(el);\n }\n });\n }\n\n private _handleActionToolbarChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const toolbarActions = target?.assignedElements();\n\n this._hasActionToolbar = toolbarActions && toolbarActions.length > 0;\n\n if (this._hasActionToolbar) {\n for (let i = 0; i < toolbarActions.length; i++) {\n const toolbarAction = toolbarActions[i];\n // toolbar actions size should always be sm\n toolbarAction.setAttribute('size', 'sm');\n\n // Add leading button class to first button\n if (i === 0) {\n toolbarAction.classList.add(\n `${blockClass}__action-toolbar-leading-button`\n );\n } else {\n toolbarAction.classList.remove(\n `${blockClass}__action-toolbar-leading-button`\n );\n }\n }\n }\n }\n\n private _handleActionsChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const actions = target?.assignedElements();\n\n // update slug size\n this._checkUpdateIconButtonSizes();\n\n const actionsCount = actions?.length ?? 0;\n this._actionsCount = actionsCount;\n\n // Set actions-multiple attribute for container query styling\n if (actionsCount === 1) {\n this._actionsMultiple = 'single';\n } else if (actionsCount === 2) {\n this._actionsMultiple = 'double';\n } else if (actionsCount === 3) {\n this._actionsMultiple = 'triple';\n } else {\n this._actionsMultiple = '';\n }\n }\n\n private _checkSetDoAnimateTitle = () => {\n let canDoAnimateTitle = false;\n\n if (\n this._sidePanel &&\n this.open &&\n this.animateTitle &&\n this?.title?.length &&\n !this._reducedMotion.matches\n ) {\n const scrollAnimationDistance = this._getScrollAnimationDistance();\n // used to calculate the header moves\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-distance`,\n `${scrollAnimationDistance}`\n );\n\n let scrollEl = this._animateScrollWrapper;\n if (!scrollEl && this.animateTitle && !this._doAnimateTitle) {\n scrollEl = this._innerContent;\n }\n\n if (scrollEl) {\n const innerComputed = window?.getComputedStyle(this._innerContent);\n const innerPaddingHeight = innerComputed\n ? parseFloat(innerComputed?.paddingTop) +\n parseFloat(innerComputed?.paddingBottom)\n : 0;\n\n canDoAnimateTitle =\n (!!this.labelText \|\| !!this._hasActionToolbar \|\| this._hasSubtitle) &&\n scrollEl.scrollHeight - scrollEl.clientHeight >=\n scrollAnimationDistance + innerPaddingHeight;\n }\n }\n\n this._doAnimateTitle = canDoAnimateTitle;\n };\n\n /\n The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n /\n private _resizeObserver = new ResizeObserver(() => {\n if (this._sidePanel) {\n this._checkSetDoAnimateTitle();\n }\n });\n\n private _getScrollAnimationDistance = () => {\n const labelHeight = this?._label?.offsetHeight ?? 0;\n const subtitleHeight = this?._subtitle?.offsetHeight ?? 0;\n const titleVerticalBorder = this._hasActionToolbar\n ? this._title.offsetHeight - this._title.clientHeight\n : 0;\n\n return labelHeight + subtitleHeight + titleVerticalBorder;\n };\n\n private _scrollObserver = () => {\n const scrollTop = this._animateScrollWrapper?.scrollTop ?? 0;\n const scrollAnimationDistance = this._getScrollAnimationDistance();\n const animationProgress =\n Math.min(scrollTop, scrollAnimationDistance) / scrollAnimationDistance;\n\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-progress`,\n `${animationProgress}`\n );\n\n this._customHeaderHidden = animationProgress === 1;\n };\n\n /\n Handles resize start event from the resizer handle\n /\n private _handleResizeStart = () => {\n this._sidePanelWidth = this._sidePanel?.clientWidth;\n this._accumulatedDelta = 0;\n };\n\n /\n Handles resize drag event from the resizer handle\n /\n private _handleResizeDrag = (event: CustomEvent) => {\n const { delta, isKeyboard, key } = event.detail;\n\n if (!this._sidePanelWidth) {\n this._sidePanelWidth = this._sidePanel?.clientWidth;\n }\n\n // Handle Home/End keys specially (like React implementation)\n if (isKeyboard && (key === 'Home' \|\| key === 'End')) {\n if (key === 'Home') {\n // Home = maximize to 75vw\n this.style.setProperty('--cds-side-panel-modified-size', '75vw');\n } else {\n // End = minimize to 16rem\n this.style.setProperty('--cds-side-panel-modified-size', '16rem');\n }\n return;\n }\n\n let calculatedWidth: number;\n\n if (isKeyboard) {\n // For keyboard arrow keys, accumulate delta (like React implementation)\n this._accumulatedDelta += delta;\n calculatedWidth =\n this._sidePanelWidth -\n (this.placement === 'right'\n ? this._accumulatedDelta\n : -this._accumulatedDelta);\n } else {\n // For mouse events, use delta directly\n calculatedWidth =\n this._sidePanelWidth - (this.placement === 'right' ? delta : -delta);\n }\n\n // Remove transition during drag for smooth resizing\n if (this._sidePanel?.style) {\n this._sidePanel.style.transition = 'none';\n }\n\n // Clamp width between minimum (16rem = 256px) and maximum (75% of viewport)\n const minWidth = 256; // 16rem\n const maxWidth = window.innerWidth 0.75;\n const newWidth = Math.max(minWidth, Math.min(maxWidth, calculatedWidth));\n\n // Apply the new width via CSS variable\n this.style.setProperty('--cds-side-panel-modified-size', `${newWidth}px`);\n };\n\n /*\n Handles resize end event from the resizer handle\n /\n private _handleResizeEnd = () => {\n this._accumulatedDelta = 0;\n this._sidePanel?.style?.removeProperty('transition');\n this._sidePanelWidth = this._sidePanel?.clientWidth;\n\n // Update ARIA attributes on the resizer handle\n if (this._resizerHandle) {\n this._resizerHandle.setAttribute(\n 'aria-label',\n `side panel is covering ${this._getPanelWidthPercent()}% of screen`\n );\n this._resizerHandle.setAttribute(\n 'aria-valuenow',\n this._getPanelWidthPercent().toString()\n );\n }\n };\n\n /\n Handles double-click/double-tap on resizer to reset size\n /\n private _handleResizeReset = () => {\n // Get the default size for current size setting\n const sizeMap = {\n xs: '16rem',\n sm: '20rem',\n md: '30rem',\n lg: '40rem',\n xl: '65rem',\n '2xl': '80rem',\n };\n\n const defaultSize = sizeMap[this.size] \|\| sizeMap.md;\n const defaultSizeInPx = parseFloat(defaultSize) 16;\n\n // Reset to default size (or 75vw if default is larger)\n this._sidePanelWidth = Math.min(defaultSizeInPx, window.innerWidth * 0.75);\n\n // Remove custom size\n this.style.removeProperty('--cds-side-panel-modified-size');\n };\n\n /*\n Get the percentage of screen width the panel is covering\n /\n private _getPanelWidthPercent = (customWidth?: string): number => {\n if (customWidth) {\n const remValue = parseFloat(customWidth);\n const remInPixels =\n remValue \n parseFloat(getComputedStyle(document.documentElement).fontSize);\n return Math.round((remInPixels / window.innerWidth) * 100);\n }\n return Math.round(\n ((this._sidePanel?.clientWidth \|\| 0) / window.innerWidth) * 100\n );\n };\n\n private _handleCurrentStepUpdate = () => {\n const scrollable = this._animateScrollWrapper ?? this._innerContent;\n if (scrollable) {\n scrollable.scrollTop = 0;\n }\n };\n\n /*\n Determines if the title will animate on scroll\n /\n @property({ reflect: true, attribute: 'animate-title', type: Boolean })\n animateTitle = true;\n\n /\n Sets the close button icon description\n /\n @property({\n reflect: true,\n attribute: 'close-icon-description',\n type: String,\n })\n closeIconDescription = 'Close';\n\n /\n Sets the close button tooltip alignment\n /\n @property({\n reflect: true,\n attribute: 'close-icon-tooltip-alignment',\n type: String,\n })\n closeIconTooltipAlignment = 'left';\n\n /\n Determines whether the side panel should render the condensed version (affects action buttons primarily)\n /\n @property({ type: Boolean, reflect: true, attribute: 'condensed-actions' })\n condensedActions = false;\n\n /\n Sets the current step of the side panel\n /\n @property({ reflect: true, attribute: 'current-step', type: Number })\n currentStep;\n\n /\n Determines whether the side panel should render with an overlay\n /\n @property({ attribute: 'include-overlay', type: Boolean, reflect: true })\n includeOverlay = false;\n\n /\n Sets the label text which will display above the title text\n /\n @property({ reflect: true, attribute: 'label-text' })\n labelText;\n\n /\n Sets the icon description for the navigation back icon button\n /\n @property({ reflect: true, attribute: 'navigation-back-icon-description' })\n navigationBackIconDescription = 'Back';\n\n /\n `true` if the side-panel should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /\n SidePanel placement.\n /\n @property({ reflect: true, type: String })\n placement = SIDE_PANEL_PLACEMENT.RIGHT;\n\n /\n Prevent closing on click outside of side-panel\n /\n @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n preventCloseOnClickOutside = false;\n\n /\n The initial location of focus in the side panel\n /\n @property({\n reflect: true,\n attribute: 'selector-initial-focus',\n type: String,\n })\n selectorInitialFocus;\n\n /\n Selector for page content, used to push content to side except\n /\n @property({ reflect: true, attribute: 'selector-page-content' })\n selectorPageContent = '';\n\n /\n Show/hide the \"X\" close button\n /\n @property({ attribute: 'hide-close-button', type: Boolean })\n hideCloseButton = false;\n\n /\n SidePanel size.\n /\n @property({ reflect: true, type: String })\n size = SIDE_PANEL_SIZE.MEDIUM;\n\n /\n Determines if this panel slides in\n /\n @property({ attribute: 'slide-in', type: Boolean, reflect: true })\n slideIn = false;\n\n /\n Determines if the side panel is resizable\n /\n @property({ type: Boolean, reflect: true })\n resizable = false;\n\n /\n Sets the title text\n /\n @property({ reflect: false, type: String })\n title;\n\n async connectObservers() {\n await this.updateComplete;\n this._hObserveResize = observeResize(this._resizeObserver, this._sidePanel);\n }\n\n disconnectObservers() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.disconnectObservers();\n this.connectObservers();\n\n // Listen for resize events from resizer handle\n this.addEventListener(\n 'resize-start',\n this._handleResizeStart as EventListener\n );\n this.addEventListener(\n 'resize-drag',\n this._handleResizeDrag as EventListener\n );\n this.addEventListener('resize-end', this._handleResizeEnd as EventListener);\n this.addEventListener(\n 'resize-reset',\n this._handleResizeReset as EventListener\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.disconnectObservers();\n\n // Remove resize event listeners\n this.removeEventListener(\n 'resize-start',\n this._handleResizeStart as EventListener\n );\n this.removeEventListener(\n 'resize-drag',\n this._handleResizeDrag as EventListener\n );\n this.removeEventListener(\n 'resize-end',\n this._handleResizeEnd as EventListener\n );\n this.removeEventListener(\n 'resize-reset',\n this._handleResizeReset as EventListener\n );\n }\n\n render() {\n const {\n closeIconDescription,\n closeIconTooltipAlignment,\n condensedActions,\n currentStep,\n includeOverlay,\n labelText,\n navigationBackIconDescription,\n open,\n placement,\n hideCloseButton,\n size,\n slideIn,\n title,\n } = this;\n\n if (!open && !this._isOpen) {\n return html``;\n }\n\n const titleTemplate = html` <div\n class=${`${blockClass}__title`}\n ?no-label=${!!labelText}>\n <h2 class=${title ? `${blockClass}__title-text` : ''} tabindex=\"0\">\n ${title}\n </h2>\n ${this._doAnimateTitle\n ? html`<h2\n class=${`${blockClass}__collapsed-title-text`}\n aria-hidden=\"true\">\n ${title}\n </h2>`\n : ''}\n </div>`;\n\n const headerHasTitleClass = this.title\n ? ` ${blockClass}__header--has-title `\n : '';\n const headerTemplate = html`\n <div\n class=${`${blockClass}__header${headerHasTitleClass}`}\n ?detail-step=${currentStep > 0}\n ?no-title-animation=${!this._doAnimateTitle}\n ?reduced-motion=${this._reducedMotion.matches}>\n <!-- render back button -->\n ${currentStep > 0\n ? html`<cds-custom-icon-button\n align=\"bottom-left\"\n aria-label=${navigationBackIconDescription}\n kind=\"ghost\"\n size=\"sm\"\n class=${`${prefix}--btn ${blockClass}__navigation-back-button`}\n @click=${this._handleNavigateBack}>\n ${iconLoader(ArrowLeft16, { slot: 'icon' })}\n <span slot=\"tooltip-content\">\n ${navigationBackIconDescription}\n </span>\n </cds-custom-icon-button>`\n : ''}\n\n <!-- slot for custom header components -->\n <div\n class=${`${blockClass}__custom-header-wrapper${this._customHeaderHidden ? ` ${blockClass}__custom-header-wrapper--hidden` : ''}`}>\n <slot\n name=\"above-title\"\n @slotchange=${this._handleCustomHeaderSlotChange}></slot>\n </div>\n\n <!-- render title label -->\n ${title?.length && labelText?.length\n ? html` <p class=${`${blockClass}__label-text`} tabindex=\"0\">\n ${labelText}\n </p>`\n : ''}\n\n <!-- title -->\n ${title ? titleTemplate : ''}\n\n <!-- render slug and close button area -->\n <div class=${`${blockClass}__slug-and-close`}>\n <slot name=\"slug\" @slotchange=${this._handleSlugChange}></slot>\n <!-- {normalizedSlug} -->\n ${!hideCloseButton\n ? html`<cds-custom-icon-button\n align=${closeIconTooltipAlignment}\n aria-label=${closeIconDescription}\n kind=\"ghost\"\n size=\"sm\"\n class=${`${blockClass}__close-button`}\n @click=${this._handleCloseClick}>\n ${iconLoader(Close16, { slot: 'icon' })}\n <span slot=\"tooltip-content\"> ${closeIconDescription} </span>\n </cds-custom-icon-button>`\n : ''}\n </div>\n\n <!-- render sub title -->\n <p\n class=${this._hasSubtitle ? `${blockClass}__subtitle-text` : ''}\n ?hidden=${!this._hasSubtitle}\n ?no-title-animation=${!this._doAnimateTitle}\n ?no-action-toolbar=${!this._hasActionToolbar}\n ?no-title=${!title}\n tabindex=\"0\">\n <slot\n name=\"subtitle\"\n @slotchange=${this._handleSubtitleChange}></slot>\n </p>\n\n <!-- slot for custom header components -->\n <div\n class=${`${blockClass}__custom-header-wrapper${this._customHeaderHidden ? ` ${blockClass}__custom-header-wrapper--hidden` : ''}`}>\n <slot\n name=\"below-title\"\n @slotchange=${this._handleCustomHeaderSlotChange}></slot>\n </div>\n\n <div\n class=${this._hasActionToolbar ? `${blockClass}__action-toolbar` : ''}\n ?hidden=${!this._hasActionToolbar}\n ?no-title-animation=${!this._doAnimateTitle}>\n <slot\n name=\"action-toolbar\"\n @slotchange=${this._handleActionToolbarChange}></slot>\n </div>\n </div>\n `;\n\n const mainTemplate = html`<div\n class=${`${blockClass}__inner-content`}\n ?scrolls=${!this._doAnimateTitle}>\n <cds-custom-layer level=\"1\">\n <slot></slot>\n </cds-custom-layer>\n </div> `;\n\n const sidePanelAnimateTitleClass = this._doAnimateTitle\n ? ` ${blockClass}--animated-title`\n : '';\n\n return html`\n <div\n class=${`${blockClass}${sidePanelAnimateTitleClass}`}\n part=\"dialog\"\n role=\"complementary\"\n placement=\"${placement}\"\n ?has-slug=${this._hasSlug}\n ?open=${this._isOpen}\n ?opening=${open && !this._isOpen}\n ?closing=${!open && this._isOpen}\n ?condensed-actions=${condensedActions}\n ?overlay=${includeOverlay \|\| slideIn}\n ?slide-in=${slideIn}\n ?resizable=${this.resizable && !slideIn}\n size=${size}>\n ${!slideIn &&\n this.resizable &&\n typeof window !== 'undefined' &&\n window.innerWidth > 768\n ? html`<cds-custom-resizer-handle\n class=\"${blockClass}__resizer\"\n orientation=\"horizontal\"\n aria-valuemin=\"${this._getPanelWidthPercent('16rem')}\"\n aria-valuemax=\"75\"\n aria-valuenow=\"${this._getPanelWidthPercent()}\"\n aria-label=\"side panel is covering ${this._getPanelWidthPercent()}% of screen\"\n @resize-start=${this._handleResizeStart}\n @resize-drag=${this._handleResizeDrag}\n @resize-end=${this._handleResizeEnd}\n @resize-reset=${this._handleResizeReset}></cds-custom-resizer-handle>`\n : ''}\n ${this._doAnimateTitle\n ? html`<div class=${`${blockClass}__animated-scroll-wrapper`} scrolls>\n ${headerTemplate} ${mainTemplate}\n </div>`\n : html` ${headerTemplate} ${mainTemplate}`}\n\n <cds-custom-action-set\n class=${`${blockClass}__actions-container`}\n ?hidden=${this._actionsCount === 0}\n size=${/^(lg\|xl\|2xl)$/.test(size) ? 'lg' : 'md'}\n button-size=${condensedActions ? 'md' : 'lg'}\n actions-multiple=${this._actionsMultiple}>\n <slot name=\"actions\" @slotchange=${this._handleActionsChange}></slot>\n </cds-custom-action-set>\n </div>\n\n ${includeOverlay\n ? html`<div\n ?slide-in=${slideIn}\n class=${`${blockClass}__overlay`}\n ?open=${this.open}\n ?opening=${open && !this._isOpen}\n ?closing=${!open && this._isOpen}\n tabindex=\"-1\"\n @click=${this._handleClickOnOverlay}></div>`\n : ''}\n `;\n }\n\n async updated(changedProperties) {\n if (changedProperties.has('currentStep')) {\n this._handleCurrentStepUpdate();\n }\n\n if (changedProperties.has('_doAnimateTitle')) {\n this?._animateScrollWrapper?.removeEventListener(\n 'scroll',\n this._scrollObserver\n );\n\n if (this._doAnimateTitle) {\n this?._animateScrollWrapper?.addEventListener(\n 'scroll',\n this._scrollObserver\n );\n } else {\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-progress`,\n '0'\n );\n }\n }\n\n if (\n changedProperties.has('_isOpen') \|\|\n changedProperties.has('animateTitle')\n ) {\n / @state property changed /\n this._checkSetDoAnimateTitle();\n }\n\n if (\n changedProperties.has('slideIn') \|\|\n changedProperties.has('open') \|\|\n changedProperties.has('includeOverlay')\n ) {\n this._adjustPageContent();\n }\n\n if (changedProperties.has('open')) {\n this._checkSetOpen();\n\n this.disconnectObservers();\n if (this.open) {\n this.connectObservers();\n\n this._launcher = this.ownerDocument?.activeElement ?? null;\n\n await (this.constructor as typeof CDSSidePanel)._delay();\n\n if (this.selectorInitialFocus?.trim()?.length) {\n const focusNode = this.querySelector(this.selectorInitialFocus);\n\n (focusNode as HTMLElement)?.focus();\n } else if (!this.slideIn) {\n const { first: _firstElement } = this.getFocusable();\n\n _firstElement?.focus();\n }\n } else if (\n this._launcher &&\n typeof (this._launcher as HTMLElement)?.focus === 'function'\n ) {\n (this._launcher as HTMLElement)?.focus();\n this._launcher = null;\n }\n }\n\n // Reset custom size when size prop changes or when resizable is disabled\n if (\n (changedProperties.has('size') && this.resizable && !this.slideIn) \|\|\n (changedProperties.has('resizable') && !this.resizable)\n ) {\n this.style.removeProperty('--cds-side-panel-modified-size');\n }\n\n // Update stored width when resizable changes or panel opens\n if (\n (changedProperties.has('resizable') \|\| changedProperties.has('open')) &&\n this.resizable &&\n !this.slideIn &&\n this.open\n ) {\n await this.updateComplete;\n this._sidePanelWidth = this._sidePanel?.clientWidth;\n }\n }\n\n /\n @param ms The number of milliseconds.\n * @returns A promise that is resolves after the given milliseconds.\n /\n private static _delay(ms = 0) {\n return new Promise((resolve) => {\n setTimeout(resolve, ms);\n });\n }\n\n /\n A selector selecting tabbable nodes.\n /\n static get selectorTabbable() {\n return selectorTabbable;\n }\n\n /\n The name of the custom event fired before this side-panel is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this side-panel.\n /\n static get eventBeforeClose() {\n return `${prefix}-side-panel-beingclosed`;\n }\n\n /\n The name of the custom event fired after this side-panel is closed upon a user gesture.\n /\n static get eventClose() {\n return `${prefix}-side-panel-closed`;\n }\n\n /\n The name of the custom event fired on clicking the navigate back button\n */\n static get eventNavigateBack() {\n return `${prefix}-side-panel-navigate-back`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSidePanel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,aAAa;;;;;;;AAQnB,MAAM,iBAAiB,UAA0B,SAAkB;CACjE,IAAI,CAAC,MACH,OAAO;CAET,SAAS,QAAQ,IAAI;CACrB,OAAO,EACL,UAAU;EACR,SAAS,UAAU,IAAI;EACvB,OAAO;CACT,EACF;AACF;;;;;;;;;;;;AAaA,IAAA,eAAA,MACM,qBAAqB,kBAAkB,UAAU,CAAC,CAAC;;;yBAId;mBAKL;yBA8BlB;iBAGR;6BAGY;sBAGP;kBAGJ;2BAGS;uBAGJ;0BAGwC;wBAGvC;+BAGkB,CAAC;6BAGd;2BAMF;6BA2JY,UAAyB;GACvD,IAAI,MAAM,QAAQ,SAAS,CAAC,KAAK,SAAS;IACxC,MAAM,EAAE,OAAO,eAAe,MAAM,iBAAiB,KAAK,aAAa;IAEvE,IACE,MAAM,aACL,KAAK,YAAY,kBAAkB,iBAClC,SAAS,kBAAkB,gBAC7B;KACA,MAAM,eAAe;KAErB,cAAc,MAAM;IACtB,OAAO,IAAI,CAAC,MAAM,YAAY,SAAS,kBAAkB,cAAc;KACrE,MAAM,eAAe;KAErB,eAAe,MAAM;IACvB;GACF;EACF;yBAI0B,EAAE,KAAK,aAA4B;GAC3D,IAAI,QAAQ,SAAS,QAAQ,UAC3B,KAAK,0BAA0B,MAAM;EAEzC;wBAGE,OAAO,WAAW,eAAe,QAAQ,aACrC,OAAO,WAAW,kCAAkC,IACpD,EAAE,SAAS,KAAK;kCAsEa;GAEjC,IAAI,KAAK,qBAAqB;IAC5B,MAAM,gBAAoC,SAAS,cACjD,KAAK,mBACP;IAEA,IAAI,eAAe;KACjB,MAAM,YAAY;MAChB,mBAAmB;MACnB,iBAAiB;MACjB,YAAY;MACZ,YAAY,KAAK,eAAe,UAC5B,SACA,OAAO;MACX,oBAAoB;KACtB;KACA,IAAI,KAAK,MAAM;MACb,UAAU,aAAa;MACvB,IAAI,KAAK,cAAc,QACrB,UAAU,oBAAoB,GAAG,MAAM,YAAY,YAAY;WAE/D,UAAU,kBAAkB,GAAG,MAAM,YAAY,YAAY;KAEjE;KACA,IAAI,KAAK,SACP,OAAO,KAAK,SAAS,CAAC,CAAC,SAAS,QAAQ;MACtC,cAAc,MAAM,OAAO,UAAU;KACvC,CAAC;IAEL;GACF;EACF;6BAE8B;GAC5B,MAAM,EAAE,YAAY,cAAc;GAClC,IAAI,aAAa,KAAK,SACpB,IAAI,KAAK,gBAAgB,SACvB,KAAK,UAAU;QAGf,UAAU,iBAAiB,uBAAuB;IAChD,KAAK,UAAU;GACjB,CAAC;QAEE,IAAI,KAAK,MAGd,4BAA4B;IAC1B,KAAK,UAAU,KAAK;GACtB,CAAC;QAGD,KAAK,UAAU;EAEnB;2CAE4C;GAC1C,MAAM,OAAO,KAAK,cAAc,UAAgB;GAChD,MAAM,eAAe,MAAM,YAAY,iBACrC,iCACF;GAKA,MAAM,iBAHU,MAAM,mBACpB,4BACF,EAAA,EAC+B,UAAU,IAAI,KAAK,KAAK,IAAI;GAE3D,IAAI,QAAQ,eACV,KAAK,aAAa,QAAQ,IAAI;GAGhC,IAAI,cAAc;IAChB,MAAM,iBAAiB,gBAAgB,OAAO;IAC9C,CAAC,GAAG,YAAY,CAAC,CAAC,SAAS,QAAQ;KACjC,IAAI,aAAa,QAAQ,cAAc;IACzC,CAAC;GACH;EACF;uCA2EwC;GACtC,IAAI,oBAAoB;GAExB,IACE,KAAK,cACL,KAAK,QACL,KAAK,gBACL,MAAM,OAAO,UACb,CAAC,KAAK,eAAe,SACrB;IACA,MAAM,0BAA0B,KAAK,4BAA4B;IAEjE,MAAM,YAAY,OAAO,YACvB,KAAK,WAAW,8BAChB,GAAG,yBACL;IAEA,IAAI,WAAW,KAAK;IACpB,IAAI,CAAC,YAAY,KAAK,gBAAgB,CAAC,KAAK,iBAC1C,WAAW,KAAK;IAGlB,IAAI,UAAU;KACZ,MAAM,gBAAgB,QAAQ,iBAAiB,KAAK,aAAa;KACjE,MAAM,qBAAqB,gBACvB,WAAW,eAAe,UAAU,IACpC,WAAW,eAAe,aAAa,IACvC;KAEJ,qBACG,CAAC,CAAC,KAAK,aAAa,CAAC,CAAC,KAAK,qBAAqB,KAAK,iBACtD,SAAS,eAAe,SAAS,gBAC/B,0BAA0B;IAChC;GACF;GAEA,KAAK,kBAAkB;EACzB;yBAK0B,IAAI,qBAAqB;GACjD,IAAI,KAAK,YACP,KAAK,wBAAwB;EAEjC,CAAC;2CAE2C;GAC1C,MAAM,cAAc,MAAM,QAAQ,gBAAgB;GAClD,MAAM,iBAAiB,MAAM,WAAW,gBAAgB;GACxD,MAAM,sBAAsB,KAAK,oBAC7B,KAAK,OAAO,eAAe,KAAK,OAAO,eACvC;GAEJ,OAAO,cAAc,iBAAiB;EACxC;+BAEgC;GAC9B,MAAM,YAAY,KAAK,uBAAuB,aAAa;GAC3D,MAAM,0BAA0B,KAAK,4BAA4B;GACjE,MAAM,oBACJ,KAAK,IAAI,WAAW,uBAAuB,IAAI;GAEjD,MAAM,YAAY,OAAO,YACvB,KAAK,WAAW,8BAChB,GAAG,mBACL;GAEA,KAAK,sBAAsB,sBAAsB;EACnD;kCAKmC;GACjC,KAAK,kBAAkB,KAAK,YAAY;GACxC,KAAK,oBAAoB;EAC3B;4BAK6B,UAAuB;GAClD,MAAM,EAAE,OAAO,YAAY,QAAQ,MAAM;GAEzC,IAAI,CAAC,KAAK,iBACR,KAAK,kBAAkB,KAAK,YAAY;GAI1C,IAAI,eAAe,QAAQ,UAAU,QAAQ,QAAQ;IACnD,IAAI,QAAQ,QAEV,KAAK,MAAM,YAAY,kCAAkC,MAAM;SAG/D,KAAK,MAAM,YAAY,kCAAkC,OAAO;IAElE;GACF;GAEA,IAAI;GAEJ,IAAI,YAAY;IAEd,KAAK,qBAAqB;IAC1B,kBACE,KAAK,mBACJ,KAAK,cAAc,UAChB,KAAK,oBACL,CAAC,KAAK;GACd,OAEE,kBACE,KAAK,mBAAmB,KAAK,cAAc,UAAU,QAAQ,CAAC;GAIlE,IAAI,KAAK,YAAY,OACnB,KAAK,WAAW,MAAM,aAAa;GAIrC,MAAM,WAAW;GACjB,MAAM,WAAW,OAAO,aAAa;GACrC,MAAM,WAAW,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,eAAe,CAAC;GAGvE,KAAK,MAAM,YAAY,kCAAkC,GAAG,SAAS,GAAG;EAC1E;gCAKiC;GAC/B,KAAK,oBAAoB;GACzB,KAAK,YAAY,OAAO,eAAe,YAAY;GACnD,KAAK,kBAAkB,KAAK,YAAY;GAGxC,IAAI,KAAK,gBAAgB;IACvB,KAAK,eAAe,aAClB,cACA,0BAA0B,KAAK,sBAAsB,EAAE,YACzD;IACA,KAAK,eAAe,aAClB,iBACA,KAAK,sBAAsB,CAAC,CAAC,SAAS,CACxC;GACF;EACF;kCAKmC;GAEjC,MAAM,UAAU;IACd,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,OAAO;GACT;GAEA,MAAM,cAAc,QAAQ,KAAK,SAAS,QAAQ;GAClD,MAAM,kBAAkB,WAAW,WAAW,IAAI;GAGlD,KAAK,kBAAkB,KAAK,IAAI,iBAAiB,OAAO,aAAa,GAAI;GAGzE,KAAK,MAAM,eAAe,gCAAgC;EAC5D;gCAKiC,gBAAiC;GAChE,IAAI,aAAa;IAEf,MAAM,cADW,WAAW,WAEnB,IACP,WAAW,iBAAiB,SAAS,eAAe,CAAC,CAAC,QAAQ;IAChE,OAAO,KAAK,MAAO,cAAc,OAAO,aAAc,GAAG;GAC3D;GACA,OAAO,KAAK,OACR,KAAK,YAAY,eAAe,KAAK,OAAO,aAAc,GAC9D;EACF;wCAEyC;GACvC,MAAM,aAAa,KAAK,yBAAyB,KAAK;GACtD,IAAI,YACF,WAAW,YAAY;EAE3B;sBAMe;8BAUQ;mCAUK;0BAMT;wBAYF;uCAYe;cAMzB;;oCAYsB;6BAgBP;yBAMJ;;iBAYR;mBAME;;;;;;;;;CAxsBZ,eAIE;EACA,MAAM,WAA0B,CAAC;EAGjC,IAAI,KAAK,cAAc,GAAG;GACxB,MAAM,aAAa,KAAK,YAAY,cAClC,IAAI,WAAW,yBACjB;GACA,IAAI,YACF,SAAS,KAAK,UAAU;EAE5B;EAGA,MAAM,iBAAiB,KAAK,YAAY,cACtC,4BACF;EACA,IAAI,gBAAgB;GAClB,MAAM,qBAAqB,eACxB,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CACnC,SAAS,OACR,MAAM,KAAK,GAAG,iBAA8B,gBAAgB,CAAC,CAC/D;GACF,SAAS,KAAK,GAAG,kBAAkB;EACrC;EAGA,MAAM,YAAY,KAAK,YAAY,cACjC,IAAI,WAAW,aACjB;EACA,IAAI,WACF,SAAS,KAAK,SAAS;EAIzB,MAAM,YAAY,KAAK,YAAY,cACjC,IAAI,WAAW,aACjB;EACA,IAAI,WACF,SAAS,KAAK,SAAS;EAIzB,IAAI,KAAK,UAAU;GACjB,MAAM,eAAe,MAAM,KACzB,KAAK,iBAA8B,UAAgB,CACrD;GACA,SAAS,KAAK,GAAG,YAAY;EAC/B;EAGA,IAAI,CAAC,KAAK,iBAAiB;GACzB,MAAM,cAAc,KAAK,YAAY,cACnC,IAAI,WAAW,eACjB;GACA,IAAI,aACF,SAAS,KAAK,WAAW;EAE7B;EAGA,MAAM,eAAe,KAAK,YAAY,cACpC,IAAI,WAAW,gBACjB;EACA,IAAI,gBAAgB,CAAC,aAAa,QAChC,SAAS,KAAK,YAAY;EAI5B,MAAM,iBAAiB,KAAK,YAAY,cACtC,4BACF;EACA,IAAI,gBAAgB;GAClB,MAAM,qBAAqB,eACxB,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CACnC,SAAS,OACR,MAAM,KAAK,GAAG,iBAA8B,gBAAgB,CAAC,CAC/D;GACF,SAAS,KAAK,GAAG,kBAAkB;EACrC;EAGA,MAAM,oBAAoB,KAAK,YAAY,cACzC,+BACF;EACA,IAAI,mBAAmB;GACrB,MAAM,wBAAwB,kBAC3B,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CACnC,QACE,OACC,cAAc,eACd,OAAQ,GAAmB,UAAU,UACzC;GACF,SAAS,KAAK,GAAG,qBAAqB;EACxC;EAGA,MAAM,cACJ,KAAK,YAAY,cAA+B,kBAAkB;EACpE,IAAI,aAAa;GACf,MAAM,eAAe,YAClB,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CACnC,SAAS,OACR,MAAM,KAAK,GAAG,iBAA8B,gBAAgB,CAAC,CAC/D;GACF,SAAS,KAAK,GAAG,YAAY;EAC/B;EAGA,MAAM,cAAc,KAAK,YAAY,cACnC,wBACF;EACA,IAAI,aAAa;GACf,MAAM,iBAAiB,YACpB,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,CACnC,QACE,OACC,cAAc,eACd,OAAQ,GAAmB,UAAU,UACzC;GACF,SAAS,KAAK,GAAG,cAAc;EACjC;EAGA,MAAM,MAAM,SAAS,QAClB,OAA0B,OAAO,IAAI,UAAU,UAClD;EAEA,OAAO;GACL,OAAO,IAAI;GACX,MAAM,IAAI,IAAI,SAAS;GACvB;EACF;CACF;;;;;;CA+CA,sBAA8B,OAAmB;EAC/C,IAAI,CAAC,KAAK,4BACR,KAAK,0BAA0B,MAAM,MAAM;CAE/C;;;;;;CAOA,kBAA0B,OAAmB;EAC3C,KAAK,0BAA0B,MAAM,MAAM;CAC7C;;;;;;CAOA,0BAAkC,aAAiC;EACjE,IAAI,KAAK,MAAM;GACb,MAAM,OAAO;IACX,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ,EACN,YACF;GACF;GACA,IACE,KAAK,cACH,IAAI,YACD,KAAK,YAAoC,kBAC1C,IACF,CACF,GACA;IACA,KAAK,OAAO;IACZ,KAAK,cACH,IAAI,YACD,KAAK,YAAoC,YAC1C,IACF,CACF;GACF;EACF;CACF;CAEA,oBAA4B,aAAiC;EAC3D,KAAK,cACH,IAAI,YACD,KAAK,YAAoC,mBAC1C;GACE,UAAU;GACV,QAAQ,EACN,YACF;EACF,CACF,CACF;CACF;CAkFA,kBAA0B,GAAU;EAClC,KAAK,4BAA4B;EACjC,MAAM,aAAc,EAAE,OAA2B,iBAAiB;EAElE,KAAK,WAAW,WAAW,SAAS;CACtC;CAEA,sBAA8B,GAAU;EAEtC,MAAM,WADS,EAAE,QACQ,iBAAiB;EAE1C,KAAK,eAAe,SAAS,SAAS;CACxC;CAEA,8BAAsC,GAAU;EAG9C,CAFe,EAAE,QACgB,iBAAiB,EAAA,CACjC,SAAS,OAAO;GAC/B,IAAI,cAAc,aAAa;IAC7B,GAAG,MAAM,UAAU,kBAAkB,WAAW;IAChD,KAAK,sBAAsB,KAAK,EAAE;GACpC;EACF,CAAC;CACH;CAEA,2BAAmC,GAAU;EAE3C,MAAM,iBADS,EAAE,QACc,iBAAiB;EAEhD,KAAK,oBAAoB,kBAAkB,eAAe,SAAS;EAEnE,IAAI,KAAK,mBACP,KAAK,IAAI,IAAI,GAAG,IAAI,eAAe,QAAQ,KAAK;GAC9C,MAAM,gBAAgB,eAAe;GAErC,cAAc,aAAa,QAAQ,IAAI;GAGvC,IAAI,MAAM,GACR,cAAc,UAAU,IACtB,GAAG,WAAW,gCAChB;QAEA,cAAc,UAAU,OACtB,GAAG,WAAW,gCAChB;EAEJ;CAEJ;CAEA,qBAA6B,GAAU;EAErC,MAAM,UADS,EAAE,QACO,iBAAiB;EAGzC,KAAK,4BAA4B;EAEjC,MAAM,eAAe,SAAS,UAAU;EACxC,KAAK,gBAAgB;EAGrB,IAAI,iBAAiB,GACnB,KAAK,mBAAmB;OACnB,IAAI,iBAAiB,GAC1B,KAAK,mBAAmB;OACnB,IAAI,iBAAiB,GAC1B,KAAK,mBAAmB;OAExB,KAAK,mBAAmB;CAE5B;CAkUA,MAAM,mBAAmB;EACvB,MAAM,KAAK;EACX,KAAK,kBAAkB,cAAc,KAAK,iBAAiB,KAAK,UAAU;CAC5E;CAEA,sBAAsB;EACpB,IAAI,KAAK,iBACP,KAAK,kBAAkB,KAAK,gBAAgB,QAAQ;CAExD;CAEA,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,oBAAoB;EACzB,KAAK,iBAAiB;EAGtB,KAAK,iBACH,gBACA,KAAK,kBACP;EACA,KAAK,iBACH,eACA,KAAK,iBACP;EACA,KAAK,iBAAiB,cAAc,KAAK,gBAAiC;EAC1E,KAAK,iBACH,gBACA,KAAK,kBACP;CACF;CAEA,uBAAuB;EACrB,MAAM,qBAAqB;EAC3B,KAAK,oBAAoB;EAGzB,KAAK,oBACH,gBACA,KAAK,kBACP;EACA,KAAK,oBACH,eACA,KAAK,iBACP;EACA,KAAK,oBACH,cACA,KAAK,gBACP;EACA,KAAK,oBACH,gBACA,KAAK,kBACP;CACF;CAEA,SAAS;EACP,MAAM,EACJ,sBACA,2BACA,kBACA,aACA,gBACA,WACA,+BACA,MACA,WACA,iBACA,MACA,SACA,UACE;EAEJ,IAAI,CAAC,QAAQ,CAAC,KAAK,SACjB,OAAO,IAAI;EAGb,MAAM,gBAAgB,IAAI;cAChB,GAAG,WAAW,SAAS;kBACnB,CAAC,CAAC,UAAU;kBACZ,QAAQ,GAAG,WAAW,gBAAgB,GAAG;UACjD,MAAM;;QAER,KAAK,kBACH,IAAI;oBACM,GAAG,WAAW,wBAAwB;;cAE5C,MAAM;mBAEV,GAAG;;EAGT,MAAM,sBAAsB,KAAK,QAC7B,IAAI,WAAW,wBACf;EACJ,MAAM,iBAAiB,IAAI;;gBAEf,GAAG,WAAW,UAAU,sBAAsB;uBACvC,cAAc,EAAE;8BACT,CAAC,KAAK,gBAAgB;0BAC1B,KAAK,eAAe,QAAQ;;UAE5C,cAAc,IACZ,IAAI;;2BAEW,8BAA8B;;;sBAGnC,YAAkB,WAAW,0BAA0B;uBACtD,KAAK,oBAAoB;gBAChC,WAAW,aAAa,EAAE,MAAM,OAAO,CAAC,EAAE;;kBAExC,8BAA8B;;kCAGpC,GAAG;;;;kBAIG,GAAG,WAAW,yBAAyB,KAAK,sBAAsB,IAAI,WAAW,mCAAmC,KAAK;;;0BAGjH,KAAK,8BAA8B;;;;UAInD,OAAO,UAAU,WAAW,SAC1B,IAAI,aAAa,GAAG,WAAW,cAAc;gBACzC,UAAU;oBAEd,GAAG;;;UAGL,QAAQ,gBAAgB,GAAG;;;qBAGhB,GAAG,WAAW,kBAAkB;0CACX,KAAK,kBAAkB;;YAErD,CAAC,kBACC,IAAI;wBACM,0BAA0B;6BACrB,qBAAqB;;;wBAG1B,GAAG,WAAW,gBAAgB;yBAC7B,KAAK,kBAAkB;kBAC9B,WAAW,SAAS,EAAE,MAAM,OAAO,CAAC,EAAE;gDACR,qBAAqB;oCAEvD,GAAG;;;;;kBAKC,KAAK,eAAe,GAAG,WAAW,mBAAmB,GAAG;oBACtD,CAAC,KAAK,aAAa;gCACP,CAAC,KAAK,gBAAgB;+BACvB,CAAC,KAAK,kBAAkB;sBACjC,CAAC,MAAM;;;;0BAIH,KAAK,sBAAsB;;;;;kBAKnC,GAAG,WAAW,yBAAyB,KAAK,sBAAsB,IAAI,WAAW,mCAAmC,KAAK;;;0BAGjH,KAAK,8BAA8B;;;;kBAI3C,KAAK,oBAAoB,GAAG,WAAW,oBAAoB,GAAG;oBAC5D,CAAC,KAAK,kBAAkB;gCACZ,CAAC,KAAK,gBAAgB;;;0BAG5B,KAAK,2BAA2B;;;;EAKtD,MAAM,eAAe,IAAI;cACf,GAAG,WAAW,iBAAiB;iBAC5B,CAAC,KAAK,gBAAgB;;;;;EAMnC,MAAM,6BAA6B,KAAK,kBACpC,IAAI,WAAW,oBACf;EAEJ,OAAO,IAAI;;gBAEC,GAAG,aAAa,6BAA6B;;;qBAGxC,UAAU;oBACX,KAAK,SAAS;gBAClB,KAAK,QAAQ;mBACV,QAAQ,CAAC,KAAK,QAAQ;mBACtB,CAAC,QAAQ,KAAK,QAAQ;6BACZ,iBAAiB;mBAC3B,kBAAkB,QAAQ;oBACzB,QAAQ;qBACP,KAAK,aAAa,CAAC,QAAQ;eACjC,KAAK;UACV,CAAC,WACH,KAAK,aACL,OAAO,WAAW,eAClB,OAAO,aAAa,MAChB,IAAI;uBACO,WAAW;;+BAEH,KAAK,sBAAsB,OAAO,EAAE;;+BAEpC,KAAK,sBAAsB,EAAE;mDACT,KAAK,sBAAsB,EAAE;8BAClD,KAAK,mBAAmB;6BACzB,KAAK,kBAAkB;4BACxB,KAAK,iBAAiB;8BACpB,KAAK,mBAAmB,0BAC1C,GAAG;UACL,KAAK,kBACH,IAAI,cAAc,GAAG,WAAW,2BAA2B;gBACvD,eAAe,GAAG,aAAa;sBAEnC,IAAI,IAAI,eAAe,GAAG,eAAe;;;kBAGnC,GAAG,WAAW,qBAAqB;oBACjC,KAAK,kBAAkB,EAAE;iBAC5B,gBAAgB,KAAK,IAAI,IAAI,OAAO,KAAK;wBAClC,mBAAmB,OAAO,KAAK;6BAC1B,KAAK,iBAAiB;6CACN,KAAK,qBAAqB;;;;QAI/D,iBACE,IAAI;wBACU,QAAQ;oBACZ,GAAG,WAAW,WAAW;oBACzB,KAAK,KAAK;uBACP,QAAQ,CAAC,KAAK,QAAQ;uBACtB,CAAC,QAAQ,KAAK,QAAQ;;qBAExB,KAAK,sBAAsB,WACtC,GAAG;;CAEX;CAEA,MAAM,QAAQ,mBAAmB;EAC/B,IAAI,kBAAkB,IAAI,aAAa,GACrC,KAAK,yBAAyB;EAGhC,IAAI,kBAAkB,IAAI,iBAAiB,GAAG;GAC5C,MAAM,uBAAuB,oBAC3B,UACA,KAAK,eACP;GAEA,IAAI,KAAK,iBACP,MAAM,uBAAuB,iBAC3B,UACA,KAAK,eACP;QAEA,MAAM,YAAY,OAAO,YACvB,KAAK,WAAW,8BAChB,GACF;EAEJ;EAEA,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,cAAc,GAGpC,KAAK,wBAAwB;EAG/B,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,MAAM,KAC5B,kBAAkB,IAAI,gBAAgB,GAEtC,KAAK,mBAAmB;EAG1B,IAAI,kBAAkB,IAAI,MAAM,GAAG;GACjC,KAAK,cAAc;GAEnB,KAAK,oBAAoB;GACzB,IAAI,KAAK,MAAM;IACb,KAAK,iBAAiB;IAEtB,KAAK,YAAY,KAAK,eAAe,iBAAiB;IAEtD,MAAO,KAAK,YAAoC,OAAO;IAEvD,IAAI,KAAK,sBAAsB,KAAK,CAAC,EAAE,QAGrC,KAFuB,cAAc,KAAK,oBAEjC,CAAC,EAAkB,MAAM;SAC7B,IAAI,CAAC,KAAK,SAAS;KACxB,MAAM,EAAE,OAAO,kBAAkB,KAAK,aAAa;KAEnD,eAAe,MAAM;IACvB;GACF,OAAO,IACL,KAAK,aACL,OAAQ,KAAK,WAA2B,UAAU,YAClD;IACA,KAAM,WAA2B,MAAM;IACvC,KAAK,YAAY;GACnB;EACF;EAGA,IACG,kBAAkB,IAAI,MAAM,KAAK,KAAK,aAAa,CAAC,KAAK,WACzD,kBAAkB,IAAI,WAAW,KAAK,CAAC,KAAK,WAE7C,KAAK,MAAM,eAAe,gCAAgC;EAI5D,KACG,kBAAkB,IAAI,WAAW,KAAK,kBAAkB,IAAI,MAAM,MACnE,KAAK,aACL,CAAC,KAAK,WACN,KAAK,MACL;GACA,MAAM,KAAK;GACX,KAAK,kBAAkB,KAAK,YAAY;EAC1C;CACF;;;;;CAMA,OAAe,OAAO,KAAK,GAAG;EAC5B,OAAO,IAAI,SAAS,YAAY;GAC9B,WAAW,SAAS,EAAE;EACxB,CAAC;CACH;;;;CAKA,WAAW,mBAAmB;EAC5B,OAAO;CACT;;;;;CAMA,WAAW,mBAAmB;EAC5B,OAAO;CACT;;;;CAKA,WAAW,aAAa;EACtB,OAAO;CACT;;;;CAKA,WAAW,oBAAoB;EAC7B,OAAO;CACT;;gBAEgBA;;AAClB;YAvpCG,MAAM,IAAI,YAAY,CAAA,GAAA,aAAA,WAAA,cAAA,KAAA,CAAA;YAGtB,MAAM,IAAI,WAAW,0BAA0B,CAAA,GAAA,aAAA,WAAA,yBAAA,KAAA,CAAA;YAG/C,MAAM,IAAI,WAAW,aAAa,CAAA,GAAA,aAAA,WAAA,UAAA,KAAA,CAAA;YAGlC,MAAM,IAAI,WAAW,aAAa,CAAA,GAAA,aAAA,WAAA,UAAA,KAAA,CAAA;YAGlC,MAAM,IAAI,WAAW,gBAAgB,CAAA,GAAA,aAAA,WAAA,aAAA,KAAA,CAAA;YAGrC,MAAM,IAAI,WAAW,gBAAgB,CAAA,GAAA,aAAA,WAAA,iBAAA,KAAA,CAAA;YAMrC,MAAM,oBAA0B,CAAA,GAAA,aAAA,WAAA,kBAAA,KAAA,CAAA;YAGhC,MAAM,CAAA,GAAA,aAAA,WAAA,mBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,WAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,uBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,gBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,YAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,qBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,iBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,oBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,kBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,yBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,uBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,mBAAA,KAAA,CAAA;YAGN,MAAM,CAAA,GAAA,aAAA,WAAA,qBAAA,KAAA,CAAA;YA2JN,aAAa,SAAS,CAAA,GAAA,aAAA,WAAA,sBAAA,KAAA,CAAA;YAqBtB,aAAa,kBAAkB,CAAA,GAAA,aAAA,WAAA,kBAAA,KAAA,CAAA;YAqb/B,SAAS;CAAE,SAAS;CAAM,WAAW;CAAiB,MAAM;AAAQ,CAAC,CAAA,GAAA,aAAA,WAAA,gBAAA,KAAA,CAAA;YAMrE,SAAS;CACR,SAAS;CACT,WAAW;CACX,MAAM;AACR,CAAC,CAAA,GAAA,aAAA,WAAA,wBAAA,KAAA,CAAA;YAMA,SAAS;CACR,SAAS;CACT,WAAW;CACX,MAAM;AACR,CAAC,CAAA,GAAA,aAAA,WAAA,6BAAA,KAAA,CAAA;YAMA,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAoB,CAAC,CAAA,GAAA,aAAA,WAAA,oBAAA,KAAA,CAAA;YAMzE,SAAS;CAAE,SAAS;CAAM,WAAW;CAAgB,MAAM;AAAO,CAAC,CAAA,GAAA,aAAA,WAAA,eAAA,KAAA,CAAA;YAMnE,SAAS;CAAE,WAAW;CAAmB,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,kBAAA,KAAA,CAAA;YAMvE,SAAS;CAAE,SAAS;CAAM,WAAW;AAAa,CAAC,CAAA,GAAA,aAAA,WAAA,aAAA,KAAA,CAAA;YAMnD,SAAS;CAAE,SAAS;CAAM,WAAW;AAAmC,CAAC,CAAA,GAAA,aAAA,WAAA,iCAAA,KAAA,CAAA;YAMzE,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,QAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,aAAA,WAAA,aAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAS,WAAW;AAAiC,CAAC,CAAA,GAAA,aAAA,WAAA,8BAAA,KAAA,CAAA;YAMvE,SAAS;CACR,SAAS;CACT,WAAW;CACX,MAAM;AACR,CAAC,CAAA,GAAA,aAAA,WAAA,wBAAA,KAAA,CAAA;YAMA,SAAS;CAAE,SAAS;CAAM,WAAW;AAAwB,CAAC,CAAA,GAAA,aAAA,WAAA,uBAAA,KAAA,CAAA;YAM9D,SAAS;CAAE,WAAW;CAAqB,MAAM;AAAQ,CAAC,CAAA,GAAA,aAAA,WAAA,mBAAA,KAAA,CAAA;YAM1D,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,aAAA,WAAA,QAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,WAAW;CAAY,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,WAAA,KAAA,CAAA;YAMhE,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,aAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,SAAS;CAAO,MAAM;AAAO,CAAC,CAAA,GAAA,aAAA,WAAA,SAAA,KAAA,CAAA;2BAlyB3CC,cAAc,gBAAsB,CAAA,GAAA,YAAA;AAwqCrC,IAAA,qBAAe"}
1	+ {"version":3,"file":"side-panel.js","names":["Close16","styles","customElement"],"sources":["../../../src/components/side-panel/side-panel.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2023, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT } from './defs';\nimport styles from './side-panel.scss?lit';\nimport { selectorTabbable } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport ArrowLeft16 from '@carbon/icons/es/arrow--left/16';\nimport Close16 from '@carbon/icons/es/close/16';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { moderate02 } from '@carbon/motion';\nimport Handle from '../../globals/internal/handle';\nimport '../button/index';\nimport '../icon-button/index';\nimport '../layer/index';\nimport '../action-set/index.js';\nimport '../resizer/index.js';\n\nexport { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT };\n\nconst blockClass = `${prefix}--side-panel`;\n\n/\n Observes resize of the given element with the given resize observer.\n \n @param observer The resize observer.\n * @param elem The element to observe the resize.\n /\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/\n SidePanel.\n \n @element cds-custom-side-panel\n * @csspart dialog The dialog.\n * @fires cds-custom-side-panel-beingclosed\n * The custom event fired before this side-panel is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this side-panel.\n * @fires cds-custom-side-panel-closed - The custom event fired after this side-panel is closed upon a user gesture.\n * @fires cds-custom-side-panel-navigate-back - custom event fired when clicking navigate back (available when step > 0)\n /\n@customElement(`${prefix}-side-panel`)\nclass CDSSidePanel extends HostListenerMixin(LitElement) {\n /\n The handle for observing resize of the parent element of this element.\n /\n private _hObserveResize: Handle \| null = null;\n\n /\n The element that had focus before this side-panel gets open.\n /\n private _launcher: Element \| null = null;\n\n /\n Node to track side panel.\n /\n @query(`.${blockClass}`)\n private _sidePanel!: HTMLDivElement;\n\n @query(`.${blockClass}__animated-scroll-wrapper`)\n private _animateScrollWrapper?: HTMLElement;\n\n @query(`.${blockClass}__label-text`)\n private _label!: HTMLElement;\n\n @query(`.${blockClass}__title-text`)\n private _title!: HTMLElement;\n\n @query(`.${blockClass}__subtitle-text`)\n private _subtitle!: HTMLElement;\n\n @query(`.${blockClass}__inner-content`)\n private _innerContent!: HTMLElement;\n\n /\n Reference to the resizer handle element\n /\n @query(`${prefix}-resizer-handle`)\n private _resizerHandle?: HTMLElement;\n\n @state()\n _doAnimateTitle = true;\n\n @state()\n _isOpen = false;\n\n @state()\n _containerScrollTop = -16;\n\n @state()\n _hasSubtitle = false;\n\n @state()\n _hasSlug = false;\n\n @state()\n _hasActionToolbar = false;\n\n @state()\n _actionsCount = 0;\n\n @state()\n _actionsMultiple: 'single' \| 'double' \| 'triple' \| '' = '';\n\n @state()\n _slugCloseSize = 'sm';\n\n @state()\n _customHeaderElements: Element[] = [];\n\n @state()\n _customHeaderHidden = false;\n\n @state()\n _sidePanelWidth?: number;\n\n @state()\n _accumulatedDelta = 0;\n\n /\n Get focusable elements.\n \n Querying all tabbable items.\n \n @returns {{first: HTMLElement, last: HTMLElement, all: HTMLElement[]}} Returns an object with various elements.\n /\n private getFocusable(): {\n first: HTMLElement \| undefined;\n last: HTMLElement \| undefined;\n all: HTMLElement[];\n } {\n const elements: HTMLElement[] = [];\n\n // Add back button if present (shadow DOM)\n if (this.currentStep > 0) {\n const backButton = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__navigation-back-button`\n );\n if (backButton) {\n elements.push(backButton);\n }\n }\n\n // Add tabbable elements from above-title slot (light DOM - breadcrumbs, etc.)\n const aboveTitleSlot = this.shadowRoot?.querySelector<HTMLSlotElement>(\n 'slot[name=\"above-title\"]'\n );\n if (aboveTitleSlot) {\n const aboveTitleElements = aboveTitleSlot\n .assignedElements({ flatten: true })\n .flatMap((el) =>\n Array.from(el.querySelectorAll<HTMLElement>(selectorTabbable))\n );\n elements.push(...aboveTitleElements);\n }\n\n // Add label text if present (shadow DOM)\n const labelText = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__label-text`\n );\n if (labelText) {\n elements.push(labelText);\n }\n\n // Add title if present (shadow DOM)\n const titleText = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__title-text`\n );\n if (titleText) {\n elements.push(titleText);\n }\n\n // Add slug elements if present (light DOM)\n if (this._hasSlug) {\n const slugElements = Array.from(\n this.querySelectorAll<HTMLElement>(`${prefix}-slug`)\n );\n elements.push(...slugElements);\n }\n\n // Add close button if not hidden (shadow DOM)\n if (!this.hideCloseButton) {\n const closeButton = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__close-button`\n );\n if (closeButton) {\n elements.push(closeButton);\n }\n }\n\n // Add subtitle if present (shadow DOM)\n const subtitleText = this.shadowRoot?.querySelector<HTMLElement>(\n `.${blockClass}__subtitle-text`\n );\n if (subtitleText && !subtitleText.hidden) {\n elements.push(subtitleText);\n }\n\n // Add tabbable elements from below-title slot (light DOM)\n const belowTitleSlot = this.shadowRoot?.querySelector<HTMLSlotElement>(\n 'slot[name=\"below-title\"]'\n );\n if (belowTitleSlot) {\n const belowTitleElements = belowTitleSlot\n .assignedElements({ flatten: true })\n .flatMap((el) =>\n Array.from(el.querySelectorAll<HTMLElement>(selectorTabbable))\n );\n elements.push(...belowTitleElements);\n }\n\n // Add action toolbar elements (light DOM)\n const actionToolbarSlot = this.shadowRoot?.querySelector<HTMLSlotElement>(\n 'slot[name=\"action-toolbar\"]'\n );\n if (actionToolbarSlot) {\n const actionToolbarElements = actionToolbarSlot\n .assignedElements({ flatten: true })\n .filter(\n (el): el is HTMLElement =>\n el instanceof HTMLElement &&\n typeof (el as HTMLElement).focus === 'function'\n );\n elements.push(...actionToolbarElements);\n }\n\n // Add body content tabbable elements (light DOM - default slot)\n const defaultSlot =\n this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n if (defaultSlot) {\n const bodyElements = defaultSlot\n .assignedElements({ flatten: true })\n .flatMap((el) =>\n Array.from(el.querySelectorAll<HTMLElement>(selectorTabbable))\n );\n elements.push(...bodyElements);\n }\n\n // Add action buttons (light DOM)\n const actionsSlot = this.shadowRoot?.querySelector<HTMLSlotElement>(\n 'slot[name=\"actions\"]'\n );\n if (actionsSlot) {\n const actionElements = actionsSlot\n .assignedElements({ flatten: true })\n .filter(\n (el): el is HTMLElement =>\n el instanceof HTMLElement &&\n typeof (el as HTMLElement).focus === 'function'\n );\n elements.push(...actionElements);\n }\n\n // Filter for focusable items\n const all = elements.filter(\n (el): el is HTMLElement => typeof el?.focus === 'function'\n );\n\n return {\n first: all[0],\n last: all[all.length - 1],\n all,\n };\n }\n\n /\n Handle the keydown event.\n * Trap the focus inside the side-panel by tracking keydown.key == `Tab`\n \n @param {KeyboardEvent} event The keyboard event object.\n /\n @HostListener('keydown')\n protected _handleHostKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Tab' && !this.slideIn) {\n const { first: _firstElement, last: _lastElement } = this.getFocusable();\n\n if (\n event.shiftKey &&\n (this.shadowRoot?.activeElement === _firstElement \|\|\n document.activeElement === _firstElement)\n ) {\n event.preventDefault();\n\n _lastElement?.focus();\n } else if (!event.shiftKey && document.activeElement === _lastElement) {\n event.preventDefault();\n\n _firstElement?.focus();\n }\n }\n };\n\n @HostListener('document:keydown')\n // @ts-expect-error: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n if (key === 'Esc' \|\| key === 'Escape') {\n this._handleUserInitiatedClose(target);\n }\n };\n\n private _reducedMotion =\n typeof window !== 'undefined' && window?.matchMedia\n ? window.matchMedia('(prefers-reduced-motion: reduce)')\n : { matches: true };\n\n /\n Handles `click` event on the side-panel container.\n \n @param event The event.\n /\n private _handleClickOnOverlay(event: MouseEvent) {\n if (!this.preventCloseOnClickOutside) {\n this._handleUserInitiatedClose(event.target);\n }\n }\n\n /\n Handles `click` event on the side-panel container.\n \n @param event The event.\n /\n private _handleCloseClick(event: MouseEvent) {\n this._handleUserInitiatedClose(event.target);\n }\n\n /\n Handles user-initiated close request of this side-panel.\n \n @param triggeredBy The element that triggered this close request.\n /\n private _handleUserInitiatedClose(triggeredBy: EventTarget \| null) {\n if (this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventBeforeClose,\n init\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventClose,\n init\n )\n );\n }\n }\n }\n\n private _handleNavigateBack(triggeredBy: EventTarget \| null) {\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventNavigateBack,\n {\n composed: true,\n detail: {\n triggeredBy,\n },\n }\n )\n );\n }\n\n private _adjustPageContent = () => {\n // sets/resets styles based on slideIn property and selectorPageContent;\n if (this.selectorPageContent) {\n const pageContentEl: HTMLElement \| null = document.querySelector(\n this.selectorPageContent\n );\n\n if (pageContentEl) {\n const newValues = {\n marginInlineStart: '',\n marginInlineEnd: '',\n inlineSize: '',\n transition: this._reducedMotion.matches\n ? 'none'\n : `all ${moderate02}`,\n transitionProperty: 'margin-inline-start, margin-inline-end',\n };\n if (this.open) {\n newValues.inlineSize = 'auto';\n if (this.placement === 'left') {\n newValues.marginInlineStart = `${this?._sidePanel?.offsetWidth}px`;\n } else {\n newValues.marginInlineEnd = `${this?._sidePanel?.offsetWidth}px`;\n }\n }\n if (this.slideIn) {\n Object.keys(newValues).forEach((key) => {\n pageContentEl.style[key] = newValues[key];\n });\n }\n }\n }\n };\n\n private _checkSetOpen = () => {\n const { _sidePanel: sidePanel } = this;\n if (sidePanel && this._isOpen) {\n if (this._reducedMotion?.matches) {\n this._isOpen = false;\n } else {\n // wait until the side panel has transitioned off the screen to remove\n sidePanel.addEventListener('transitionend', () => {\n this._isOpen = false;\n });\n }\n } else if (this.open) {\n // allow the html to render before animating in the side panel\n // Use requestAnimationFrame to ensure the DOM is rendered before triggering animation\n requestAnimationFrame(() => {\n this._isOpen = this.open;\n });\n } else {\n // When closing, set immediately\n this._isOpen = false;\n }\n };\n\n private _checkUpdateIconButtonSizes = () => {\n const slug = this.querySelector(`${prefix}-slug`);\n const otherButtons = this?.shadowRoot?.querySelectorAll(\n '#nav-back-button, #close-button'\n );\n\n const actions = this?.querySelectorAll?.(\n `${prefix}-button[slot='actions']`\n );\n const shouldUpgrade = actions?.length && /l/.test(this.size);\n\n if (slug && shouldUpgrade) {\n slug.setAttribute('size', 'md');\n }\n\n if (otherButtons) {\n const iconButtonSize = shouldUpgrade ? 'md' : 'sm';\n [...otherButtons].forEach((btn) => {\n btn.setAttribute('size', iconButtonSize);\n });\n }\n };\n\n private _handleSlugChange(e: Event) {\n this._checkUpdateIconButtonSizes();\n const childItems = (e.target as HTMLSlotElement).assignedElements();\n\n this._hasSlug = childItems.length > 0;\n }\n\n private _handleSubtitleChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const subtitle = target?.assignedElements();\n\n this._hasSubtitle = subtitle.length > 0;\n }\n\n private _handleCustomHeaderSlotChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const customHeaderElms = target?.assignedElements();\n customHeaderElms.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.style.opacity = `calc(1 - var(--${blockClass}--scroll-animation-progress))`;\n this._customHeaderElements.push(el);\n }\n });\n }\n\n private _handleActionToolbarChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const toolbarActions = target?.assignedElements();\n\n this._hasActionToolbar = toolbarActions && toolbarActions.length > 0;\n\n if (this._hasActionToolbar) {\n for (let i = 0; i < toolbarActions.length; i++) {\n const toolbarAction = toolbarActions[i];\n // toolbar actions size should always be sm\n toolbarAction.setAttribute('size', 'sm');\n\n // Add leading button class to first button\n if (i === 0) {\n toolbarAction.classList.add(\n `${blockClass}__action-toolbar-leading-button`\n );\n } else {\n toolbarAction.classList.remove(\n `${blockClass}__action-toolbar-leading-button`\n );\n }\n }\n }\n }\n\n private _handleActionsChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const actions = target?.assignedElements();\n\n // update slug size\n this._checkUpdateIconButtonSizes();\n\n const actionsCount = actions?.length ?? 0;\n this._actionsCount = actionsCount;\n\n // Set actions-multiple attribute for container query styling\n if (actionsCount === 1) {\n this._actionsMultiple = 'single';\n } else if (actionsCount === 2) {\n this._actionsMultiple = 'double';\n } else if (actionsCount === 3) {\n this._actionsMultiple = 'triple';\n } else {\n this._actionsMultiple = '';\n }\n }\n\n private _checkSetDoAnimateTitle = () => {\n let canDoAnimateTitle = false;\n\n if (\n this._sidePanel &&\n this.open &&\n this.animateTitle &&\n this?.title?.length &&\n !this._reducedMotion.matches\n ) {\n const scrollAnimationDistance = this._getScrollAnimationDistance();\n // used to calculate the header moves\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-distance`,\n `${scrollAnimationDistance}`\n );\n\n let scrollEl = this._animateScrollWrapper;\n if (!scrollEl && this.animateTitle && !this._doAnimateTitle) {\n scrollEl = this._innerContent;\n }\n\n if (scrollEl) {\n const innerComputed = window?.getComputedStyle(this._innerContent);\n const innerPaddingHeight = innerComputed\n ? parseFloat(innerComputed?.paddingTop) +\n parseFloat(innerComputed?.paddingBottom)\n : 0;\n\n canDoAnimateTitle =\n (!!this.labelText \|\| !!this._hasActionToolbar \|\| this._hasSubtitle) &&\n scrollEl.scrollHeight - scrollEl.clientHeight >=\n scrollAnimationDistance + innerPaddingHeight;\n }\n }\n\n this._doAnimateTitle = canDoAnimateTitle;\n };\n\n /\n The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n /\n private _resizeObserver = new ResizeObserver(() => {\n if (this._sidePanel) {\n this._checkSetDoAnimateTitle();\n }\n });\n\n private _getScrollAnimationDistance = () => {\n const labelHeight = this?._label?.offsetHeight ?? 0;\n const subtitleHeight = this?._subtitle?.offsetHeight ?? 0;\n const titleVerticalBorder = this._hasActionToolbar\n ? this._title.offsetHeight - this._title.clientHeight\n : 0;\n\n return labelHeight + subtitleHeight + titleVerticalBorder;\n };\n\n private _scrollObserver = () => {\n const scrollTop = this._animateScrollWrapper?.scrollTop ?? 0;\n const scrollAnimationDistance = this._getScrollAnimationDistance();\n const animationProgress =\n Math.min(scrollTop, scrollAnimationDistance) / scrollAnimationDistance;\n\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-progress`,\n `${animationProgress}`\n );\n\n this._customHeaderHidden = animationProgress === 1;\n };\n\n /\n Handles resize start event from the resizer handle\n /\n private _handleResizeStart = () => {\n this._sidePanelWidth = this._sidePanel?.clientWidth;\n this._accumulatedDelta = 0;\n };\n\n /\n Handles resize drag event from the resizer handle\n /\n private _handleResizeDrag = (event: CustomEvent) => {\n const { delta, isKeyboard, key } = event.detail;\n\n if (!this._sidePanelWidth) {\n this._sidePanelWidth = this._sidePanel?.clientWidth;\n }\n\n // Handle Home/End keys specially (like React implementation)\n if (isKeyboard && (key === 'Home' \|\| key === 'End')) {\n if (key === 'Home') {\n // Home = maximize to 75vw\n this.style.setProperty('--cds-side-panel-modified-size', '75vw');\n } else {\n // End = minimize to 16rem\n this.style.setProperty('--cds-side-panel-modified-size', '16rem');\n }\n return;\n }\n\n let calculatedWidth: number;\n\n if (isKeyboard) {\n // For keyboard arrow keys, accumulate delta (like React implementation)\n this._accumulatedDelta += delta;\n calculatedWidth =\n this._sidePanelWidth -\n (this.placement === 'right'\n ? this._accumulatedDelta\n : -this._accumulatedDelta);\n } else {\n // For mouse events, use delta directly\n calculatedWidth =\n this._sidePanelWidth - (this.placement === 'right' ? delta : -delta);\n }\n\n // Remove transition during drag for smooth resizing\n if (this._sidePanel?.style) {\n this._sidePanel.style.transition = 'none';\n }\n\n // Clamp width between minimum (16rem = 256px) and maximum (75% of viewport)\n const minWidth = 256; // 16rem\n const maxWidth = window.innerWidth 0.75;\n const newWidth = Math.max(minWidth, Math.min(maxWidth, calculatedWidth));\n\n // Apply the new width via CSS variable\n this.style.setProperty('--cds-side-panel-modified-size', `${newWidth}px`);\n };\n\n /*\n Handles resize end event from the resizer handle\n /\n private _handleResizeEnd = () => {\n this._accumulatedDelta = 0;\n this._sidePanel?.style?.removeProperty('transition');\n this._sidePanelWidth = this._sidePanel?.clientWidth;\n\n // Update ARIA attributes on the resizer handle\n if (this._resizerHandle) {\n this._resizerHandle.setAttribute(\n 'aria-label',\n `side panel is covering ${this._getPanelWidthPercent()}% of screen`\n );\n this._resizerHandle.setAttribute(\n 'aria-valuenow',\n this._getPanelWidthPercent().toString()\n );\n }\n };\n\n /\n Handles double-click/double-tap on resizer to reset size\n /\n private _handleResizeReset = () => {\n // Get the default size for current size setting\n const sizeMap = {\n xs: '16rem',\n sm: '20rem',\n md: '30rem',\n lg: '40rem',\n xl: '65rem',\n '2xl': '80rem',\n };\n\n const defaultSize = sizeMap[this.size] \|\| sizeMap.md;\n const defaultSizeInPx = parseFloat(defaultSize) 16;\n\n // Reset to default size (or 75vw if default is larger)\n this._sidePanelWidth = Math.min(defaultSizeInPx, window.innerWidth * 0.75);\n\n // Remove custom size\n this.style.removeProperty('--cds-side-panel-modified-size');\n };\n\n /*\n Get the percentage of screen width the panel is covering\n /\n private _getPanelWidthPercent = (customWidth?: string): number => {\n if (customWidth) {\n const remValue = parseFloat(customWidth);\n const remInPixels =\n remValue \n parseFloat(getComputedStyle(document.documentElement).fontSize);\n return Math.round((remInPixels / window.innerWidth) * 100);\n }\n return Math.round(\n ((this._sidePanel?.clientWidth \|\| 0) / window.innerWidth) * 100\n );\n };\n\n private _handleCurrentStepUpdate = () => {\n const scrollable = this._animateScrollWrapper ?? this._innerContent;\n if (scrollable) {\n scrollable.scrollTop = 0;\n }\n };\n\n /*\n Determines if the title will animate on scroll\n /\n @property({ reflect: true, attribute: 'animate-title', type: Boolean })\n animateTitle = true;\n\n /\n Sets the close button icon description\n /\n @property({\n reflect: true,\n attribute: 'close-icon-description',\n type: String,\n })\n closeIconDescription = 'Close';\n\n /\n Sets the close button tooltip alignment\n /\n @property({\n reflect: true,\n attribute: 'close-icon-tooltip-alignment',\n type: String,\n })\n closeIconTooltipAlignment = 'left';\n\n /\n Determines whether the side panel should render the condensed version (affects action buttons primarily)\n /\n @property({ type: Boolean, reflect: true, attribute: 'condensed-actions' })\n condensedActions = false;\n\n /\n Sets the current step of the side panel\n /\n @property({ reflect: true, attribute: 'current-step', type: Number })\n currentStep;\n\n /\n Determines whether the side panel should render with an overlay\n /\n @property({ attribute: 'include-overlay', type: Boolean, reflect: true })\n includeOverlay = false;\n\n /\n Sets the label text which will display above the title text\n /\n @property({ reflect: true, attribute: 'label-text' })\n labelText;\n\n /\n Sets the icon description for the navigation back icon button\n /\n @property({ reflect: true, attribute: 'navigation-back-icon-description' })\n navigationBackIconDescription = 'Back';\n\n /\n `true` if the side-panel should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /\n SidePanel placement.\n /\n @property({ reflect: true, type: String })\n placement = SIDE_PANEL_PLACEMENT.RIGHT;\n\n /\n Prevent closing on click outside of side-panel\n /\n @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n preventCloseOnClickOutside = false;\n\n /\n The initial location of focus in the side panel\n /\n @property({\n reflect: true,\n attribute: 'selector-initial-focus',\n type: String,\n })\n selectorInitialFocus;\n\n /\n Selector for page content, used to push content to side except\n /\n @property({ reflect: true, attribute: 'selector-page-content' })\n selectorPageContent = '';\n\n /\n Show/hide the \"X\" close button\n /\n @property({ attribute: 'hide-close-button', type: Boolean })\n hideCloseButton = false;\n\n /\n SidePanel size.\n /\n @property({ reflect: true, type: String })\n size = SIDE_PANEL_SIZE.MEDIUM;\n\n /\n Determines if this panel slides in\n /\n @property({ attribute: 'slide-in', type: Boolean, reflect: true })\n slideIn = false;\n\n /\n Determines if the side panel is resizable\n /\n @property({ type: Boolean, reflect: true })\n resizable = false;\n\n /\n Sets the title text\n /\n @property({ reflect: false, type: String })\n title;\n\n async connectObservers() {\n await this.updateComplete;\n this._hObserveResize = observeResize(this._resizeObserver, this._sidePanel);\n }\n\n disconnectObservers() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.disconnectObservers();\n this.connectObservers();\n\n // Listen for resize events from resizer handle\n this.addEventListener(\n 'resize-start',\n this._handleResizeStart as EventListener\n );\n this.addEventListener(\n 'resize-drag',\n this._handleResizeDrag as EventListener\n );\n this.addEventListener('resize-end', this._handleResizeEnd as EventListener);\n this.addEventListener(\n 'resize-reset',\n this._handleResizeReset as EventListener\n );\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.disconnectObservers();\n\n // Remove resize event listeners\n this.removeEventListener(\n 'resize-start',\n this._handleResizeStart as EventListener\n );\n this.removeEventListener(\n 'resize-drag',\n this._handleResizeDrag as EventListener\n );\n this.removeEventListener(\n 'resize-end',\n this._handleResizeEnd as EventListener\n );\n this.removeEventListener(\n 'resize-reset',\n this._handleResizeReset as EventListener\n );\n }\n\n render() {\n const {\n closeIconDescription,\n closeIconTooltipAlignment,\n condensedActions,\n currentStep,\n includeOverlay,\n labelText,\n navigationBackIconDescription,\n open,\n placement,\n hideCloseButton,\n size,\n slideIn,\n title,\n } = this;\n\n if (!open && !this._isOpen) {\n return html``;\n }\n\n const titleTemplate = html` <div\n class=${`${blockClass}__title`}\n ?no-label=${!!labelText}>\n <h2 class=${title ? `${blockClass}__title-text` : ''} tabindex=\"0\">\n ${title}\n </h2>\n ${this._doAnimateTitle\n ? html`<h2\n class=${`${blockClass}__collapsed-title-text`}\n aria-hidden=\"true\">\n ${title}\n </h2>`\n : ''}\n </div>`;\n\n const headerHasTitleClass = this.title\n ? ` ${blockClass}__header--has-title `\n : '';\n const headerTemplate = html`\n <div\n class=${`${blockClass}__header${headerHasTitleClass}`}\n ?detail-step=${currentStep > 0}\n ?no-title-animation=${!this._doAnimateTitle}\n ?reduced-motion=${this._reducedMotion.matches}>\n <!-- render back button -->\n ${currentStep > 0\n ? html`<cds-custom-icon-button\n align=\"bottom-left\"\n aria-label=${navigationBackIconDescription}\n kind=\"ghost\"\n size=\"sm\"\n class=${`${prefix}--btn ${blockClass}__navigation-back-button`}\n @click=${this._handleNavigateBack}>\n ${iconLoader(ArrowLeft16, { slot: 'icon' })}\n <span slot=\"tooltip-content\">\n ${navigationBackIconDescription}\n </span>\n </cds-custom-icon-button>`\n : ''}\n\n <!-- slot for custom header components -->\n <div\n class=${`${blockClass}__custom-header-wrapper${this._customHeaderHidden ? ` ${blockClass}__custom-header-wrapper--hidden` : ''}`}>\n <slot\n name=\"above-title\"\n @slotchange=${this._handleCustomHeaderSlotChange}></slot>\n </div>\n\n <!-- render title label -->\n ${title?.length && labelText?.length\n ? html` <p class=${`${blockClass}__label-text`} tabindex=\"0\">\n ${labelText}\n </p>`\n : ''}\n\n <!-- title -->\n ${title ? titleTemplate : ''}\n\n <!-- render slug and close button area -->\n <div class=${`${blockClass}__slug-and-close`}>\n <slot name=\"slug\" @slotchange=${this._handleSlugChange}></slot>\n <!-- {normalizedSlug} -->\n ${!hideCloseButton\n ? html`<cds-custom-icon-button\n align=${closeIconTooltipAlignment}\n aria-label=${closeIconDescription}\n kind=\"ghost\"\n size=\"sm\"\n class=${`${blockClass}__close-button`}\n @click=${this._handleCloseClick}>\n ${iconLoader(Close16, { slot: 'icon' })}\n <span slot=\"tooltip-content\"> ${closeIconDescription} </span>\n </cds-custom-icon-button>`\n : ''}\n </div>\n\n <!-- render sub title -->\n <p\n class=${this._hasSubtitle ? `${blockClass}__subtitle-text` : ''}\n ?hidden=${!this._hasSubtitle}\n ?no-title-animation=${!this._doAnimateTitle}\n ?no-action-toolbar=${!this._hasActionToolbar}\n ?no-title=${!title}\n tabindex=\"0\">\n <slot\n name=\"subtitle\"\n @slotchange=${this._handleSubtitleChange}></slot>\n </p>\n\n <!-- slot for custom header components -->\n <div\n class=${`${blockClass}__custom-header-wrapper${this._customHeaderHidden ? ` ${blockClass}__custom-header-wrapper--hidden` : ''}`}>\n <slot\n name=\"below-title\"\n @slotchange=${this._handleCustomHeaderSlotChange}></slot>\n </div>\n\n <div\n class=${this._hasActionToolbar ? `${blockClass}__action-toolbar` : ''}\n ?hidden=${!this._hasActionToolbar}\n ?no-title-animation=${!this._doAnimateTitle}>\n <slot\n name=\"action-toolbar\"\n @slotchange=${this._handleActionToolbarChange}></slot>\n </div>\n </div>\n `;\n\n const mainTemplate = html`<div\n class=${`${blockClass}__inner-content`}\n ?scrolls=${!this._doAnimateTitle}>\n <cds-custom-layer level=\"1\">\n <slot></slot>\n </cds-custom-layer>\n </div> `;\n\n const sidePanelAnimateTitleClass = this._doAnimateTitle\n ? ` ${blockClass}--animated-title`\n : '';\n\n return html`\n <div\n class=${`${blockClass}${sidePanelAnimateTitleClass}`}\n part=\"dialog\"\n role=\"complementary\"\n placement=\"${placement}\"\n ?has-slug=${this._hasSlug}\n ?open=${this._isOpen}\n ?opening=${open && !this._isOpen}\n ?closing=${!open && this._isOpen}\n ?condensed-actions=${condensedActions}\n ?overlay=${includeOverlay \|\| slideIn}\n ?slide-in=${slideIn}\n ?resizable=${this.resizable && !slideIn}\n size=${size}>\n ${!slideIn &&\n this.resizable &&\n typeof window !== 'undefined' &&\n window.innerWidth > 768\n ? html`<cds-custom-resizer-handle\n class=\"${blockClass}__resizer\"\n orientation=\"horizontal\"\n aria-valuemin=\"${this._getPanelWidthPercent('16rem')}\"\n aria-valuemax=\"75\"\n aria-valuenow=\"${this._getPanelWidthPercent()}\"\n aria-label=\"side panel is covering ${this._getPanelWidthPercent()}% of screen\"\n @resize-start=${this._handleResizeStart}\n @resize-drag=${this._handleResizeDrag}\n @resize-end=${this._handleResizeEnd}\n @resize-reset=${this._handleResizeReset}></cds-custom-resizer-handle>`\n : ''}\n ${this._doAnimateTitle\n ? html`<div class=${`${blockClass}__animated-scroll-wrapper`} scrolls>\n ${headerTemplate} ${mainTemplate}\n </div>`\n : html` ${headerTemplate} ${mainTemplate}`}\n\n <cds-custom-action-set\n class=${`${blockClass}__actions-container`}\n ?hidden=${this._actionsCount === 0}\n size=${/^(lg\|xl\|2xl)$/.test(size) ? 'lg' : 'md'}\n button-size=${condensedActions ? 'md' : 'lg'}\n actions-multiple=${this._actionsMultiple}>\n <slot name=\"actions\" @slotchange=${this._handleActionsChange}></slot>\n </cds-custom-action-set>\n </div>\n\n ${includeOverlay\n ? html`<div\n ?slide-in=${slideIn}\n class=${`${blockClass}__overlay`}\n ?open=${this.open}\n ?opening=${open && !this._isOpen}\n ?closing=${!open && this._isOpen}\n tabindex=\"-1\"\n @click=${this._handleClickOnOverlay}></div>`\n : ''}\n `;\n }\n\n async updated(changedProperties) {\n if (changedProperties.has('currentStep')) {\n this._handleCurrentStepUpdate();\n }\n\n if (changedProperties.has('_doAnimateTitle')) {\n this?._animateScrollWrapper?.removeEventListener(\n 'scroll',\n this._scrollObserver\n );\n\n if (this._doAnimateTitle) {\n this?._animateScrollWrapper?.addEventListener(\n 'scroll',\n this._scrollObserver\n );\n } else {\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-progress`,\n '0'\n );\n }\n }\n\n if (\n changedProperties.has('_isOpen') \|\|\n changedProperties.has('animateTitle')\n ) {\n / @state property changed /\n this._checkSetDoAnimateTitle();\n }\n\n if (\n changedProperties.has('slideIn') \|\|\n changedProperties.has('open') \|\|\n changedProperties.has('includeOverlay')\n ) {\n this._adjustPageContent();\n }\n\n if (changedProperties.has('open')) {\n this._checkSetOpen();\n\n this.disconnectObservers();\n if (this.open) {\n this.connectObservers();\n\n this._launcher = this.ownerDocument?.activeElement ?? null;\n\n await (this.constructor as typeof CDSSidePanel)._delay();\n\n if (this.selectorInitialFocus?.trim()?.length) {\n const focusNode = this.querySelector(this.selectorInitialFocus);\n\n (focusNode as HTMLElement)?.focus();\n } else if (!this.slideIn) {\n const { first: _firstElement } = this.getFocusable();\n\n _firstElement?.focus();\n }\n } else if (\n this._launcher &&\n typeof (this._launcher as HTMLElement)?.focus === 'function'\n ) {\n (this._launcher as HTMLElement)?.focus();\n this._launcher = null;\n }\n }\n\n // Reset custom size when size prop changes or when resizable is disabled\n if (\n (changedProperties.has('size') && this.resizable && !this.slideIn) \|\|\n (changedProperties.has('resizable') && !this.resizable)\n ) {\n this.style.removeProperty('--cds-side-panel-modified-size');\n }\n\n // Update stored width when resizable changes or panel opens\n if (\n (changedProperties.has('resizable') \|\| changedProperties.has('open')) &&\n this.resizable &&\n !this.slideIn &&\n this.open\n ) {\n await this.updateComplete;\n this._sidePanelWidth = this._sidePanel?.clientWidth;\n }\n }\n\n /\n @param ms The number of milliseconds.\n * @returns A promise that is resolves after the given milliseconds.\n /\n private static _delay(ms = 0) {\n return new Promise((resolve) => {\n setTimeout(resolve, ms);\n });\n }\n\n /\n A selector selecting tabbable nodes.\n /\n static get selectorTabbable() {\n return selectorTabbable;\n }\n\n /\n The name of the custom event fired before this side-panel is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this side-panel.\n /\n static get eventBeforeClose() {\n return `${prefix}-side-panel-beingclosed`;\n }\n\n /\n The name of the custom event fired after this side-panel is closed upon a user gesture.\n /\n static get eventClose() {\n return `${prefix}-side-panel-closed`;\n }\n\n /\n The name of the custom event fired on clicking the navigate back button\n */\n static get eventNavigateBack() {\n return `${prefix}-side-panel-navigate-back`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSSidePanel;\n"],"mappings":"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"}