npm - @carbon/web-components - Versions diffs - 2.57.0 → 2.58.0 - Mend

@carbon/web-components 2.57.0 → 2.58.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 (1334) hide show

package/es/components/tooltip/tooltip.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/tooltip/tooltip.scss?lit
-var tooltip_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{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}.cds--popover-container{display:inline-block}.cds--popover-container:not(.cds--popover--auto-align){position:relative}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--high-contrast .cds--popover .cds--icon--skeleton,.cds--popover--high-contrast .cds--popover .cds--skeleton,.cds--popover--high-contrast .cds--popover .cds--skeleton__placeholder,.cds--popover--high-contrast .cds--popover .cds--skeleton__text{background:var(--cds-background-inverse-hover,#474747)}.cds--popover--high-contrast .cds--popover .cds--icon--skeleton:before,.cds--popover--high-contrast .cds--popover .cds--skeleton:before,.cds--popover--high-contrast .cds--popover .cds--skeleton__placeholder:before,.cds--popover--high-contrast .cds--popover .cds--skeleton__text:before{background:var(--cds-background-inverse,#393939)}.cds--popover--drop-shadow .cds--popover{filter:var(--cds-popover-drop-shadow,drop-shadow(0 .125rem .125rem rgba(0,0,0,.2)))}.cds--popover--border>.cds--popover>.cds--popover-content{outline:1px solid var(--cds-popover-border-color,var(--cds-border-subtle));outline-offset:-1px}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;inset:0;pointer-events:none}.cds--popover-content{--cds-layout-size-height-sm:2rem}.cds--layout--size-sm :where(.cds--popover-content),.cds--popover-content.cds--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--popover-content{--cds-layout-size-height-md:2.5rem}.cds--layout--size-md :where(.cds--popover-content),.cds--popover-content.cds--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--popover-content{--cds-layout-size-height-lg:3rem}.cds--layout--size-lg :where(.cds--popover-content),.cds--popover-content.cds--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--popover-content{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover-content{position:absolute;z-index:6000;display:none;border-radius:var(--cds-popover-border-radius,2px);background-color:var(--cds-popover-background-color,var(--cds-layer));color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));inline-size:-moz-max-content;inline-size:max-content;max-inline-size:23rem;pointer-events:auto}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover--background-token__background>.cds--popover>.cds--popover-content{background-color:var(--cds-background,#fff)}.cds--popover-content:before{position:absolute;display:none;content:\"\"}.cds--popover--open>.cds--popover>.cds--popover-content:before{display:block}.cds--popover--auto-align.cds--popover-caret,.cds--popover-caret{position:absolute;z-index:6000;display:none;will-change:transform}.cds--popover--auto-align.cds--popover-caret:after,.cds--popover-caret:after{position:absolute;display:block;background-color:var(--cds-popover-background-color,var(--cds-layer));content:\"\"}.cds--popover--auto-align.cds--popover-caret:before,.cds--popover-caret:before{position:absolute;display:none;background-color:var(--cds-popover-border-color,var(--cds-border-subtle));content:\"\"}.cds--popover--background-token__background>.cds--popover>.cds--popover-caret:after{background-color:var(--cds-background,#fff)}.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--border .cds--popover--auto-align.cds--popover-caret:before,.cds--popover--border .cds--popover-caret:before,.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--bottom:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-block-end:-.25rem}.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-block-start:-.25rem}.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}.cds--popover--right-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--right-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--right:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-start:calc(100% + .25rem)}.cds--popover--left-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--left-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--left:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-end:calc(100% + .25rem)}.cds--popover--bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--bottom-end>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-start>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds--popover--bottom-end>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:before,.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds--popover--bottom-end:dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left:dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right:dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start:dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--bottom:dir(rtl)>.cds--popover>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--top-end>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-start>.cds--popover>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds--popover--top-end>.cds--popover>.cds--popover-caret,.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-start>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:before,.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--top>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-end>.cds--popover>.cds--popover-content:before,.cds--popover--right-start>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:1px}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-end>.cds--popover>.cds--popover-content:before,.cds--popover--left-start>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:-1px}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{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--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:2rem;inline-size:2rem}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{position:absolute;z-index:6001;background:var(--cds-layer);block-size:2px;content:\"\";inline-size:100%;inset-block-end:0}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content,:host(cds-tooltip-content) ::slotted(.cds-tooltip-content){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);max-inline-size:18rem;overflow-wrap:break-word}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content,:host(cds-tooltip-content) .cds--icon-tooltip ::slotted(.cds-tooltip-content){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)}.cds--definition-term{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--definition-term *,.cds--definition-term :after,.cds--definition-term :before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term{border-radius:0;border-block-end:1px dotted var(--cds-border-strong);color:var(--cds-text-primary,#161616)}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:focus,.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip,:host(cds-definition-tooltip) cds-popover-content::part(content){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:.5rem 1rem;max-inline-size:11rem;text-wrap:auto;word-break:break-word}:host(cds-tooltip[data-table]){display:contents}:host(cds-tooltip[data-table]):hover ::slotted(button){background-color:var(--cds-layer-selected-hover)!important}:host(cds-tooltip[data-table][size=sm]) ::slotted(button),:host(cds-tooltip[data-table][size=xs]) ::slotted(button){block-size:calc(100% + 1px)!important}:host(cds-tooltip[toolbar-action]) ::slotted(button){outline:none!important}:host(cds-tooltip-content){word-break:break-word}:host(cds-tooltip-content[toggle-password-tooltip-content]) .cds--popover{--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)));gap:.25rem;inset-inline-start:calc(var(--cds-layout-size-height-local)*-1)}"]);
+var tooltip_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{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}.cds--popover-container{display:inline-block}.cds--popover-container:not(.cds--popover--auto-align){position:relative}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--high-contrast .cds--popover .cds--icon--skeleton,.cds--popover--high-contrast .cds--popover .cds--skeleton,.cds--popover--high-contrast .cds--popover .cds--skeleton__placeholder,.cds--popover--high-contrast .cds--popover .cds--skeleton__text{background:var(--cds-background-inverse-hover,#474747)}.cds--popover--high-contrast .cds--popover .cds--icon--skeleton:before,.cds--popover--high-contrast .cds--popover .cds--skeleton:before,.cds--popover--high-contrast .cds--popover .cds--skeleton__placeholder:before,.cds--popover--high-contrast .cds--popover .cds--skeleton__text:before{background:var(--cds-background-inverse,#393939)}.cds--popover--drop-shadow .cds--popover{filter:var(--cds-popover-drop-shadow,drop-shadow(0 .125rem .125rem rgba(0,0,0,.2)))}.cds--popover--border>.cds--popover>.cds--popover-content{outline:1px solid var(--cds-popover-border-color,var(--cds-border-subtle));outline-offset:-1px}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;inset:0;pointer-events:none}.cds--popover-content{--cds-layout-size-height-sm:2rem}.cds--layout--size-sm :where(.cds--popover-content),.cds--popover-content.cds--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--popover-content{--cds-layout-size-height-md:2.5rem}.cds--layout--size-md :where(.cds--popover-content),.cds--popover-content.cds--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--popover-content{--cds-layout-size-height-lg:3rem}.cds--layout--size-lg :where(.cds--popover-content),.cds--popover-content.cds--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--popover-content{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover-content{position:absolute;z-index:6000;display:none;border-radius:var(--cds-popover-border-radius,2px);background-color:var(--cds-popover-background-color,var(--cds-layer));color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));inline-size:-moz-max-content;inline-size:max-content;max-inline-size:23rem;pointer-events:auto}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover--background-token__background>.cds--popover>.cds--popover-content{background-color:var(--cds-background,#fff)}.cds--popover-content:before{position:absolute;display:none;content:\"\"}.cds--popover--open>.cds--popover>.cds--popover-content:before{display:block}.cds--popover--auto-align.cds--popover-caret,.cds--popover-caret{position:absolute;z-index:6000;display:none;will-change:transform}.cds--popover--auto-align.cds--popover-caret:after,.cds--popover-caret:after{position:absolute;display:block;background-color:var(--cds-popover-background-color,var(--cds-layer));content:\"\"}.cds--popover--auto-align.cds--popover-caret:before,.cds--popover-caret:before{position:absolute;display:none;background-color:var(--cds-popover-border-color,var(--cds-border-subtle));content:\"\"}.cds--popover--background-token__background>.cds--popover>.cds--popover-caret:after{background-color:var(--cds-background,#fff)}.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--border .cds--popover--auto-align.cds--popover-caret:before,.cds--popover--border .cds--popover-caret:before,.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--bottom:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-block-end:-.25rem}.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-block-start:-.25rem}.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem) - 1rem)}.cds--popover--right-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--right-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--right:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-start:calc(100% + .25rem)}.cds--popover--left-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--left-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content,.cds--popover--left:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip)>.cds--popover>.cds--popover-content{inset-inline-end:calc(100% + .25rem)}.cds--popover--bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--bottom-end>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-start>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds--popover--bottom-end>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:before,.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds--popover--bottom-end:dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left:dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right:dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start:dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--bottom:dir(rtl)>.cds--popover>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--top-end>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-start>.cds--popover>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds--popover--top-end>.cds--popover>.cds--popover-caret,.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-start>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:before,.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--top>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--top-left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--top-right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-end>.cds--popover>.cds--popover-content:before,.cds--popover--right-start>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:1px}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-end>.cds--popover>.cds--popover-content:before,.cds--popover--left-start>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:-1px}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left.cds--popover--auto-align:dir(rtl)>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align):dir(rtl)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{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--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button{position:relative;display:inline-flex;align-items:center;justify-content:center;block-size:2rem;inline-size:2rem}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}@media (any-hover:hover){.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{position:absolute;z-index:6001;background:var(--cds-layer);block-size:2px;content:\"\";inline-size:100%;inset-block-end:0}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content,:host(cds-tooltip-content) ::slotted(.cds-tooltip-content){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);max-inline-size:18rem;overflow-wrap:break-word}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content,:host(cds-tooltip-content) .cds--icon-tooltip ::slotted(.cds-tooltip-content){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)}.cds--definition-term{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--definition-term *,.cds--definition-term :after,.cds--definition-term :before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term{border-radius:0;border-block-end:1px dotted var(--cds-border-strong);color:var(--cds-text-primary,#161616)}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:focus,.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip,:host(cds-definition-tooltip) cds-popover-content::part(content){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:.5rem 1rem;max-inline-size:11rem;text-wrap:auto;word-break:break-word}:host(cds-tooltip[data-table]){display:contents}:host(cds-tooltip[data-table]):hover ::slotted(button){background-color:var(--cds-layer-selected-hover)!important}:host(cds-tooltip[data-table][size=sm]) ::slotted(button),:host(cds-tooltip[data-table][size=xs]) ::slotted(button){block-size:calc(100% + 1px)!important}:host(cds-tooltip[toolbar-action]) ::slotted(button){outline:none!important}:host(cds-tooltip-content){word-break:break-word}:host(cds-tooltip-content[toggle-password-tooltip-content]) .cds--popover{--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)));gap:.25rem;inset-inline-start:calc(var(--cds-layout-size-height-local)*-1)}"]);
 //#endregion
 export { tooltip_default as default };

package/es/components/tree-view/defs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/tree-view/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025, 2025\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\nexport enum TREE_SIZE {\n /\n Small\n /\n SMALL = 'sm',\n\n /\n Extra small size.\n */\n EXTRA_SMALL = 'xs',\n}\n"],"mappings":";;;;;;;;;;;;;;AAOA,IAAY,YAAL,yBAAA,WAAA;;;;~~AAIL~~,~~WAAA~~,WAAA;;;;~~AAKA~~,~~WAAA~~,iBAAA;;~~KACD~~"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/tree-view/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025, 2025\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\nexport enum TREE_SIZE {\n /\n Small\n /\n SMALL = 'sm',\n\n /\n Extra small size.\n */\n EXTRA_SMALL = 'xs',\n}\n"],"mappings":";;;;;;;;;;;;;;AAOA,IAAY,YAAL,yBAAA,WAAA;;;;CAIL,UAAA,WAAA;;;;CAKA,UAAA,iBAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/tree-view/tree-node.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import tree_view_default from "./tree-view.scss.js";
 import { LitElement, html } from "lit";

package/es/components/tree-view/tree-node.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tree-node.js","names":["styles","customElement"],"sources":["../../../src/components/tree-view/tree-node.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025, 2025\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CaretDown16 from '@carbon/icons/es/caret--down/16.js';\n\nimport styles from './tree-view.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Tree node.\n \n @element cds-tree-node\n * @fires eventSelected\n * The name of the custom event fired when node is selected.\n * @fires eventToggled\n * The name of the custom event fired when a node is toggled.\n /\n@customElement(`${prefix}-tree-node`)\nclass CDSTreeNode extends LitElement {\n private _hasChildren = false;\n private _hasIcon = false;\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { _depth: depth, disabled } = this;\n const items = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).tagName.toLowerCase() === `${prefix}-tree-node`\n );\n\n items.forEach((item) => {\n (item as CDSTreeNode)._depth = depth + 1;\n (item as CDSTreeNode).disabled = disabled;\n });\n\n this._hasChildren = items.length > 0;\n if (this._hasChildren) this.setAttribute('parent', '');\n this.requestUpdate();\n }\n\n /\n Handles icon's `slotchange` event.\n /\n private _handleIconSlotChange({ target }: Event) {\n this._hasIcon = (target as HTMLSlotElement).assignedNodes().length > 0;\n if (this._hasIcon) this.setAttribute('has-icon', '');\n this.requestUpdate();\n }\n\n /\n Handles style updates based on depth\n /\n private _handleStyles = () => {\n const {\n _depth: depth,\n _hasChildren: hasChildren,\n _hasIcon: hasIcon,\n } = this;\n const calcOffset = () => {\n if (hasChildren && hasIcon) {\n return depth + 1 + depth 0.5;\n }\n\n if (hasChildren) {\n return depth + 1;\n }\n\n if (hasIcon) {\n return depth + 2 + depth * 0.5;\n }\n\n return depth + 2.5;\n };\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const label = this.shadowRoot!.querySelector(\n `.${prefix}--tree-node__label`\n );\n if (label) {\n (label as HTMLElement).style.marginInlineStart = `-${calcOffset()}rem`;\n (label as HTMLElement).style.paddingInlineStart = `${calcOffset()}rem`;\n }\n };\n\n _handleToggleClick = (event) => {\n const { disabled, href } = this;\n if (disabled) return;\n event.stopPropagation();\n if (href) {\n event.preventDefault();\n }\n this.isExpanded = !this.isExpanded;\n if (this.hasAttribute('aria-expanded')) {\n this.setAttribute('aria-expanded', String(this.isExpanded));\n }\n };\n\n /*\n sets if tree node is active\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n disabled property\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Note: this is controlled by the parent TreeView component, do not set manually.\n * TreeNode depth to determine spacing\n /\n @state()\n private _depth = 0;\n\n /\n Specify if the TreeNode is expanded (only applicable to parent nodes)\n /\n @property({ type: Boolean, attribute: 'is-expanded' })\n isExpanded = false;\n\n /\n Optional: The URL the TreeNode is linking to\n /\n @property({})\n href;\n\n /\n Specify the TreeNode's ID. Must be unique in the DOM and is used for props.active, props.selected and aria-owns\n /\n @property({})\n id = Math.random().toString(16).slice(2);\n\n /\n Rendered label for the TreeNode\n /\n @property({})\n label!: string;\n\n /\n sets if tree node is selected\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n when adding an href to control the click functionality\n /\n @property({ type: Function })\n onClick?: (event: Event) => void;\n\n connectedCallback() {\n super.connectedCallback();\n\n // Detect children on first render\n this._hasChildren = Array.from(this.children).some(\n (node) => node.tagName.toLowerCase() === `${prefix}-tree-node`\n );\n\n this._hasIcon = Array.from(this.children).some(\n (node) => node.getAttribute('slot') === 'icon'\n );\n\n if (!this.hasAttribute('role') && !this.href) {\n this.setAttribute('role', 'treeitem');\n }\n\n if (this._hasChildren && !this.href) {\n this.setAttribute('aria-expanded', String(this.isExpanded));\n }\n\n if (!this.hasAttribute('aria-label')) {\n this.setAttribute('aria-label', this.label);\n }\n }\n\n private _dispatchSelectedEvent(value) {\n const { eventSelected } = this.constructor as typeof CDSTreeNode;\n this.dispatchEvent(\n new CustomEvent(eventSelected, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n private _dispatchToggledEvent(value, expanded) {\n const { eventToggled } = this.constructor as typeof CDSTreeNode;\n this.dispatchEvent(\n new CustomEvent(eventToggled, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n expanded: expanded,\n },\n })\n );\n }\n\n updated(changedProperties) {\n if (changedProperties.has('_depth')) {\n this._handleStyles();\n }\n if (changedProperties.has('selected')) {\n if (!this.href) {\n this.setAttribute(\n 'aria-selected',\n String(\n !this.href ? (this.disabled ? undefined : this.selected) : undefined\n )\n );\n }\n\n if (this.selected) {\n this._dispatchSelectedEvent(this.label);\n }\n }\n\n if (changedProperties.has('active') && !this.href) {\n this.setAttribute(\n 'aria-current',\n String(\n !this.href\n ? this.active \|\| undefined\n : this.active\n ? 'page'\n : undefined\n )\n );\n }\n\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(this.disabled));\n }\n\n if (changedProperties.has('isExpanded')) {\n this._dispatchToggledEvent(this.label, this.isExpanded);\n }\n }\n\n render() {\n const {\n disabled,\n isExpanded,\n href,\n id,\n label,\n onClick,\n _hasChildren: hasChildren,\n _handleIconSlotChange: handleIconSlotChange,\n _handleSlotChange: handleSlotChange,\n _handleToggleClick: handleToggleClick,\n } = this;\n\n let toggleClasses = `${prefix}--tree-parent-node__toggle-icon`;\n if (isExpanded) {\n toggleClasses += `${prefix}--tree-parent-node__toggle-icon--expanded`;\n }\n\n const linkClasses = classMap({\n [`${prefix}--tree-node`]: true,\n [`${prefix}--tree-node--active`]: this.active,\n [`${prefix}--tree-node--disabled`]: disabled,\n [`${prefix}--tree-node--selected`]: this.selected,\n [`${prefix}--tree-node--with-icon`]: this._hasIcon,\n [`${prefix}--tree-leaf-node`]: !this._hasChildren,\n [`${prefix}--tree-parent-node`]: this._hasChildren,\n });\n\n const subTreeClasses = classMap({\n [`${prefix}--tree-node__children`]: true,\n [`${prefix}--tree-node__hidden`]: !isExpanded,\n });\n\n return html`\n ${!hasChildren\n ? html`\n ${href\n ? html`<a\n class=${linkClasses}\n href=${!disabled ? href : undefined}\n role=\"treeitem\"\n ?aria-disabled=${disabled}\n aria-current=${!this.href\n ? this.active \|\| undefined\n : this.active\n ? 'page'\n : undefined}\n tabindex=${disabled ? -1 : undefined}\n @click=${onClick}>\n <div id=\"label\" class=\"${prefix}--tree-node__label\">\n <slot\n name=\"icon\"\n @slotchange=${handleIconSlotChange}></slot>\n ${label}\n </div>\n </a>`\n : html` <div id=\"label\" class=\"${prefix}--tree-node__label\">\n <slot name=\"icon\" @slotchange=${handleIconSlotChange}></slot>\n ${label}\n </div>`}\n `\n : html`\n ${href\n ? html` <a\n role=\"treeitem\"\n class=${linkClasses}\n aria-expanded=${!!isExpanded}\n aria-owns=\"subtree-id-${id}\"\n href=${!disabled ? href : undefined}\n tabindex=${disabled ? -1 : undefined}\n @click=${onClick}>\n <div id=\"label\" class=\"${prefix}--tree-node__label\">\n <span\n class=\"${prefix}--tree-parent-node__toggle\"\n ?disabled=${disabled}\n @click=${handleToggleClick}>\n ${iconLoader(CaretDown16, { class: toggleClasses })}\n </span>\n <span class=\"${prefix}--tree-node__label__details\">\n <slot\n name=\"icon\"\n @slotchange=${handleIconSlotChange}></slot>\n ${label}\n </span>\n </div>\n </a>\n <ul\n id=\"subtree-id-${id}\"\n role=\"group\"\n class=\"${subTreeClasses}\">\n <slot @slotchange=${handleSlotChange}></slot>\n </ul>`\n : html`<div id=\"label\" class=\"${prefix}--tree-node__label\">\n <span\n class=\"${prefix}--tree-parent-node__toggle\"\n ?disabled=${disabled}\n @click=${handleToggleClick}>\n ${iconLoader(CaretDown16, { class: toggleClasses })}\n </span>\n <span class=\"${prefix}--tree-node__label__details\">\n <slot\n name=\"icon\"\n @slotchange=${handleIconSlotChange}></slot>\n ${label}\n </span>\n </div>\n <ul\n id=\"subtree-id-${id}\"\n role=\"group\"\n class=\"${subTreeClasses}\">\n <slot @slotchange=${handleSlotChange}></slot>\n </ul>`}\n `}\n `;\n }\n\n /\n The name of the custom event fired when node is selected.\n /\n static get eventSelected() {\n return `${prefix}-tree-node-selected`;\n }\n\n /\n The name of the custom event fired when a node is toggled\n */\n static get eventToggled() {\n return `${prefix}-tree-node-toggled`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTreeNode;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,cAAA,MACM,oBAAoB,WAAW;;;sBACZ;kBACJ;6BAoCW;GAC5B,MAAM,EACJ,QAAQ,OACR,cAAc,aACd,UAAU,YACR;GACJ,MAAM,mBAAmB;AACvB,QAAI,eAAe,QACjB,QAAO,QAAQ,IAAI,QAAQ;AAG7B,QAAI,YACF,QAAO,QAAQ;AAGjB,QAAI,QACF,QAAO,QAAQ,IAAI,QAAQ;AAG7B,WAAO,QAAQ;;GAGjB,MAAM,QAAQ,KAAK,WAAY,cAC7B,yBACD;AACD,OAAI,OAAO;AACR,UAAsB,MAAM,oBAAoB,IAAI,YAAY,CAAC;AACjE,UAAsB,MAAM,qBAAqB,GAAG,YAAY,CAAC;;;6BAIhD,UAAU;GAC9B,MAAM,EAAE,UAAU,SAAS;AAC3B,OAAI,SAAU;AACd,SAAM,iBAAiB;AACvB,OAAI,KACF,OAAM,gBAAgB;AAExB,QAAK,aAAa,CAAC,KAAK;AACxB,OAAI,KAAK,aAAa,gBAAgB,CACpC,MAAK,aAAa,iBAAiB,OAAO,KAAK,WAAW,CAAC;;gBAQtD;kBAME;gBAOM;oBAMJ;YAYR,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;kBAY7B;;;;;CA3HX,kBAA0B,EAAE,UAAiB;EAC3C,MAAM,EAAE,QAAQ,OAAO,aAAa;EACpC,MAAM,QAAS,OACZ,eAAe,CACf,QACE,SACC,KAAK,aAAa,KAAK,gBACtB,KAAiB,QAAQ,aAAa,KAAK,gBAC/C;AAEH,QAAM,SAAS,SAAS;AACrB,QAAqB,SAAS,QAAQ;AACtC,QAAqB,WAAW;IACjC;AAEF,OAAK,eAAe,MAAM,SAAS;AACnC,MAAI,KAAK,aAAc,MAAK,aAAa,UAAU,GAAG;AACtD,OAAK,eAAe;;;;;CAMtB,sBAA8B,EAAE,UAAiB;AAC/C,OAAK,WAAY,OAA2B,eAAe,CAAC,SAAS;AACrE,MAAI,KAAK,SAAU,MAAK,aAAa,YAAY,GAAG;AACpD,OAAK,eAAe;;CAyGtB,oBAAoB;AAClB,QAAM,mBAAmB;AAGzB,OAAK,eAAe,MAAM,KAAK,KAAK,SAAS,CAAC,MAC3C,SAAS,KAAK,QAAQ,aAAa,KAAK,gBAC1C;AAED,OAAK,WAAW,MAAM,KAAK,KAAK,SAAS,CAAC,MACvC,SAAS,KAAK,aAAa,OAAO,KAAK,OACzC;AAED,MAAI,CAAC,KAAK,aAAa,OAAO,IAAI,CAAC,KAAK,KACtC,MAAK,aAAa,QAAQ,WAAW;AAGvC,MAAI,KAAK,gBAAgB,CAAC,KAAK,KAC7B,MAAK,aAAa,iBAAiB,OAAO,KAAK,WAAW,CAAC;AAG7D,MAAI,CAAC,KAAK,aAAa,aAAa,CAClC,MAAK,aAAa,cAAc,KAAK,MAAM;;CAI/C,uBAA+B,OAAO;EACpC,MAAM,EAAE,kBAAkB,KAAK;AAC/B,OAAK,cACH,IAAI,YAAY,eAAe;GAC7B,SAAS;GACT,UAAU;GACV,QAAQ,EACN,OACD;GACF,CAAC,CACH;;CAGH,sBAA8B,OAAO,UAAU;EAC7C,MAAM,EAAE,iBAAiB,KAAK;AAC9B,OAAK,cACH,IAAI,YAAY,cAAc;GAC5B,SAAS;GACT,UAAU;GACV,QAAQ;IACN;IACU;IACX;GACF,CAAC,CACH;;CAGH,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,SAAS,CACjC,MAAK,eAAe;AAEtB,MAAI,kBAAkB,IAAI,WAAW,EAAE;AACrC,OAAI,CAAC,KAAK,KACR,MAAK,aACH,iBACA,OACE,CAAC,KAAK,OAAQ,KAAK,WAAW,KAAA,IAAY,KAAK,WAAY,KAAA,EAC5D,CACF;AAGH,OAAI,KAAK,SACP,MAAK,uBAAuB,KAAK,MAAM;;AAI3C,MAAI,kBAAkB,IAAI,SAAS,IAAI,CAAC,KAAK,KAC3C,MAAK,aACH,gBACA,OACE,CAAC,KAAK,OACF,KAAK,UAAU,KAAA,IACf,KAAK,SACH,SACA,KAAA,EACP,CACF;AAGH,MAAI,kBAAkB,IAAI,WAAW,CACnC,MAAK,aAAa,iBAAiB,OAAO,KAAK,SAAS,CAAC;AAG3D,MAAI,kBAAkB,IAAI,aAAa,CACrC,MAAK,sBAAsB,KAAK,OAAO,KAAK,WAAW;;CAI3D,SAAS;EACP,MAAM,EACJ,UACA,YACA,MACA,IACA,OACA,SACA,cAAc,aACd,uBAAuB,sBACvB,mBAAmB,kBACnB,oBAAoB,sBAClB;EAEJ,IAAI,gBAAgB;AACpB,MAAI,WACF,kBAAiB;EAGnB,MAAM,cAAc,SAAS;IAC1B,mBAAyB;IACzB,2BAAiC,KAAK;IACtC,6BAAmC;IACnC,6BAAmC,KAAK;IACxC,8BAAoC,KAAK;IACzC,wBAA8B,CAAC,KAAK;IACpC,0BAAgC,KAAK;GACvC,CAAC;EAEF,MAAM,iBAAiB,SAAS;IAC7B,6BAAmC;IACnC,2BAAiC,CAAC;GACpC,CAAC;AAEF,SAAO,IAAI;QACP,CAAC,cACC,IAAI;cACA,OACE,IAAI;0BACM,YAAY;yBACb,CAAC,WAAW,OAAO,KAAA,EAAU;;mCAEnB,SAAS;iCACX,CAAC,KAAK,OACjB,KAAK,UAAU,KAAA,IACf,KAAK,SACH,SACA,KAAA,EAAU;6BACL,WAAW,KAAK,KAAA,EAAU;2BAC5B,QAAQ;iDACe;;;oCAGd,qBAAqB;sBACnC,MAAM;;wBAGZ,IAAI,2BAAA,MAAkC;kDACJ,qBAAqB;oBACnD,MAAM;wBACF;cAEd,IAAI;cACA,OACE,IAAI;;4BAEQ,YAAY;oCACJ,CAAC,CAAC,WAAW;4CACL,GAAG;2BACpB,CAAC,WAAW,OAAO,KAAA,EAAU;+BACzB,WAAW,KAAK,KAAA,EAAU;6BAC5B,QAAQ;mDACe;;uCAEZ;oCACJ,SAAS;iCACZ,kBAAkB;0BACzB,WAAW,aAAa,EAAE,OAAO,eAAe,CAAC,CAAC;;2CAEhC;;;wCAGJ,qBAAqB;0BACnC,MAAM;;;;;qCAKK,GAAG;;6BAEX,eAAe;wCACJ,iBAAiB;2BAEzC,IAAI,0BAAA,MAAiC;;qCAEf;kCACJ,SAAS;+BACZ,kBAAkB;wBACzB,WAAW,aAAa,EAAE,OAAO,eAAe,CAAC,CAAC;;yCAEhC;;;sCAGJ,qBAAqB;wBACnC,MAAM;;;;qCAIO,GAAG;;6BAEX,eAAe;wCACJ,iBAAiB;yBAChC;YACb;;;;;;CAOV,WAAW,gBAAgB;AACzB,SAAO;;;;;CAMT,WAAW,eAAe;AACxB,SAAO;;;gBAGOA;;;YApRf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,YAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,YAAA,WAAA,YAAA,KAAA,EAAA;YAO1C,OAAO,CAAA,EAAA,YAAA,WAAA,UAAA,KAAA,EAAA;YAMP,SAAS;CAAE,MAAM;CAAS,WAAW;CAAe,CAAC,CAAA,EAAA,YAAA,WAAA,cAAA,KAAA,EAAA;YAMrD,SAAS,EAAE,CAAC,CAAA,EAAA,YAAA,WAAA,QAAA,KAAA,EAAA;YAMZ,SAAS,EAAE,CAAC,CAAA,EAAA,YAAA,WAAA,MAAA,KAAA,EAAA;YAMZ,SAAS,EAAE,CAAC,CAAA,EAAA,YAAA,WAAA,SAAA,KAAA,EAAA;YAMZ,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,YAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,MAAM,UAAU,CAAC,CAAA,EAAA,YAAA,WAAA,WAAA,KAAA,EAAA;0BAvI9BC,cAAc,gBAAsB,CAAA,EAAA,YAAA;AA6WrC,IAAA,oBAAe"}
1	+ {"version":3,"file":"tree-node.js","names":["styles","customElement"],"sources":["../../../src/components/tree-view/tree-node.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025, 2025\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CaretDown16 from '@carbon/icons/es/caret--down/16.js';\n\nimport styles from './tree-view.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Tree node.\n \n @element cds-tree-node\n * @fires eventSelected\n * The name of the custom event fired when node is selected.\n * @fires eventToggled\n * The name of the custom event fired when a node is toggled.\n /\n@customElement(`${prefix}-tree-node`)\nclass CDSTreeNode extends LitElement {\n private _hasChildren = false;\n private _hasIcon = false;\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { _depth: depth, disabled } = this;\n const items = (target as HTMLSlotElement)\n .assignedNodes()\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).tagName.toLowerCase() === `${prefix}-tree-node`\n );\n\n items.forEach((item) => {\n (item as CDSTreeNode)._depth = depth + 1;\n (item as CDSTreeNode).disabled = disabled;\n });\n\n this._hasChildren = items.length > 0;\n if (this._hasChildren) this.setAttribute('parent', '');\n this.requestUpdate();\n }\n\n /\n Handles icon's `slotchange` event.\n /\n private _handleIconSlotChange({ target }: Event) {\n this._hasIcon = (target as HTMLSlotElement).assignedNodes().length > 0;\n if (this._hasIcon) this.setAttribute('has-icon', '');\n this.requestUpdate();\n }\n\n /\n Handles style updates based on depth\n /\n private _handleStyles = () => {\n const {\n _depth: depth,\n _hasChildren: hasChildren,\n _hasIcon: hasIcon,\n } = this;\n const calcOffset = () => {\n if (hasChildren && hasIcon) {\n return depth + 1 + depth 0.5;\n }\n\n if (hasChildren) {\n return depth + 1;\n }\n\n if (hasIcon) {\n return depth + 2 + depth * 0.5;\n }\n\n return depth + 2.5;\n };\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n const label = this.shadowRoot!.querySelector(\n `.${prefix}--tree-node__label`\n );\n if (label) {\n (label as HTMLElement).style.marginInlineStart = `-${calcOffset()}rem`;\n (label as HTMLElement).style.paddingInlineStart = `${calcOffset()}rem`;\n }\n };\n\n _handleToggleClick = (event) => {\n const { disabled, href } = this;\n if (disabled) return;\n event.stopPropagation();\n if (href) {\n event.preventDefault();\n }\n this.isExpanded = !this.isExpanded;\n if (this.hasAttribute('aria-expanded')) {\n this.setAttribute('aria-expanded', String(this.isExpanded));\n }\n };\n\n /*\n sets if tree node is active\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n disabled property\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Note: this is controlled by the parent TreeView component, do not set manually.\n * TreeNode depth to determine spacing\n /\n @state()\n private _depth = 0;\n\n /\n Specify if the TreeNode is expanded (only applicable to parent nodes)\n /\n @property({ type: Boolean, attribute: 'is-expanded' })\n isExpanded = false;\n\n /\n Optional: The URL the TreeNode is linking to\n /\n @property({})\n href;\n\n /\n Specify the TreeNode's ID. Must be unique in the DOM and is used for props.active, props.selected and aria-owns\n /\n @property({})\n id = Math.random().toString(16).slice(2);\n\n /\n Rendered label for the TreeNode\n /\n @property({})\n label!: string;\n\n /\n sets if tree node is selected\n /\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /\n when adding an href to control the click functionality\n /\n @property({ type: Function })\n onClick?: (event: Event) => void;\n\n connectedCallback() {\n super.connectedCallback();\n\n // Detect children on first render\n this._hasChildren = Array.from(this.children).some(\n (node) => node.tagName.toLowerCase() === `${prefix}-tree-node`\n );\n\n this._hasIcon = Array.from(this.children).some(\n (node) => node.getAttribute('slot') === 'icon'\n );\n\n if (!this.hasAttribute('role') && !this.href) {\n this.setAttribute('role', 'treeitem');\n }\n\n if (this._hasChildren && !this.href) {\n this.setAttribute('aria-expanded', String(this.isExpanded));\n }\n\n if (!this.hasAttribute('aria-label')) {\n this.setAttribute('aria-label', this.label);\n }\n }\n\n private _dispatchSelectedEvent(value) {\n const { eventSelected } = this.constructor as typeof CDSTreeNode;\n this.dispatchEvent(\n new CustomEvent(eventSelected, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n private _dispatchToggledEvent(value, expanded) {\n const { eventToggled } = this.constructor as typeof CDSTreeNode;\n this.dispatchEvent(\n new CustomEvent(eventToggled, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n expanded: expanded,\n },\n })\n );\n }\n\n updated(changedProperties) {\n if (changedProperties.has('_depth')) {\n this._handleStyles();\n }\n if (changedProperties.has('selected')) {\n if (!this.href) {\n this.setAttribute(\n 'aria-selected',\n String(\n !this.href ? (this.disabled ? undefined : this.selected) : undefined\n )\n );\n }\n\n if (this.selected) {\n this._dispatchSelectedEvent(this.label);\n }\n }\n\n if (changedProperties.has('active') && !this.href) {\n this.setAttribute(\n 'aria-current',\n String(\n !this.href\n ? this.active \|\| undefined\n : this.active\n ? 'page'\n : undefined\n )\n );\n }\n\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(this.disabled));\n }\n\n if (changedProperties.has('isExpanded')) {\n this._dispatchToggledEvent(this.label, this.isExpanded);\n }\n }\n\n render() {\n const {\n disabled,\n isExpanded,\n href,\n id,\n label,\n onClick,\n _hasChildren: hasChildren,\n _handleIconSlotChange: handleIconSlotChange,\n _handleSlotChange: handleSlotChange,\n _handleToggleClick: handleToggleClick,\n } = this;\n\n let toggleClasses = `${prefix}--tree-parent-node__toggle-icon`;\n if (isExpanded) {\n toggleClasses += `${prefix}--tree-parent-node__toggle-icon--expanded`;\n }\n\n const linkClasses = classMap({\n [`${prefix}--tree-node`]: true,\n [`${prefix}--tree-node--active`]: this.active,\n [`${prefix}--tree-node--disabled`]: disabled,\n [`${prefix}--tree-node--selected`]: this.selected,\n [`${prefix}--tree-node--with-icon`]: this._hasIcon,\n [`${prefix}--tree-leaf-node`]: !this._hasChildren,\n [`${prefix}--tree-parent-node`]: this._hasChildren,\n });\n\n const subTreeClasses = classMap({\n [`${prefix}--tree-node__children`]: true,\n [`${prefix}--tree-node__hidden`]: !isExpanded,\n });\n\n return html`\n ${!hasChildren\n ? html`\n ${href\n ? html`<a\n class=${linkClasses}\n href=${!disabled ? href : undefined}\n role=\"treeitem\"\n ?aria-disabled=${disabled}\n aria-current=${!this.href\n ? this.active \|\| undefined\n : this.active\n ? 'page'\n : undefined}\n tabindex=${disabled ? -1 : undefined}\n @click=${onClick}>\n <div id=\"label\" class=\"${prefix}--tree-node__label\">\n <slot\n name=\"icon\"\n @slotchange=${handleIconSlotChange}></slot>\n ${label}\n </div>\n </a>`\n : html` <div id=\"label\" class=\"${prefix}--tree-node__label\">\n <slot name=\"icon\" @slotchange=${handleIconSlotChange}></slot>\n ${label}\n </div>`}\n `\n : html`\n ${href\n ? html` <a\n role=\"treeitem\"\n class=${linkClasses}\n aria-expanded=${!!isExpanded}\n aria-owns=\"subtree-id-${id}\"\n href=${!disabled ? href : undefined}\n tabindex=${disabled ? -1 : undefined}\n @click=${onClick}>\n <div id=\"label\" class=\"${prefix}--tree-node__label\">\n <span\n class=\"${prefix}--tree-parent-node__toggle\"\n ?disabled=${disabled}\n @click=${handleToggleClick}>\n ${iconLoader(CaretDown16, { class: toggleClasses })}\n </span>\n <span class=\"${prefix}--tree-node__label__details\">\n <slot\n name=\"icon\"\n @slotchange=${handleIconSlotChange}></slot>\n ${label}\n </span>\n </div>\n </a>\n <ul\n id=\"subtree-id-${id}\"\n role=\"group\"\n class=\"${subTreeClasses}\">\n <slot @slotchange=${handleSlotChange}></slot>\n </ul>`\n : html`<div id=\"label\" class=\"${prefix}--tree-node__label\">\n <span\n class=\"${prefix}--tree-parent-node__toggle\"\n ?disabled=${disabled}\n @click=${handleToggleClick}>\n ${iconLoader(CaretDown16, { class: toggleClasses })}\n </span>\n <span class=\"${prefix}--tree-node__label__details\">\n <slot\n name=\"icon\"\n @slotchange=${handleIconSlotChange}></slot>\n ${label}\n </span>\n </div>\n <ul\n id=\"subtree-id-${id}\"\n role=\"group\"\n class=\"${subTreeClasses}\">\n <slot @slotchange=${handleSlotChange}></slot>\n </ul>`}\n `}\n `;\n }\n\n /\n The name of the custom event fired when node is selected.\n /\n static get eventSelected() {\n return `${prefix}-tree-node-selected`;\n }\n\n /\n The name of the custom event fired when a node is toggled\n */\n static get eventToggled() {\n return `${prefix}-tree-node-toggled`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTreeNode;\n"],"mappings":"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"}

package/es/components/tree-view/tree-view.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import { TREE_SIZE } from "./defs.js";

package/es/components/tree-view/tree-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tree-view.js","names":["styles","customElement"],"sources":["../../../src/components/tree-view/tree-view.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025, 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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { TREE_SIZE } from './defs';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './tree-view.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTreeNode from './tree-node';\n\nexport { TREE_SIZE };\n/\n Tree view.\n \n @element cds-tree-view\n /\n@customElement(`${prefix}-tree-view`)\nclass CDSTreeView extends HostListenerMixin(LitElement) {\n /\n Specify whether or not the label should be hidden\n /\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n Provide the label text that will be read by a screen reader\n /\n @property()\n label!: string;\n\n /\n Specify the size of the tree from a list of available sizes.\n */\n @property({ reflect: true })\n size = TREE_SIZE.SMALL;\n\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _click = ({ target }) => {\n if ((target as CDSTreeNode).disabled) return;\n\n const nodes = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n nodes.forEach((node) => {\n const isTarget = node === target;\n const isLink = (node as CDSTreeNode).hasAttribute('href');\n const element = isLink ? node.shadowRoot?.querySelector('a') : node;\n (node as CDSTreeNode).selected = isTarget;\n (node as CDSTreeNode).active = isTarget;\n if (!isTarget) {\n if (isLink) {\n (element as CDSTreeNode).setAttribute('tabindex', '-1');\n } else {\n (element as CDSTreeNode).removeAttribute('tabindex');\n }\n } else (element as CDSTreeNode).setAttribute('tabindex', '0');\n });\n };\n\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeyDown = (event: KeyboardEvent) => {\n const { key } = event;\n const nodes = Array.from(\n this.querySelectorAll(CDSTreeView.selectorTreeNode)\n ).filter(\n (node) => node.checkVisibility() && !node.hasAttribute('disabled')\n );\n\n const allNodes = Array.from(\n this.querySelectorAll(CDSTreeView.selectorTreeNode)\n ).filter((node) => !node.hasAttribute('disabled'));\n\n const withLinks = (nodes[0] as CDSTreeNode).href;\n\n const currentIndex = nodes.findIndex((node) =>\n withLinks\n ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n node.shadowRoot?.querySelector('a')!.getAttribute('tabindex') === '0'\n : node.getAttribute('tabindex') === '0'\n );\n\n let nextIndex = currentIndex;\n\n switch (key) {\n case 'ArrowDown':\n nextIndex = Math.min(currentIndex + 1, nodes.length - 1);\n break;\n case 'ArrowUp':\n nextIndex = Math.max(currentIndex - 1, 0);\n break;\n case 'Home':\n nextIndex = 0;\n break;\n case 'End':\n nextIndex = nodes.length - 1;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n allNodes.forEach((node) => {\n (node as CDSTreeNode).selected = false;\n (node as CDSTreeNode).active = false;\n });\n (nodes[currentIndex] as CDSTreeNode).selected = true;\n (nodes[currentIndex] as CDSTreeNode).active = true;\n break;\n case 'ArrowRight':\n if ((nodes[currentIndex] as CDSTreeNode).hasAttribute('parent')) {\n (nodes[currentIndex] as CDSTreeNode).isExpanded = true;\n nodes[currentIndex].setAttribute('aria-expanded', 'true');\n }\n break;\n case 'ArrowLeft':\n if (!nodes[currentIndex].hasAttribute('parent')) {\n const temp = nodes.findIndex(\n (node) => node === nodes[currentIndex].parentElement\n );\n nextIndex = temp === -1 ? currentIndex : temp;\n } else {\n (nodes[currentIndex] as CDSTreeNode).isExpanded = false;\n nodes[currentIndex].setAttribute('aria-expanded', 'false');\n }\n break;\n }\n\n if (nextIndex !== currentIndex) {\n nodes.forEach((node) => {\n if (!withLinks) {\n node.removeAttribute('tabindex');\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n node.shadowRoot?.querySelector('a')!.setAttribute('tabindex', '-1');\n }\n });\n const element = withLinks\n ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n (nodes[nextIndex] as CDSTreeNode).shadowRoot!.querySelector('a')\n : nodes[nextIndex];\n (element as CDSTreeNode).setAttribute('tabindex', '0');\n (element as CDSTreeNode).focus();\n event.preventDefault();\n }\n };\n\n private async _setInitialFocus() {\n await this.updateComplete;\n\n const nodes = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n if (nodes.length > 0) {\n const selectedNode =\n Array.from(nodes).find((node) => (node as CDSTreeNode).selected) \|\|\n nodes[0];\n const element = (selectedNode as CDSTreeNode).href\n ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n (selectedNode as CDSTreeNode).shadowRoot!.querySelector('a')\n : selectedNode;\n (element as CDSTreeNode).setAttribute('tabindex', '0');\n }\n }\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'tree');\n }\n\n if (!this.hasAttribute('aria-label')) {\n this.setAttribute('aria-label', this.label);\n }\n }\n\n updated(changedProperties) {\n this._setInitialFocus();\n\n if (changedProperties.has('size')) {\n const items = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n items.forEach((item) => {\n (item as CDSTreeNode).setAttribute('size', this.size);\n });\n }\n }\n\n render() {\n const { hideLabel, label, size } = this;\n const labelId = 'tree-view__label';\n const treeClasses = classMap({\n [`${prefix}--tree`]: true,\n [`${prefix}--tree--${size}`]: size,\n });\n return html`\n ${\n !hideLabel\n ? html`<label id=${labelId} class=${`${prefix}--label`}\n >${label}\n </label>`\n : null\n }\n <ul\n aria-label=${hideLabel ? label : undefined}\n aria-labelledby=${!hideLabel ? labelId : undefined}\n class=${treeClasses}\n role=\"tree\">\n <slot><slot>\n </ul>\n `;\n }\n\n static get selectorTreeNode() {\n return `${prefix}-tree-node`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTreeView;\n"],"mappings":"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"}
1	+ {"version":3,"file":"tree-view.js","names":["styles","customElement"],"sources":["../../../src/components/tree-view/tree-view.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025, 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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { TREE_SIZE } from './defs';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport styles from './tree-view.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSTreeNode from './tree-node';\n\nexport { TREE_SIZE };\n/\n Tree view.\n \n @element cds-tree-view\n /\n@customElement(`${prefix}-tree-view`)\nclass CDSTreeView extends HostListenerMixin(LitElement) {\n /\n Specify whether or not the label should be hidden\n /\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /\n Provide the label text that will be read by a screen reader\n /\n @property()\n label!: string;\n\n /\n Specify the size of the tree from a list of available sizes.\n */\n @property({ reflect: true })\n size = TREE_SIZE.SMALL;\n\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _click = ({ target }) => {\n if ((target as CDSTreeNode).disabled) return;\n\n const nodes = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n nodes.forEach((node) => {\n const isTarget = node === target;\n const isLink = (node as CDSTreeNode).hasAttribute('href');\n const element = isLink ? node.shadowRoot?.querySelector('a') : node;\n (node as CDSTreeNode).selected = isTarget;\n (node as CDSTreeNode).active = isTarget;\n if (!isTarget) {\n if (isLink) {\n (element as CDSTreeNode).setAttribute('tabindex', '-1');\n } else {\n (element as CDSTreeNode).removeAttribute('tabindex');\n }\n } else (element as CDSTreeNode).setAttribute('tabindex', '0');\n });\n };\n\n @HostListener('keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeyDown = (event: KeyboardEvent) => {\n const { key } = event;\n const nodes = Array.from(\n this.querySelectorAll(CDSTreeView.selectorTreeNode)\n ).filter(\n (node) => node.checkVisibility() && !node.hasAttribute('disabled')\n );\n\n const allNodes = Array.from(\n this.querySelectorAll(CDSTreeView.selectorTreeNode)\n ).filter((node) => !node.hasAttribute('disabled'));\n\n const withLinks = (nodes[0] as CDSTreeNode).href;\n\n const currentIndex = nodes.findIndex((node) =>\n withLinks\n ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n node.shadowRoot?.querySelector('a')!.getAttribute('tabindex') === '0'\n : node.getAttribute('tabindex') === '0'\n );\n\n let nextIndex = currentIndex;\n\n switch (key) {\n case 'ArrowDown':\n nextIndex = Math.min(currentIndex + 1, nodes.length - 1);\n break;\n case 'ArrowUp':\n nextIndex = Math.max(currentIndex - 1, 0);\n break;\n case 'Home':\n nextIndex = 0;\n break;\n case 'End':\n nextIndex = nodes.length - 1;\n break;\n case 'Enter':\n case ' ':\n event.preventDefault();\n allNodes.forEach((node) => {\n (node as CDSTreeNode).selected = false;\n (node as CDSTreeNode).active = false;\n });\n (nodes[currentIndex] as CDSTreeNode).selected = true;\n (nodes[currentIndex] as CDSTreeNode).active = true;\n break;\n case 'ArrowRight':\n if ((nodes[currentIndex] as CDSTreeNode).hasAttribute('parent')) {\n (nodes[currentIndex] as CDSTreeNode).isExpanded = true;\n nodes[currentIndex].setAttribute('aria-expanded', 'true');\n }\n break;\n case 'ArrowLeft':\n if (!nodes[currentIndex].hasAttribute('parent')) {\n const temp = nodes.findIndex(\n (node) => node === nodes[currentIndex].parentElement\n );\n nextIndex = temp === -1 ? currentIndex : temp;\n } else {\n (nodes[currentIndex] as CDSTreeNode).isExpanded = false;\n nodes[currentIndex].setAttribute('aria-expanded', 'false');\n }\n break;\n }\n\n if (nextIndex !== currentIndex) {\n nodes.forEach((node) => {\n if (!withLinks) {\n node.removeAttribute('tabindex');\n } else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n node.shadowRoot?.querySelector('a')!.setAttribute('tabindex', '-1');\n }\n });\n const element = withLinks\n ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n (nodes[nextIndex] as CDSTreeNode).shadowRoot!.querySelector('a')\n : nodes[nextIndex];\n (element as CDSTreeNode).setAttribute('tabindex', '0');\n (element as CDSTreeNode).focus();\n event.preventDefault();\n }\n };\n\n private async _setInitialFocus() {\n await this.updateComplete;\n\n const nodes = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n if (nodes.length > 0) {\n const selectedNode =\n Array.from(nodes).find((node) => (node as CDSTreeNode).selected) \|\|\n nodes[0];\n const element = (selectedNode as CDSTreeNode).href\n ? // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n (selectedNode as CDSTreeNode).shadowRoot!.querySelector('a')\n : selectedNode;\n (element as CDSTreeNode).setAttribute('tabindex', '0');\n }\n }\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'tree');\n }\n\n if (!this.hasAttribute('aria-label')) {\n this.setAttribute('aria-label', this.label);\n }\n }\n\n updated(changedProperties) {\n this._setInitialFocus();\n\n if (changedProperties.has('size')) {\n const items = this.querySelectorAll(CDSTreeView.selectorTreeNode);\n items.forEach((item) => {\n (item as CDSTreeNode).setAttribute('size', this.size);\n });\n }\n }\n\n render() {\n const { hideLabel, label, size } = this;\n const labelId = 'tree-view__label';\n const treeClasses = classMap({\n [`${prefix}--tree`]: true,\n [`${prefix}--tree--${size}`]: size,\n });\n return html`\n ${\n !hideLabel\n ? html`<label id=${labelId} class=${`${prefix}--label`}\n >${label}\n </label>`\n : null\n }\n <ul\n aria-label=${hideLabel ? label : undefined}\n aria-labelledby=${!hideLabel ? labelId : undefined}\n class=${treeClasses}\n role=\"tree\">\n <slot><slot>\n </ul>\n `;\n }\n\n static get selectorTreeNode() {\n return `${prefix}-tree-node`;\n }\n\n static styles = styles;\n}\n\nexport default CDSTreeView;\n"],"mappings":"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"}

package/es/components/ui-shell/defs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/ui-shell/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020\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/\n Collapse modes of side nav.\n /\nexport enum SIDE_NAV_COLLAPSE_MODE {\n /\n Fixed mode.\n * In this mode, side nav is non-collapsible.\n /\n FIXED = 'fixed',\n\n /\n Rail mode.\n * In this mode, side nav can be collapsed to a narrower width (\"rail\" look) with a toggle button.\n /\n RAIL = 'rail',\n\n /\n Responsive mode.\n * In this mode, side nav sticks in wider screen, and can be completely collapsed with a toggle button in narrower screen.\n /\n RESPONSIVE = 'responsive',\n}\n\n/\n The usage purpose of side nav.\n /\nexport enum SIDE_NAV_USAGE_MODE {\n /\n Regular usage.\n /\n REGULAR = '',\n\n /\n To represent header nav.\n * In this mode, side nav is hidden when header nav is shown, and side nav is shown then header nav is hidden.\n * This mode can be used only with `SIDE_NAV_COLLAPSE_MODE.REGULAR`.\n */\n HEADER_NAV = 'header-nav',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,yBAAL,yBAAA,wBAAA;;;;;~~AAKL~~,~~wBAAA~~,WAAA;;;;;~~AAMA~~,~~wBAAA~~,UAAA;;;;;~~AAMA~~,~~wBAAA~~,gBAAA;;~~KACD~~;;;;~~AAKD~~,IAAY,sBAAL,yBAAA,qBAAA;;;;~~AAIL~~,~~qBAAA~~,aAAA;;;;;;~~AAOA~~,~~qBAAA~~,gBAAA;;~~KACD~~"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/ui-shell/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020\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/\n Collapse modes of side nav.\n /\nexport enum SIDE_NAV_COLLAPSE_MODE {\n /\n Fixed mode.\n * In this mode, side nav is non-collapsible.\n /\n FIXED = 'fixed',\n\n /\n Rail mode.\n * In this mode, side nav can be collapsed to a narrower width (\"rail\" look) with a toggle button.\n /\n RAIL = 'rail',\n\n /\n Responsive mode.\n * In this mode, side nav sticks in wider screen, and can be completely collapsed with a toggle button in narrower screen.\n /\n RESPONSIVE = 'responsive',\n}\n\n/\n The usage purpose of side nav.\n /\nexport enum SIDE_NAV_USAGE_MODE {\n /\n Regular usage.\n /\n REGULAR = '',\n\n /\n To represent header nav.\n * In this mode, side nav is hidden when header nav is shown, and side nav is shown then header nav is hidden.\n * This mode can be used only with `SIDE_NAV_COLLAPSE_MODE.REGULAR`.\n */\n HEADER_NAV = 'header-nav',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,yBAAL,yBAAA,wBAAA;;;;;CAKL,uBAAA,WAAA;;;;;CAMA,uBAAA,UAAA;;;;;CAMA,uBAAA,gBAAA;;AACF,EAAA,CAAA,CAAA;;;;AAKA,IAAY,sBAAL,yBAAA,qBAAA;;;;CAIL,oBAAA,aAAA;;;;;;CAOA,oBAAA,gBAAA;;AACF,EAAA,CAAA,CAAA"}

package/es/components/ui-shell/header-global-action.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import "../button/defs.js";
 import button_default from "../button/button.js";

package/es/components/ui-shell/header-global-action.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"header-global-action.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/ui-shell/header-global-action.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2023, 2025\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 } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport {\n BUTTON_TOOLTIP_POSITION,\n BUTTON_KIND,\n BUTTON_SIZE,\n} from '../button/button';\nimport CDSButton from '../button/button';\nimport HostListener from '../../globals/decorators/host-listener';\nimport styles from './header.scss?lit';\nimport { prefix } from '../../globals/settings';\n\n/\n Header global action button\n \n @element cds-header-global-action\n /\n@customElement(`${prefix}-header-global-action`)\nclass CDSHeaderGlobalAction extends CDSButton {\n @query('button')\n protected _buttonNode!: HTMLButtonElement;\n\n /\n Specify whether the action is currently active\n /\n @property({ type: Boolean, reflect: true })\n active;\n\n /\n Specify which header panel the button is associated with.\n /\n @property({ type: String, attribute: 'panel-id', reflect: true })\n panelId;\n\n /\n The `aria-label` attribute for the button in its active state.\n /\n @property({ attribute: 'button-label-active' })\n buttonLabelActive;\n\n /\n The `aria-label` attribute for the button in its inactive state.\n */\n @property({ attribute: 'button-label-inactive' })\n buttonLabelInactive;\n\n connectedCallback() {\n this.tooltipPosition = BUTTON_TOOLTIP_POSITION.BOTTOM;\n this.kind = BUTTON_KIND.GHOST;\n this.size = BUTTON_SIZE.LARGE;\n super.connectedCallback();\n }\n\n firstUpdated() {\n document.addEventListener('click', this._handleDocumentClick, true);\n document.addEventListener('focusin', this._handleDocumentFocusIn, true);\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this._handleDocumentClick, true);\n document.removeEventListener('focusin', this._handleDocumentFocusIn, true);\n super.disconnectedCallback();\n }\n\n private _handleDocumentClick = (event: MouseEvent) => {\n const path = event.composedPath();\n this._handlePanelCloseIfFocusOutside(path);\n };\n\n private _handleDocumentFocusIn = (event: FocusEvent) => {\n const path = event.composedPath();\n this._handlePanelCloseIfFocusOutside(path);\n };\n\n private _handlePanelCloseIfFocusOutside(path: EventTarget[]) {\n const panel = this.ownerDocument?.querySelector(`#${this.panelId}`);\n const isInside = path.some(\n (el) =>\n el instanceof HTMLElement && (panel?.contains(el) \|\| this.contains(el))\n );\n\n if (panel && !isInside) {\n panel.removeAttribute('expanded');\n this.active = false;\n }\n }\n\n @HostListener('focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleFocusOut(event: FocusEvent) {\n const panel = this.ownerDocument?.querySelector(`#${this.panelId}`);\n const relatedTarget = event.relatedTarget as HTMLElement;\n\n if (\n panel &&\n relatedTarget &&\n !this.contains(relatedTarget) &&\n !panel.contains(relatedTarget)\n ) {\n panel.removeAttribute('expanded');\n this.active = false;\n }\n }\n\n @HostListener('click', { capture: true })\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n } else {\n const panel = this.ownerDocument?.querySelector(`#${this.panelId}`);\n\n // see if there is related panel for header-global-action button first\n // and then set the expanded attr of it accordingly\n if (panel) {\n const expanded = panel.getAttribute('expanded');\n\n if (expanded) {\n panel.removeAttribute('expanded');\n } else {\n panel.setAttribute('expanded', 'true');\n }\n\n const active = !this.active;\n this.active = active;\n }\n }\n }\n\n @HostListener('keydown', { capture: true })\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleKeyDown(event: KeyboardEvent) {\n const { key } = event;\n if (key === 'Enter' \|\| key === ' ') {\n event.preventDefault();\n this._handleClick(event);\n } else if (key === 'Escape') {\n const panel = this.ownerDocument?.querySelector(`#${this.panelId}`);\n if (panel) {\n panel.removeAttribute('expanded');\n }\n this.active = false;\n }\n }\n\n updated(changedProperties) {\n if (this._buttonNode) {\n this._buttonNode.classList.add(`${prefix}--header__action`);\n\n if (changedProperties.has('active') \|\| changedProperties.size === 0) {\n if (this.active) {\n this._buttonNode.classList.add(`${prefix}--header__action--active`);\n\n if (this.buttonLabelActive) {\n this.tooltipText = this.buttonLabelActive;\n }\n } else {\n this._buttonNode.classList.remove(\n `${prefix}--header__action--active`\n );\n\n if (this.buttonLabelInactive) {\n this.tooltipText = this.buttonLabelInactive;\n }\n }\n }\n }\n }\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('active') && this._buttonNode) {\n if (this.active) {\n this._buttonNode.classList.add(`${prefix}--header__action--active`);\n\n if (this.buttonLabelActive) {\n this.tooltipText = this.buttonLabelActive;\n }\n } else {\n this._buttonNode.classList.remove(`${prefix}--header__action--active`);\n\n if (this.buttonLabelInactive) {\n this.tooltipText = this.buttonLabelInactive;\n }\n }\n }\n return true;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n static styles = styles;\n}\n\nexport default CDSHeaderGlobalAction;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAA,wBAAA,MACM,8BAA8BA,eAAU;;;+BA8CZ,UAAsB;GACpD,MAAM,OAAO,MAAM,~~cAAc~~;~~AACjC~~,~~QAAK~~,gCAAgC,~~KAAK;;iCAGV~~,UAAsB;GACtD,MAAM,OAAO,MAAM,~~cAAc~~;~~AACjC~~,~~QAAK~~,gCAAgC,~~KAAK;;;CAzB5C~~,oBAAoB;~~AAClB~~,~~OAAK~~,kBAAA;~~AACL~~,~~OAAK~~,OAAA;~~AACL~~,~~OAAK~~,OAAA;~~AACL~~,~~QAAM~~,~~mBAAmB;;CAG3B~~,eAAe;~~AACb~~,~~WAAS~~,iBAAiB,SAAS,KAAK,sBAAsB,~~KAAK~~;~~AACnE~~,~~WAAS~~,iBAAiB,WAAW,KAAK,wBAAwB,~~KAAK;;CAGzE~~,uBAAuB;~~AACrB~~,~~WAAS~~,oBAAoB,SAAS,KAAK,sBAAsB,~~KAAK~~;~~AACtE~~,~~WAAS~~,oBAAoB,WAAW,KAAK,wBAAwB,~~KAAK~~;~~AAC1E~~,~~QAAM~~,~~sBAAsB;;CAa9B~~,gCAAwC,MAAqB;EAC3D,MAAM,QAAQ,KAAK,eAAe,cAAc,IAAI,KAAK,~~UAAU~~;~~EACnE~~,MAAM,WAAW,KAAK,MACnB,OACC,cAAc,gBAAgB,OAAO,SAAS,~~GAAG~~,~~IAAI~~,KAAK,SAAS,~~GAAG~~,EACzE;~~AAED~~,~~MAAI~~,SAAS,CAAC,UAAU;~~AACtB~~,~~SAAM~~,gBAAgB,~~WAAW~~;~~AACjC~~,~~QAAK~~,SAAS~~;;;CAIlB~~,gBAGwB,OAAmB;EACzC,MAAM,QAAQ,KAAK,eAAe,cAAc,IAAI,KAAK,~~UAAU~~;~~EACnE~~,MAAM,gBAAgB,MAAM;~~AAE5B~~,~~MACE~~,SACA,iBACA,CAAC,KAAK,SAAS,~~cAAc~~,~~IAC7B~~,CAAC,MAAM,SAAS,~~cAAc~~,~~EAC9B~~;~~AACA~~,~~SAAM~~,gBAAgB,~~WAAW~~;~~AACjC~~,~~QAAK~~,SAAS~~;;;CAIlB~~,aAGqB,OAAc;EACjC,MAAM,EAAE,aAAa;~~AACrB~~,~~MAAI~~,~~SACF~~,~~OAAM~~,~~iBAAiB~~;~~OAClB~~;GACL,MAAM,QAAQ,KAAK,eAAe,cAAc,IAAI,KAAK,~~UAAU~~;~~AAInE~~,~~OAAI~~,OAAO;~~AAGT~~,~~QAFiB~~,MAAM,aAAa,~~WAAW~~,~~CAG7C~~,~~OAAM~~,gBAAgB,~~WAAW~~;~~QAEjC~~,~~OAAM~~,aAAa,YAAY,~~OAAO~~;~~IAGxC~~,MAAM,SAAS,CAAC,KAAK;~~AACrB~~,~~SAAK~~,SAAS~~;;;;CAKpB~~,eAGuB,OAAsB;EAC3C,MAAM,EAAE,QAAQ;~~AAChB~~,~~MAAI~~,QAAQ,WAAW,QAAQ,KAAK;~~AAClC~~,~~SAAM~~,~~gBAAgB~~;~~AACtB~~,~~QAAK~~,aAAa,~~MAAM~~;~~aACf~~,QAAQ,UAAU;GAC3B,MAAM,QAAQ,KAAK,eAAe,cAAc,IAAI,KAAK,~~UAAU~~;~~AACnE~~,~~OAAI~~,~~MACF~~,~~OAAM~~,gBAAgB,~~WAAW~~;~~AAEnC~~,~~QAAK~~,SAAS~~;;;CAIlB~~,QAAQ,mBAAmB;~~AACzB~~,~~MAAI~~,KAAK,aAAa;~~AACpB~~,~~QAAK~~,YAAY,UAAU,IAAI,~~sBAA4B~~;~~AAE3D~~,~~OAAI~~,kBAAkB,IAAI,~~SAAS~~,~~IAAI~~,kBAAkB,SAAS,~~EAChE~~,~~KAAI~~,KAAK,QAAQ;~~AACf~~,~~SAAK~~,YAAY,UAAU,IAAI,~~8BAAoC~~;~~AAEnE~~,~~QAAI~~,KAAK,~~kBACP~~,~~MAAK~~,cAAc,KAAK;~~UAErB~~;~~AACL~~,~~SAAK~~,YAAY,UAAU,OACzB,~~8BACD~~;~~AAED~~,~~QAAI~~,KAAK,~~oBACP~~,~~MAAK~~,cAAc,KAAK~~;;;;CAOlC~~,aAAa,mBAAmB;~~AAC9B~~,~~MAAI~~,kBAAkB,IAAI,~~SAAS~~,~~IAAI~~,KAAK,~~YAC1C~~,~~KAAI~~,KAAK,QAAQ;~~AACf~~,~~QAAK~~,YAAY,UAAU,IAAI,~~8BAAoC~~;~~AAEnE~~,~~OAAI~~,KAAK,~~kBACP~~,~~MAAK~~,cAAc,KAAK;~~SAErB~~;~~AACL~~,~~QAAK~~,YAAY,UAAU,OAAO,~~8BAAoC~~;~~AAEtE~~,~~OAAI~~,KAAK,~~oBACP~~,~~MAAK~~,cAAc,KAAK~~;;AAI9B~~,~~SAAO;;;2BAGkB~~;GACzB,GAAG,WAAW;GACd,gBAAgB;~~GACjB~~;;;~~gBAEeC;;;YAlLf~~,MAAM,~~SAAS~~,CAAA,~~EAAA~~,sBAAA,WAAA,eAAA,KAAA,~~EAAA~~;~~YAMf~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,sBAAA,WAAA,UAAA,KAAA,~~EAAA~~;~~YAM1C~~,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAY,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,sBAAA,WAAA,WAAA,KAAA,~~EAAA~~;~~YAMhE~~,SAAS,EAAE,WAAW,~~uBAAuB~~,CAAC,CAAA,~~EAAA~~,sBAAA,WAAA,qBAAA,KAAA,~~EAAA~~;~~YAM9C~~,SAAS,EAAE,WAAW,~~yBAAyB~~,CAAC,CAAA,~~EAAA~~,sBAAA,WAAA,uBAAA,KAAA,~~EAAA~~;~~YA4ChD~~,aAAa,~~WAAW~~,CAAA,~~EAAA~~,sBAAA,WAAA,mBAAA,~~KAAA~~;~~YAkBxB~~,aAAa,SAAS,EAAE,SAAS,~~MAAM~~,CAAC,CAAA,~~EAAA~~,sBAAA,WAAA,gBAAA,~~KAAA~~;~~YA2BxC~~,aAAa,WAAW,EAAE,SAAS,~~MAAM~~,CAAC,CAAA,~~EAAA~~,sBAAA,WAAA,kBAAA,~~KAAA~~;~~oCAnH5CC~~,cAAc,~~2BAAiC~~,CAAA,~~EAAA~~,~~sBAAA~~;~~AAuLhD~~,IAAA,+BAAe"}
1	+ {"version":3,"file":"header-global-action.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/ui-shell/header-global-action.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2023, 2025\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 } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport {\n BUTTON_TOOLTIP_POSITION,\n BUTTON_KIND,\n BUTTON_SIZE,\n} from '../button/button';\nimport CDSButton from '../button/button';\nimport HostListener from '../../globals/decorators/host-listener';\nimport styles from './header.scss?lit';\nimport { prefix } from '../../globals/settings';\n\n/\n Header global action button\n \n @element cds-header-global-action\n /\n@customElement(`${prefix}-header-global-action`)\nclass CDSHeaderGlobalAction extends CDSButton {\n @query('button')\n protected _buttonNode!: HTMLButtonElement;\n\n /\n Specify whether the action is currently active\n /\n @property({ type: Boolean, reflect: true })\n active;\n\n /\n Specify which header panel the button is associated with.\n /\n @property({ type: String, attribute: 'panel-id', reflect: true })\n panelId;\n\n /\n The `aria-label` attribute for the button in its active state.\n /\n @property({ attribute: 'button-label-active' })\n buttonLabelActive;\n\n /\n The `aria-label` attribute for the button in its inactive state.\n */\n @property({ attribute: 'button-label-inactive' })\n buttonLabelInactive;\n\n connectedCallback() {\n this.tooltipPosition = BUTTON_TOOLTIP_POSITION.BOTTOM;\n this.kind = BUTTON_KIND.GHOST;\n this.size = BUTTON_SIZE.LARGE;\n super.connectedCallback();\n }\n\n firstUpdated() {\n document.addEventListener('click', this._handleDocumentClick, true);\n document.addEventListener('focusin', this._handleDocumentFocusIn, true);\n }\n\n disconnectedCallback() {\n document.removeEventListener('click', this._handleDocumentClick, true);\n document.removeEventListener('focusin', this._handleDocumentFocusIn, true);\n super.disconnectedCallback();\n }\n\n private _handleDocumentClick = (event: MouseEvent) => {\n const path = event.composedPath();\n this._handlePanelCloseIfFocusOutside(path);\n };\n\n private _handleDocumentFocusIn = (event: FocusEvent) => {\n const path = event.composedPath();\n this._handlePanelCloseIfFocusOutside(path);\n };\n\n private _handlePanelCloseIfFocusOutside(path: EventTarget[]) {\n const panel = this.ownerDocument?.querySelector(`#${this.panelId}`);\n const isInside = path.some(\n (el) =>\n el instanceof HTMLElement && (panel?.contains(el) \|\| this.contains(el))\n );\n\n if (panel && !isInside) {\n panel.removeAttribute('expanded');\n this.active = false;\n }\n }\n\n @HostListener('focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleFocusOut(event: FocusEvent) {\n const panel = this.ownerDocument?.querySelector(`#${this.panelId}`);\n const relatedTarget = event.relatedTarget as HTMLElement;\n\n if (\n panel &&\n relatedTarget &&\n !this.contains(relatedTarget) &&\n !panel.contains(relatedTarget)\n ) {\n panel.removeAttribute('expanded');\n this.active = false;\n }\n }\n\n @HostListener('click', { capture: true })\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n } else {\n const panel = this.ownerDocument?.querySelector(`#${this.panelId}`);\n\n // see if there is related panel for header-global-action button first\n // and then set the expanded attr of it accordingly\n if (panel) {\n const expanded = panel.getAttribute('expanded');\n\n if (expanded) {\n panel.removeAttribute('expanded');\n } else {\n panel.setAttribute('expanded', 'true');\n }\n\n const active = !this.active;\n this.active = active;\n }\n }\n }\n\n @HostListener('keydown', { capture: true })\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _handleKeyDown(event: KeyboardEvent) {\n const { key } = event;\n if (key === 'Enter' \|\| key === ' ') {\n event.preventDefault();\n this._handleClick(event);\n } else if (key === 'Escape') {\n const panel = this.ownerDocument?.querySelector(`#${this.panelId}`);\n if (panel) {\n panel.removeAttribute('expanded');\n }\n this.active = false;\n }\n }\n\n updated(changedProperties) {\n if (this._buttonNode) {\n this._buttonNode.classList.add(`${prefix}--header__action`);\n\n if (changedProperties.has('active') \|\| changedProperties.size === 0) {\n if (this.active) {\n this._buttonNode.classList.add(`${prefix}--header__action--active`);\n\n if (this.buttonLabelActive) {\n this.tooltipText = this.buttonLabelActive;\n }\n } else {\n this._buttonNode.classList.remove(\n `${prefix}--header__action--active`\n );\n\n if (this.buttonLabelInactive) {\n this.tooltipText = this.buttonLabelInactive;\n }\n }\n }\n }\n }\n\n shouldUpdate(changedProperties) {\n if (changedProperties.has('active') && this._buttonNode) {\n if (this.active) {\n this._buttonNode.classList.add(`${prefix}--header__action--active`);\n\n if (this.buttonLabelActive) {\n this.tooltipText = this.buttonLabelActive;\n }\n } else {\n this._buttonNode.classList.remove(`${prefix}--header__action--active`);\n\n if (this.buttonLabelInactive) {\n this.tooltipText = this.buttonLabelInactive;\n }\n }\n }\n return true;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n static styles = styles;\n}\n\nexport default CDSHeaderGlobalAction;\n"],"mappings":"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"}

package/es/components/ui-shell/header-menu-button.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import header_default from "./header.scss.js";

package/es/components/ui-shell/header-menu-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"header-menu-button.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-menu-button.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport Menu16 from '@carbon/icons/es/menu/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SIDE_NAV_COLLAPSE_MODE } from './side-nav';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n The trigger button for side nav in header nav.\n \n @element cds-header-menu-button\n * @csspart button The button.\n * @csspart toggle-icon The toggle icon.\n * @fires cds-header-menu-button-toggled - The custom event fired after this header menu button is toggled upon a user gesture.\n /\n@customElement(`${prefix}-header-menu-button`)\nclass CDSHeaderMenuButton extends FocusMixin(LitElement) {\n private _handleClick() {\n const active = !this.active;\n this.active = active;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSHeaderMenuButton).eventToggle,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n active,\n },\n }\n )\n );\n }\n\n /\n `true` if the button should represent its active state.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n The `aria-label` attribute for the button in its active state.\n /\n @property({ attribute: 'button-label-active' })\n buttonLabelActive = 'Close navigation menu';\n\n /\n The `aria-label` attribute for the button in its inactive state.\n /\n @property({ attribute: 'button-label-inactive' })\n buttonLabelInactive = 'Open navigation menu';\n\n /\n Collapse mode of the side nav.\n /\n @property({ reflect: true, attribute: 'collapse-mode' })\n collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n If `true` will style the side nav to sit below the header\n /\n @property({\n type: Boolean,\n attribute: 'is-not-child-of-header',\n })\n isNotChildOfHeader = false;\n\n render() {\n const {\n active,\n buttonLabelActive,\n buttonLabelInactive,\n disabled,\n _handleClick: handleClick,\n } = this;\n const buttonLabel = active ? buttonLabelActive : buttonLabelInactive;\n const classes = classMap({\n [`${prefix}--header__action`]: true,\n [`${prefix}--header__menu-trigger`]: true,\n [`${prefix}--header__menu-toggle`]: true,\n [`${prefix}--header__action--active`]: active,\n });\n return html`\n <button\n part=\"button\"\n class=\"${classes}\"\n ?disabled=${disabled}\n aria-label=\"${ifDefined(buttonLabel)}\"\n @click=${handleClick}>\n ${iconLoader(active ? Close16 : Menu16, { part: 'toggle-icon' })}\n </button>\n `;\n }\n\n /\n The name of the custom event fired after this header menu button is toggled upon a user gesture.\n */\n static get eventToggle() {\n return `${prefix}-header-menu-button-toggled`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSHeaderMenuButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAA,sBAAA,MACM,4BAA4B,WAAW,~~WAAW~~,CAAC;;;gBAuB9C;2BAMW;6BAME;;kBAYX;4BASU;;CAvDrB,eAAuB;EACrB,MAAM,SAAS,CAAC,KAAK;~~AACrB~~,~~OAAK~~,SAAS;~~AACd~~,~~OAAK~~,cACH,IAAI,YACD,KAAK,YAA2C,aACjD;GACE,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ,EACN,~~QACD~~;~~GACF~~,CACF,CACF~~;;CA0CH~~,SAAS;EACP,MAAM,EACJ,QACA,mBACA,qBACA,UACA,cAAc,gBACZ;EACJ,MAAM,cAAc,SAAS,oBAAoB;~~AAOjD~~,~~SAAO~~,IAAI;;;iBANK,SAAS;IACtB,wBAA8B;IAC9B,8BAAoC;IACpC,6BAAmC;IACnC,gCAAsC;~~GACxC~~,~~CAAC~~,~~CAImB~~;oBACL,SAAS;sBACP,UAAU,~~YAAY~~,~~CAAC~~;iBAC5B,YAAY;UACnB,WAAW,SAAS,UAAU,QAAQ,EAAE,MAAM,~~eAAe~~,CAAC,~~CAAC;;;;;;;CAQvE~~,WAAW,cAAc;~~AACvB~~,~~SAAO;;;2BAGkB~~;GACzB,GAAG,WAAW;GACd,gBAAgB;~~GACjB~~;;;~~gBACeA;;;YA1Ef~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,oBAAA,WAAA,UAAA,KAAA,~~EAAA~~;~~YAM1C~~,SAAS,EAAE,WAAW,~~uBAAuB~~,CAAC,CAAA,~~EAAA~~,oBAAA,WAAA,qBAAA,KAAA,~~EAAA~~;~~YAM9C~~,SAAS,EAAE,WAAW,~~yBAAyB~~,CAAC,CAAA,~~EAAA~~,oBAAA,WAAA,uBAAA,KAAA,~~EAAA~~;~~YAMhD~~,SAAS;CAAE,SAAS;CAAM,WAAW;~~CAAiB~~,CAAC,CAAA,~~EAAA~~,oBAAA,WAAA,gBAAA,KAAA,~~EAAA~~;~~YAMvD~~,SAAS;CAAE,MAAM;CAAS,SAAS;~~CAAM~~,CAAC,CAAA,~~EAAA~~,oBAAA,WAAA,YAAA,KAAA,~~EAAA~~;~~YAM1C~~,SAAS;CACR,MAAM;CACN,WAAW;~~CACZ~~,CAAC,CAAA,~~EAAA~~,oBAAA,WAAA,sBAAA,KAAA,~~EAAA~~;~~kCAxDHC~~,cAAc,~~yBAA+B~~,CAAA,~~EAAA~~,~~oBAAA~~;~~AAoG9C~~,IAAA,6BAAe"}
1	+ {"version":3,"file":"header-menu-button.js","names":["styles","customElement"],"sources":["../../../src/components/ui-shell/header-menu-button.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport Menu16 from '@carbon/icons/es/menu/16.js';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { SIDE_NAV_COLLAPSE_MODE } from './side-nav';\nimport styles from './header.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n The trigger button for side nav in header nav.\n \n @element cds-header-menu-button\n * @csspart button The button.\n * @csspart toggle-icon The toggle icon.\n * @fires cds-header-menu-button-toggled - The custom event fired after this header menu button is toggled upon a user gesture.\n /\n@customElement(`${prefix}-header-menu-button`)\nclass CDSHeaderMenuButton extends FocusMixin(LitElement) {\n private _handleClick() {\n const active = !this.active;\n this.active = active;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSHeaderMenuButton).eventToggle,\n {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n active,\n },\n }\n )\n );\n }\n\n /\n `true` if the button should represent its active state.\n /\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /\n The `aria-label` attribute for the button in its active state.\n /\n @property({ attribute: 'button-label-active' })\n buttonLabelActive = 'Close navigation menu';\n\n /\n The `aria-label` attribute for the button in its inactive state.\n /\n @property({ attribute: 'button-label-inactive' })\n buttonLabelInactive = 'Open navigation menu';\n\n /\n Collapse mode of the side nav.\n /\n @property({ reflect: true, attribute: 'collapse-mode' })\n collapseMode = SIDE_NAV_COLLAPSE_MODE.RESPONSIVE;\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n If `true` will style the side nav to sit below the header\n /\n @property({\n type: Boolean,\n attribute: 'is-not-child-of-header',\n })\n isNotChildOfHeader = false;\n\n render() {\n const {\n active,\n buttonLabelActive,\n buttonLabelInactive,\n disabled,\n _handleClick: handleClick,\n } = this;\n const buttonLabel = active ? buttonLabelActive : buttonLabelInactive;\n const classes = classMap({\n [`${prefix}--header__action`]: true,\n [`${prefix}--header__menu-trigger`]: true,\n [`${prefix}--header__menu-toggle`]: true,\n [`${prefix}--header__action--active`]: active,\n });\n return html`\n <button\n part=\"button\"\n class=\"${classes}\"\n ?disabled=${disabled}\n aria-label=\"${ifDefined(buttonLabel)}\"\n @click=${handleClick}>\n ${iconLoader(active ? Close16 : Menu16, { part: 'toggle-icon' })}\n </button>\n `;\n }\n\n /\n The name of the custom event fired after this header menu button is toggled upon a user gesture.\n */\n static get eventToggle() {\n return `${prefix}-header-menu-button-toggled`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSHeaderMenuButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAA,sBAAA,MACM,4BAA4B,WAAW,UAAU,CAAC,CAAC;;;gBAuB9C;2BAMW;6BAME;;kBAYX;4BASU;;CAvDrB,eAAuB;EACrB,MAAM,SAAS,CAAC,KAAK;EACrB,KAAK,SAAS;EACd,KAAK,cACH,IAAI,YACD,KAAK,YAA2C,aACjD;GACE,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ,EACN,OACF;EACF,CACF,CACF;CACF;CAyCA,SAAS;EACP,MAAM,EACJ,QACA,mBACA,qBACA,UACA,cAAc,gBACZ;EACJ,MAAM,cAAc,SAAS,oBAAoB;EAOjD,OAAO,IAAI;;;iBANK,SAAS;IACtB,wBAA8B;IAC9B,8BAAoC;IACpC,6BAAmC;IACnC,gCAAsC;EACzC,CAImB,EAAE;oBACL,SAAS;sBACP,UAAU,WAAW,EAAE;iBAC5B,YAAY;UACnB,WAAW,SAAS,UAAU,QAAQ,EAAE,MAAM,cAAc,CAAC,EAAE;;;CAGvE;;;;CAKA,WAAW,cAAc;EACvB,OAAO;CACT;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBACgBA;;AAClB;YA3EG,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,UAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,WAAW,sBAAsB,CAAC,CAAA,GAAA,oBAAA,WAAA,qBAAA,KAAA,CAAA;YAM7C,SAAS,EAAE,WAAW,wBAAwB,CAAC,CAAA,GAAA,oBAAA,WAAA,uBAAA,KAAA,CAAA;YAM/C,SAAS;CAAE,SAAS;CAAM,WAAW;AAAgB,CAAC,CAAA,GAAA,oBAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,oBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CACR,MAAM;CACN,WAAW;AACb,CAAC,CAAA,GAAA,oBAAA,WAAA,sBAAA,KAAA,CAAA;kCAxDFC,cAAc,wBAA8B,CAAA,GAAA,mBAAA;AAoG7C,IAAA,6BAAe"}

package/es/components/ui-shell/header-menu-item.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import header_nav_item_default from "./header-nav-item.js";
 //#region src/components/ui-shell/header-menu-item.ts
 /**

package/es/components/ui-shell/header-menu-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"header-menu-item.js","names":["CDSHeaderNavItem","customElement"],"sources":["../../../src/components/ui-shell/header-menu-item.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\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 { prefix } from '../../globals/settings';\nimport CDSHeaderNavItem from './header-nav-item';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Header submenu item.\n \n @element cds-header-menu-item\n */\n@customElement(`${prefix}-header-menu-item`)\nclass CDSHeaderMenuItem extends CDSHeaderNavItem {}\n\nexport default CDSHeaderMenuItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,oBAAA,MACM,0BAA0BA,wBAAiB;~~gCADhDC~~,cAAc,~~uBAA6B~~,CAAA,~~EAAA~~,~~kBAAA~~;~~AAG5C~~,IAAA,2BAAe"}
1	+ {"version":3,"file":"header-menu-item.js","names":["CDSHeaderNavItem","customElement"],"sources":["../../../src/components/ui-shell/header-menu-item.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2023\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 { prefix } from '../../globals/settings';\nimport CDSHeaderNavItem from './header-nav-item';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/\n Header submenu item.\n \n @element cds-header-menu-item\n */\n@customElement(`${prefix}-header-menu-item`)\nclass CDSHeaderMenuItem extends CDSHeaderNavItem {}\n\nexport default CDSHeaderMenuItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAA,oBAAA,MACM,0BAA0BA,wBAAiB,CAAC;gCADjDC,cAAc,sBAA4B,CAAA,GAAA,iBAAA;AAG3C,IAAA,2BAAe"}