dap-design-system 0.54.6 → 0.54.8

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.
@@ -47,6 +47,7 @@ export default class DapDSCodePuncher extends GenericFormElement {
47
47
  private _activeIndex;
48
48
  private _chars;
49
49
  private _hasFocus;
50
+ private _rawValue;
50
51
  static readonly styles: import('lit').CSSResult;
51
52
  private _patternRegex;
52
53
  private _provider;
@@ -4340,7 +4340,7 @@ const jr = (t) => {
4340
4340
  ], e.prototype, "tooltipAriaLabel"), e;
4341
4341
  }, pe = Ya(
4342
4342
  Za(jr(mt(Ln(M))))
4343
- ), Ju = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{display:inline-block;position:relative;width:auto;--dds-button-padding-x: var(--dds-spacing-300);--dds-button-padding-y: var(--dds-spacing-300);--dds-button-border-radius: var(--dds-radius-rounded);--dds-button-font-weight: 700;--dds-button-line-height: var(--dds-font-line-height-large);--dds-button-transition: all .2s ease-in-out;--dds-button-disabled-opacity: .5;--dds-button-size-lg: var(--dds-spacing-1200);--dds-button-size-md: var(--dds-spacing-1000);--dds-button-size-sm: var(--dds-spacing-800);--dds-button-size-xs: var(--dds-spacing-600);--dds-button-circle-lg: var(--dds-spacing-1200);--dds-button-circle-md: var(--dds-spacing-1000);--dds-button-circle-sm: var(--dds-spacing-800);--dds-button-circle-xs: var(--dds-spacing-600);--dds-button-primary-color-bg: var(--dds-button-primary-background-enabled);--dds-button-primary-color-bg-hover: var( --dds-button-primary-background-hover );--dds-button-primary-color-bg-active: var( --dds-button-primary-background-pressed );--dds-button-primary-color-bg-disabled: var( --dds-button-primary-background-disabled );--dds-button-primary-color-text: var(--dds-button-primary-text-enabled);--dds-button-primary-color-text-disabled: var( --dds-button-primary-text-disabled );--dds-button-primary-inverted-color-bg: var( --dds-button-primary-background-inverted-enabled );--dds-button-primary-inverted-color-bg-hover: var( --dds-button-primary-background-inverted-hover );--dds-button-primary-inverted-color-bg-active: var( --dds-button-primary-background-inverted-pressed );--dds-button-primary-inverted-color-bg-disabled: var( --dds-button-primary-background-inverted-disabled );--dds-button-primary-inverted-color-text: var( --dds-button-primary-text-inverted );--dds-button-primary-inverted-color-text-disabled: var( --dds-button-primary-text-inverted-disabled );--dds-button-outline-color-border: var(--dds-button-outline-border-enabled);--dds-button-outline-color-border-hover: var( --dds-button-outline-border-hover );--dds-button-outline-color-border-active: var( --dds-button-outline-border-pressed );--dds-button-outline-color-border-disabled: var( --dds-button-outline-border-disabled );--dds-button-outline-color-text: var(--dds-button-outline-text-enabled);--dds-button-outline-color-text-hover: var(--dds-button-outline-text-hover);--dds-button-outline-color-text-active: var( --dds-button-outline-text-pressed );--dds-button-outline-color-text-disabled: var( --dds-button-outline-text-disabled );--dds-button-outline-inverted-color-border: var( --dds-button-outline-border-inverted-enabled );--dds-button-outline-inverted-color-border-hover: var( --dds-button-outline-border-inverted-hover );--dds-button-outline-inverted-color-border-active: var( --dds-button-outline-border-inverted-pressed );--dds-button-outline-inverted-color-border-disabled: var( --dds-button-outline-border-inverted-disabled );--dds-button-outline-inverted-color-text: var( --dds-button-outline-text-inverted-enabled );--dds-button-outline-inverted-color-text-hover: var( --dds-button-outline-text-inverted-hover );--dds-button-outline-inverted-color-text-active: var( --dds-button-outline-text-inverted-pressed );--dds-button-outline-inverted-color-text-disabled: var( --dds-button-outline-text-inverted-disabled );--dds-button-subtle-color-bg: var(--dds-button-subtle-background-enabled);--dds-button-subtle-color-bg-hover: var(--dds-button-subtle-background-hover);--dds-button-subtle-color-bg-active: var( --dds-button-subtle-background-pressed );--dds-button-subtle-color-bg-disabled: var( --dds-button-subtle-background-disabled );--dds-button-subtle-color-border: var(--dds-button-subtle-border-enabled);--dds-button-subtle-color-border-hover: var(--dds-button-subtle-border-hover);--dds-button-subtle-color-border-active: var( --dds-button-subtle-border-pressed );--dds-button-subtle-color-border-disabled: var( --dds-button-subtle-border-disabled );--dds-button-subtle-color-text: var(--dds-button-subtle-text-enabled);--dds-button-subtle-color-text-hover: var(--dds-button-subtle-text-hover);--dds-button-subtle-color-text-active: var(--dds-button-subtle-text-pressed);--dds-button-subtle-color-text-disabled: var( --dds-button-subtle-text-disabled );--dds-button-subtle-destructive-color-text: var( --dds-button-subtle-text-destructive-enabled );--dds-button-subtle-destructive-color-text-hover: var( --dds-button-subtle-text-destructive-hover );--dds-button-subtle-destructive-color-text-active: var( --dds-button-subtle-text-destructive-pressed );--dds-button-subtle-destructive-color-border: var( --dds-button-subtle-border-destructive-enabled );--dds-button-subtle-destructive-color-border-hover: var( --dds-button-subtle-border-destructive-hover );--dds-button-subtle-destructive-color-border-active: var( --dds-button-subtle-border-destructive-pressed );--dds-button-subtle-destructive-color-bg: var( --dds-button-subtle-background-destructive-enabled );--dds-button-subtle-destructive-color-bg-hover: var( --dds-button-subtle-background-destructive-hover );--dds-button-subtle-destructive-color-bg-active: var( --dds-button-subtle-background-destructive-pressed );--dds-button-clean-color-text: var(--dds-text-link-base);--dds-button-clean-color-text-hover: var(--dds-text-link-hover);--dds-button-clean-color-text-active: var(--dds-text-link-pressed);--dds-button-clean-color-text-disabled: var(--dds-text-neutral-disabled);--dds-button-clean-inverted-color-text: var( --dds-button-primary-text-inverted );--dds-button-clean-inverted-color-text-hover: var( --dds-button-primary-text-inverted );--dds-button-clean-inverted-color-text-active: var( --dds-button-primary-text-inverted );--dds-button-clean-inverted-color-text-disabled: var( --dds-text-neutral-disabled );--dds-button-danger-color-bg: var( --dds-button-primary-background-destructive-enabled );--dds-button-danger-color-bg-hover: var( --dds-button-primary-background-destructive-hover );--dds-button-danger-color-bg-active: var( --dds-button-primary-background-destructive-pressed );--dds-button-danger-color-text: var(--dds-button-primary-text-enabled);--dds-button-danger-outline-color-border: var( --dds-button-outline-border-destructive-enabled );--dds-button-danger-outline-color-border-hover: var( --dds-button-outline-border-destructive-hover );--dds-button-danger-outline-color-border-active: var( --dds-button-outline-border-destructive-pressed );--dds-button-danger-outline-color-text: var( --dds-button-outline-text-destructive-enabled );--dds-button-danger-outline-color-text-hover: var( --dds-button-outline-text-destructive-hover );--dds-button-danger-outline-color-text-active: var( --dds-button-outline-text-destructive-pressed );--dds-button-subtle-menu-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-opened-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-opened-border: transparent;--dds-button-subtle-menu-opened-background: var( --dds-button-subtle-background-neutral-pressed );--dds-button-subtle-menu-opened-color: var( --dds-button-subtle-text-neutral-hover );--dds-button-subtle-menu-item-color-bg: transparent;--dds-button-subtle-menu-item-color-bg-hover: var( --dds-transparent-black-subtle );--dds-button-subtle-menu-item-color-bg-active: var( --dds-transparent-black-subtle );--dds-button-subtle-menu-item-color-text: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-hover: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-active: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-disabled: var( --dds-text-primary-base );--dds-button-subtle-menu-item-padding: var(--dds-spacing-100) var(--dds-spacing-200);--dds-button-subtle-menu-item-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-item-font-weight: var(--dds-font-weight-medium);--dds-button-subtle-menu-item-font-size: var(--dds-font-size-base);--dds-button-subtle-menu-item-line-height: var(--dds-font-line-height-xlarge)}:host([variant=subtle-menu][aria-expanded=true]) .button{border-radius:var(--dds-button-subtle-menu-opened-border-radius);border-color:var(--dds-button-subtle-menu-opened-border);background-color:var(--dds-button-subtle-menu-opened-background);color:var(--dds-button-subtle-menu-opened-color)}:host([data-oklch-poc]){--dds-button-primary-color-bg: var(--dds-button-primary-background-enabled);--dds-button-primary-color-bg-hover: var( --dds-button-primary-background-hover );--dds-button-primary-color-bg-active: var( --dds-button-primary-background-pressed );--dds-button-primary-color-bg-disabled: var( --dds-button-primary-background-disabled );--dds-button-primary-color-text: var(--dds-button-primary-text-enabled);--dds-button-primary-color-text-disabled: var( --dds-button-primary-text-disabled )}a{text-decoration:none}.button__highcontrast{position:absolute;width:100%;height:100%;border:var(--dds-border-width-base) solid var(--dds-border-neutral-transparent-interactive, #fff500);border-radius:var(--dds-radius-rounded)}.button__highcontrast:hover{border-width:var(--dds-border-width-large);border-color:var(--dds-border-neutral-transparent-interactive, #fff500)}.button__highcontrast:active{border-width:var(--dds-border-width-xlarge)}.button{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:inline-flex;position:relative;flex-direction:row;align-items:center;justify-content:center;width:auto;column-gap:var(--dds-spacing-100);transition:var(--dds-button-transition);border-width:0;border-radius:var(--dds-button-border-radius);font-weight:var(--dds-button-font-weight);line-height:var(--dds-button-line-height);cursor:pointer}.button:focus-visible{outline-style:solid}.button .button__text{padding:0 var(--dds-spacing-100)}.button .button__text span{line-height:var(--dds-button-line-height)}.button[disabled]{opacity:var(--dds-button-disabled-opacity);cursor:not-allowed}.button[disabled]:focus-visible{outline-style:solid}.button[disabled]>*{pointer-events:none}.button.dds-button--loading .button__spinner{display:flex;position:absolute;align-items:center;justify-content:center;animation:dds-spin 1s linear infinite}.button.dds-button--loading .button__text{opacity:0}.button--lg{min-width:var(--dds-spacing-2400);height:var(--dds-button-size-lg);padding:var(--dds-button-padding-y) var(--dds-button-padding-x);font-size:1.125rem}.button--lg.dds-button--circle{width:var(--dds-button-circle-lg);min-width:0;height:var(--dds-button-circle-lg);padding:0}.button--md{min-width:var(--dds-spacing-2000);height:var(--dds-button-size-md);padding:var(--dds-button-padding-y) var(--dds-button-padding-x);font-size:1rem}.button--md.dds-button--circle{width:var(--dds-button-circle-md);min-width:0;max-width:var(--dds-button-circle-md);height:var(--dds-button-circle-md);padding:0}.button--sm{min-width:var(--dds-spacing-1200);height:var(--dds-button-size-sm);padding:var(--dds-button-padding-y) var(--dds-button-padding-x);font-size:.875rem}.button--sm.dds-button--circle{width:var(--dds-button-circle-sm);min-width:0;max-width:var(--dds-button-circle-sm);height:var(--dds-button-circle-sm);padding:3px}.button--xs{min-width:var(--dds-spacing-1200);height:var(--dds-button-size-xs);padding:var(--dds-button-padding-y) var(--dds-button-padding-x);font-size:var(--dds-font-xs)}.button--xs.dds-button--circle{width:var(--dds-button-circle-xs);min-width:0;max-width:var(--dds-button-circle-xs);height:var(--dds-button-circle-xs);padding:3px}.button--icon{border-width:0;background-color:var(--dds-black-5);color:var(--dds-icon-neutral-base)}.button--icon:hover{background-color:var(--dds-black-10)}.button--icon:active{background-color:var(--dds-black-20)}.button--icon.disabled{border-width:0;background-color:transparent;cursor:not-allowed}.button--icon.disabled:hover{background-color:transparent}.button--primary{background-color:var(--dds-button-primary-color-bg);color:var(--dds-button-primary-color-text)}.button--primary:hover{background-color:var(--dds-button-primary-color-bg-hover)}.button--primary:active{background-color:var(--dds-button-primary-color-bg-active)}.button--primary[disabled]{background-color:var(--dds-button-primary-color-bg-disabled);color:var(--dds-button-primary-color-text-disabled)}.button--primary.dds-link{color:var(--dds-button-primary-color-text);text-decoration:none}.button--primary.dds-link:hover,.button--primary.dds-link:active{color:var(--dds-button-primary-color-text)}.button--primary.dds-button--active{background-color:var(--dds-button-primary-color-bg-hover)}.button--primary-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);background-color:var(--dds-button-primary-inverted-color-bg);color:var(--dds-button-primary-inverted-color-text)}.button--primary-inverted:hover{background-color:var(--dds-button-primary-inverted-color-bg-hover)}.button--primary-inverted:active{background-color:var(--dds-button-primary-inverted-color-bg-active)}.button--primary-inverted[disabled]{background-color:var(--dds-button-primary-inverted-color-bg-disabled);color:var(--dds-button-primary-inverted-color-text-disabled)}.button--primary-inverted.dds-link{color:var(--dds-button-primary-inverted-color-text);text-decoration:none}.button--primary-inverted.dds-link:hover,.button--primary-inverted.dds-link:active{color:var(--dds-button-primary-inverted-color-text)}.button--primary-inverted.dds-button--active{background-color:var(--dds-button-primary-inverted-color-bg-hover)}.button--primary.dds-button--danger,.button--primary-inverted.dds-button--danger{background-color:var(--dds-button-danger-color-bg);color:var(--dds-button-danger-color-text)}.button--primary.dds-button--danger:hover,.button--primary-inverted.dds-button--danger:hover{background-color:var(--dds-button-danger-color-bg-hover)}.button--primary.dds-button--danger:active,.button--primary-inverted.dds-button--danger:active{background-color:var(--dds-button-danger-color-bg-active)}.button--primary[disabled],.button--primary-inverted[disabled],.button--primary[disabled]:hover,.button--primary-inverted[disabled]:hover,.button--primary[disabled]:active,.button--primary-inverted[disabled]:active{background-color:var(--dds-button-primary-color-bg-disabled);color:var(--dds-button-primary-color-text-disabled)}.button--outline{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-color-border);background-color:transparent;color:var(--dds-button-outline-color-text)}.button--outline:hover{border-color:var(--dds-button-outline-color-border-hover);color:var(--dds-button-outline-color-text-hover)}.button--outline:active{border-color:var(--dds-button-outline-color-border-active);color:var(--dds-button-outline-color-text-active)}.button--outline[disabled]{border-color:var(--dds-button-outline-color-border-disabled);color:var(--dds-button-outline-color-text-disabled)}.button--outline.dds-link{color:var(--dds-button-outline-color-text);text-decoration:none}.button--outline.dds-link:hover{color:var(--dds-button-outline-color-text-hover)}.button--outline.dds-link:active{color:var(--dds-button-outline-color-text-active)}.button--outline.dds-button--active{border-color:var(--dds-button-outline-color-border-hover);color:var(--dds-button-outline-color-text-hover)}.button--outline-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-inverted-color-border);background-color:transparent;color:var(--dds-button-outline-inverted-color-text)}.button--outline-inverted:hover{border-color:var(--dds-button-outline-inverted-color-border-hover);color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline-inverted:active{border-color:var(--dds-button-outline-inverted-color-border-active);color:var(--dds-button-outline-inverted-color-text-active)}.button--outline-inverted[disabled]{border-color:var(--dds-button-outline-inverted-color-border-disabled);color:var(--dds-button-outline-inverted-color-text-disabled)}.button--outline-inverted.dds-link{color:var(--dds-button-outline-inverted-color-text);text-decoration:none}.button--outline-inverted.dds-link:hover{color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline-inverted.dds-link:active{color:var(--dds-button-outline-inverted-color-text-active)}.button--outline-inverted.dds-button--active{border-color:var(--dds-button-outline-inverted-color-border-hover);color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline.dds-button--danger,.button--outline-inverted.dds-button--danger{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-danger-outline-color-border);background-color:transparent;color:var(--dds-button-danger-outline-color-text)}.button--outline.dds-button--danger:hover,.button--outline-inverted.dds-button--danger:hover{border-color:var(--dds-button-danger-outline-color-border-hover);color:var(--dds-button-danger-outline-color-text-hover)}.button--outline.dds-button--danger:active,.button--outline-inverted.dds-button--danger:active{border-color:var(--dds-button-danger-outline-color-border-active);color:var(--dds-button-danger-outline-color-text-active)}.button--outline[disabled],.button--outline-inverted[disabled]{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-color-border-disabled);background-color:transparent;color:var(--dds-button-outline-color-text-disabled)}.button--subtle{border:var(--dds-border-width-base) solid var(--dds-button-subtle-color-border);background-color:var(--dds-button-subtle-color-bg);color:var(--dds-button-subtle-color-text)}.button--subtle:hover{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle:active{border-color:var(--dds-button-subtle-color-border-active);background-color:var(--dds-button-subtle-color-bg-active);color:var(--dds-button-subtle-color-text-active)}.button--subtle[disabled]{border-color:var(--dds-button-subtle-color-border-disabled);background-color:var(--dds-button-subtle-color-bg-disabled);color:var(--dds-button-subtle-color-text-disabled)}.button--subtle.dds-link{color:var(--dds-button-subtle-color-text);text-decoration:none}.button--subtle.dds-link:hover{color:var(--dds-button-subtle-color-text-hover)}.button--subtle.dds-link:active{color:var(--dds-button-subtle-color-text-active)}.button--subtle.dds-button--danger{border:var(--dds-border-width-base) solid var(--dds-button-subtle-destructive-color-border);background-color:var(--dds-button-subtle-destructive-color-bg);color:var(--dds-button-subtle-destructive-color-text)}.button--subtle.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle.dds-button--active{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle-neutral{border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-neutral-enabled);background-color:var(--dds-button-subtle-background-neutral-enabled);color:var(--dds-button-subtle-text-neutral-enabled)}.button--subtle-neutral:hover{border-color:var(--dds-button-subtle-border-neutral-hover);background-color:var(--dds-button-subtle-background-neutral-hover);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-neutral:active{border-color:var(--dds-button-subtle-border-neutral-pressed);background-color:var(--dds-button-subtle-background-neutral-pressed);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-neutral.dds-link{color:var(--dds-button-subtle-text-neutral-enabled);text-decoration:none}.button--subtle-neutral.dds-link:hover,.button--subtle-neutral.dds-link:active{color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-neutral.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-neutral.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-neutral.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-neutral.dds-button--active{border-color:var(--dds-button-subtle-border-neutral-hover);background-color:var(--dds-button-subtle-background-neutral-hover);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-menu{border:var(--dds-border-width-base) solid transparent;border-radius:var(--dds-button-subtle-menu-border-radius);background-color:transparent;color:var(--dds-button-subtle-text-neutral-enabled)}.button--subtle-menu:hover{border-color:transparent;background-color:var(--dds-button-subtle-background-neutral-hover);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-menu:active{border-color:transparent;background-color:var(--dds-button-subtle-background-neutral-pressed);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-menu.dds-link{color:var(--dds-button-subtle-text-neutral-enabled);text-decoration:none}.button--subtle-menu.dds-link:hover,.button--subtle-menu.dds-link:active{color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-menu.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-menu.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-menu.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-menu.dds-button--active{background-color:var(--dds-button-subtle-background-neutral-hover)}.button--subtle-menu-item{display:flex;align-items:center;width:100%;min-width:auto;height:auto;padding:var(--dds-button-subtle-menu-item-padding);border:0;border-radius:var(--dds-button-subtle-menu-item-border-radius);background-color:var(--dds-button-subtle-menu-item-color-bg);color:var(--dds-button-subtle-menu-item-color-text);font-family:var(--dds-font-type);font-size:var(--dds-button-subtle-menu-item-font-size);font-weight:var(--dds-button-subtle-menu-item-font-weight);line-height:var(--dds-button-subtle-menu-item-line-height);text-align:left;text-decoration:none}.button--subtle-menu-item .button__text{display:flex;flex:1;align-items:center;padding:0;gap:var(--dds-spacing-100)}.button--subtle-menu-item:hover:not([disabled]){background-color:var(--dds-button-subtle-menu-item-color-bg-hover);color:var(--dds-button-subtle-menu-item-color-text-hover)}.button--subtle-menu-item:active:not([disabled]){background-color:var(--dds-button-subtle-menu-item-color-bg-active);color:var(--dds-button-subtle-menu-item-color-text-active)}.button--subtle-menu-item:focus-visible:not([disabled]){outline-style:solid}.button--subtle-menu-item.dds-button--active{background-color:var(--dds-button-subtle-menu-item-color-bg-hover);color:var(--dds-button-subtle-menu-item-color-text)}.button--subtle-menu-item[disabled]{opacity:.5;color:var(--dds-button-subtle-menu-item-color-text-disabled);cursor:not-allowed}.button--subtle-menu-item.dds-link{color:var(--dds-button-subtle-menu-item-color-text);text-decoration:none}.button--subtle-menu-item.dds-link:hover{color:var(--dds-button-subtle-menu-item-color-text-hover)}.button--subtle-menu-item.dds-link:active{color:var(--dds-button-subtle-menu-item-color-text-active)}.button--subtle-quiet{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-color-text)}.button--subtle-quiet:hover{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle-quiet:active{border-color:var(--dds-button-subtle-color-border-active);background-color:var(--dds-button-subtle-color-bg-active);color:var(--dds-button-subtle-color-text-active)}.button--subtle-quiet[disabled]{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-color-text-disabled)}.button--subtle-quiet.dds-link{color:var(--dds-button-subtle-color-text);text-decoration:none}.button--subtle-quiet.dds-link:hover{color:var(--dds-button-subtle-color-text-hover)}.button--subtle-quiet.dds-link:active{color:var(--dds-button-subtle-color-text-active)}.button--subtle-quiet.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-quiet.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-quiet.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-quiet.dds-button--active{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-inverted-enabled);background-color:var(--dds-button-subtle-background-inverted-enabled);color:var(--dds-button-subtle-text-inverted)}.button--subtle-inverted:hover{background-color:var(--dds-button-subtle-background-inverted-hover);color:var(--dds-button-subtle-text-inverted)}.button--subtle-inverted:active{background-color:var(--dds-button-subtle-background-inverted-pressed);color:var(--dds-button-subtle-text-inverted)}.button--subtle-inverted:focus-visible{border-color:var(--dds-focus-inner-ring)}.button--subtle-inverted.dds-link{color:var(--dds-button-subtle-text-enabled);text-decoration:none}.button--subtle-inverted.dds-link:hover{color:var(--dds-button-subtle-text-hover)}.button--subtle-inverted.dds-link:active{color:var(--dds-button-subtle-text-pressed)}.button--subtle-inverted.dds-button--active{background-color:var(--dds-button-subtle-background-inverted-hover);color:var(--dds-button-subtle-text-inverted)}.button--subtle-quiet-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-text-inverted)}.button--subtle-quiet-inverted:hover{border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-inverted-enabled);background-color:var(--dds-button-subtle-background-inverted-hover);color:var(--dds-button-subtle-text-inverted)}.button--subtle-quiet-inverted:active{border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-inverted-enabled);background-color:var(--dds-button-subtle-background-inverted-pressed);color:var(--dds-button-subtle-text-inverted)}.button--subtle-quiet-inverted:focus-visible{border-color:var(--dds-focus-inner-ring)}.button--subtle-quiet-inverted.dds-link{color:var(--dds-button-subtle-text-enabled);text-decoration:none}.button--subtle-quiet-inverted.dds-link:hover{color:var(--dds-button-subtle-text-hover)}.button--subtle-quiet-inverted.dds-link:active{color:var(--dds-button-subtle-text-pressed)}.button--subtle-quiet-inverted.dds-button--active{border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-inverted-enabled);background-color:var(--dds-button-subtle-background-inverted-hover);color:var(--dds-button-subtle-text-inverted)}.button--clean{width:auto;min-width:auto;height:auto;padding:0;border-width:0;background-color:transparent;color:var(--dds-button-clean-text)}.button--clean .button__text{padding:0}.button--clean:hover{color:var(--dds-button-clean-text-hover)}.button--clean:active{color:var(--dds-button-clean-text-active)}.button--clean[disabled]{color:var(--dds-button-clean-text-disabled)}.button--clean-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);width:auto;min-width:auto;height:auto;padding:0;border-width:0;background-color:transparent;color:var(--dds-button-clean-inverted-text)}.button--clean-inverted .button__text{padding:0}.button--clean-inverted:hover{color:var(--dds-button-clean-inverted-text-hover)}.button--clean-inverted:active{color:var(--dds-button-clean-inverted-text-active)}.button--clean-inverted[disabled]{color:var(--dds-button-clean-inverted-text-disabled)}.button--clean.dds-button--danger,.button--clean-inverted.dds-button--danger{border-width:0;background-color:transparent;color:var(--dds-button-danger-clean-text)}.button--clean.dds-button--danger:hover,.button--clean-inverted.dds-button--danger:hover{color:var(--dds-button-danger-clean-text-hover)}.button--clean.dds-button--danger:active,.button--clean-inverted.dds-button--danger:active{color:var(--dds-button-danger-clean-text-active)}.button--clean[disabled],.button--clean-inverted[disabled]{border-width:0;background-color:transparent;color:var(--dds-text-neutral-disabled)}.button--clean[disabled]:hover,.button--clean-inverted[disabled]:hover{background-color:transparent;color:var(--dds-text-neutral-disabled)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}", Ks = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Gs = v, An = (t, e) => (i) => {
4343
+ ), Ju = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{display:inline-block;position:relative;width:auto;--dds-button-padding-x: var(--dds-spacing-300);--dds-button-padding-y: var(--dds-spacing-300);--dds-button-border-radius: var(--dds-radius-rounded);--dds-button-font-weight: 700;--dds-button-line-height: var(--dds-font-line-height-large);--dds-button-transition: all .2s ease-in-out;--dds-button-disabled-opacity: .5;--dds-button-size-lg: var(--dds-spacing-1200);--dds-button-size-md: var(--dds-spacing-1000);--dds-button-size-sm: var(--dds-spacing-800);--dds-button-size-xs: var(--dds-spacing-600);--dds-button-circle-lg: var(--dds-spacing-1200);--dds-button-circle-md: var(--dds-spacing-1000);--dds-button-circle-sm: var(--dds-spacing-800);--dds-button-circle-xs: var(--dds-spacing-600);--dds-button-primary-color-bg: var(--dds-button-primary-background-enabled);--dds-button-primary-color-bg-hover: var( --dds-button-primary-background-hover );--dds-button-primary-color-bg-active: var( --dds-button-primary-background-pressed );--dds-button-primary-color-bg-disabled: var( --dds-button-primary-background-disabled );--dds-button-primary-color-text: var(--dds-button-primary-text-enabled);--dds-button-primary-color-text-disabled: var( --dds-button-primary-text-disabled );--dds-button-primary-inverted-color-bg: var( --dds-button-primary-background-inverted-enabled );--dds-button-primary-inverted-color-bg-hover: var( --dds-button-primary-background-inverted-hover );--dds-button-primary-inverted-color-bg-active: var( --dds-button-primary-background-inverted-pressed );--dds-button-primary-inverted-color-bg-disabled: var( --dds-button-primary-background-inverted-disabled );--dds-button-primary-inverted-color-text: var( --dds-button-primary-text-inverted );--dds-button-primary-inverted-color-text-disabled: var( --dds-button-primary-text-inverted-disabled );--dds-button-outline-color-border: var(--dds-button-outline-border-enabled);--dds-button-outline-color-border-hover: var( --dds-button-outline-border-hover );--dds-button-outline-color-border-active: var( --dds-button-outline-border-pressed );--dds-button-outline-color-border-disabled: var( --dds-button-outline-border-disabled );--dds-button-outline-color-text: var(--dds-button-outline-text-enabled);--dds-button-outline-color-text-hover: var(--dds-button-outline-text-hover);--dds-button-outline-color-text-active: var( --dds-button-outline-text-pressed );--dds-button-outline-color-text-disabled: var( --dds-button-outline-text-disabled );--dds-button-outline-inverted-color-border: var( --dds-button-outline-border-inverted-enabled );--dds-button-outline-inverted-color-border-hover: var( --dds-button-outline-border-inverted-hover );--dds-button-outline-inverted-color-border-active: var( --dds-button-outline-border-inverted-pressed );--dds-button-outline-inverted-color-border-disabled: var( --dds-button-outline-border-inverted-disabled );--dds-button-outline-inverted-color-text: var( --dds-button-outline-text-inverted-enabled );--dds-button-outline-inverted-color-text-hover: var( --dds-button-outline-text-inverted-hover );--dds-button-outline-inverted-color-text-active: var( --dds-button-outline-text-inverted-pressed );--dds-button-outline-inverted-color-text-disabled: var( --dds-button-outline-text-inverted-disabled );--dds-button-subtle-color-bg: var(--dds-button-subtle-background-enabled);--dds-button-subtle-color-bg-hover: var(--dds-button-subtle-background-hover);--dds-button-subtle-color-bg-active: var( --dds-button-subtle-background-pressed );--dds-button-subtle-color-bg-disabled: var( --dds-button-subtle-background-disabled );--dds-button-subtle-color-border: var(--dds-button-subtle-border-enabled);--dds-button-subtle-color-border-hover: var(--dds-button-subtle-border-hover);--dds-button-subtle-color-border-active: var( --dds-button-subtle-border-pressed );--dds-button-subtle-color-border-disabled: var( --dds-button-subtle-border-disabled );--dds-button-subtle-color-text: var(--dds-button-subtle-text-enabled);--dds-button-subtle-color-text-hover: var(--dds-button-subtle-text-hover);--dds-button-subtle-color-text-active: var(--dds-button-subtle-text-pressed);--dds-button-subtle-color-text-disabled: var( --dds-button-subtle-text-disabled );--dds-button-subtle-destructive-color-text: var( --dds-button-subtle-text-destructive-enabled );--dds-button-subtle-destructive-color-text-hover: var( --dds-button-subtle-text-destructive-hover );--dds-button-subtle-destructive-color-text-active: var( --dds-button-subtle-text-destructive-pressed );--dds-button-subtle-destructive-color-border: var( --dds-button-subtle-border-destructive-enabled );--dds-button-subtle-destructive-color-border-hover: var( --dds-button-subtle-border-destructive-hover );--dds-button-subtle-destructive-color-border-active: var( --dds-button-subtle-border-destructive-pressed );--dds-button-subtle-destructive-color-bg: var( --dds-button-subtle-background-destructive-enabled );--dds-button-subtle-destructive-color-bg-hover: var( --dds-button-subtle-background-destructive-hover );--dds-button-subtle-destructive-color-bg-active: var( --dds-button-subtle-background-destructive-pressed );--dds-button-clean-color-text: var(--dds-text-link-base);--dds-button-clean-color-text-hover: var(--dds-text-link-hover);--dds-button-clean-color-text-active: var(--dds-text-link-pressed);--dds-button-clean-color-text-disabled: var(--dds-text-neutral-disabled);--dds-button-clean-inverted-color-text: var( --dds-button-primary-text-inverted );--dds-button-clean-inverted-color-text-hover: var( --dds-button-primary-text-inverted );--dds-button-clean-inverted-color-text-active: var( --dds-button-primary-text-inverted );--dds-button-clean-inverted-color-text-disabled: var( --dds-text-neutral-disabled );--dds-button-danger-color-bg: var( --dds-button-primary-background-destructive-enabled );--dds-button-danger-color-bg-hover: var( --dds-button-primary-background-destructive-hover );--dds-button-danger-color-bg-active: var( --dds-button-primary-background-destructive-pressed );--dds-button-danger-color-text: var(--dds-button-primary-text-enabled);--dds-button-danger-outline-color-border: var( --dds-button-outline-border-destructive-enabled );--dds-button-danger-outline-color-border-hover: var( --dds-button-outline-border-destructive-hover );--dds-button-danger-outline-color-border-active: var( --dds-button-outline-border-destructive-pressed );--dds-button-danger-outline-color-text: var( --dds-button-outline-text-destructive-enabled );--dds-button-danger-outline-color-text-hover: var( --dds-button-outline-text-destructive-hover );--dds-button-danger-outline-color-text-active: var( --dds-button-outline-text-destructive-pressed );--dds-button-subtle-menu-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-opened-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-opened-border: transparent;--dds-button-subtle-menu-opened-background: var( --dds-button-subtle-background-neutral-pressed );--dds-button-subtle-menu-opened-color: var( --dds-button-subtle-text-neutral-hover );--dds-button-subtle-menu-item-color-bg: transparent;--dds-button-subtle-menu-item-color-bg-hover: var( --dds-transparent-black-subtle );--dds-button-subtle-menu-item-color-bg-active: var( --dds-transparent-black-subtle );--dds-button-subtle-menu-item-color-text: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-hover: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-active: var(--dds-text-primary-base);--dds-button-subtle-menu-item-color-text-disabled: var( --dds-text-primary-base );--dds-button-subtle-menu-item-padding: var(--dds-spacing-100) var(--dds-spacing-200);--dds-button-subtle-menu-item-border-radius: var(--dds-radius-small);--dds-button-subtle-menu-item-font-weight: var(--dds-font-weight-medium);--dds-button-subtle-menu-item-font-size: var(--dds-font-size-base);--dds-button-subtle-menu-item-line-height: var(--dds-font-line-height-xlarge)}:host([variant=subtle-menu][aria-expanded=true]) .button{border-radius:var(--dds-button-subtle-menu-opened-border-radius);border-color:var(--dds-button-subtle-menu-opened-border);background-color:var(--dds-button-subtle-menu-opened-background);color:var(--dds-button-subtle-menu-opened-color)}:host([data-oklch-poc]){--dds-button-primary-color-bg: var(--dds-button-primary-background-enabled);--dds-button-primary-color-bg-hover: var( --dds-button-primary-background-hover );--dds-button-primary-color-bg-active: var( --dds-button-primary-background-pressed );--dds-button-primary-color-bg-disabled: var( --dds-button-primary-background-disabled );--dds-button-primary-color-text: var(--dds-button-primary-text-enabled);--dds-button-primary-color-text-disabled: var( --dds-button-primary-text-disabled )}a{text-decoration:none}.button__highcontrast{position:absolute;width:100%;height:100%;border:var(--dds-border-width-base) solid var(--dds-border-neutral-transparent-interactive, #fff500);border-radius:var(--dds-radius-rounded)}.button__highcontrast:hover{border-width:var(--dds-border-width-large);border-color:var(--dds-border-neutral-transparent-interactive, #fff500)}.button__highcontrast:active{border-width:var(--dds-border-width-xlarge)}.button{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:inline-flex;position:relative;flex-direction:row;align-items:center;justify-content:center;width:auto;column-gap:var(--dds-spacing-100);transition:var(--dds-button-transition);border-width:0;border-radius:var(--dds-button-border-radius);font-weight:var(--dds-button-font-weight);line-height:var(--dds-button-line-height);cursor:pointer}.button:focus-visible{outline-style:solid}.button .button__text{padding:0 var(--dds-spacing-100)}.button .button__text span{line-height:var(--dds-button-line-height)}.button[disabled]{opacity:var(--dds-button-disabled-opacity);cursor:not-allowed}.button[disabled]:focus-visible{outline-style:solid}.button[disabled]>*{pointer-events:none}.button.dds-button--loading .button__spinner{display:flex;position:absolute;align-items:center;justify-content:center;animation:dds-spin 1s linear infinite}.button.dds-button--loading .button__text{opacity:0}.button--lg{min-width:var(--dds-spacing-2400);height:var(--dds-button-size-lg);padding:var(--dds-button-padding-y) var(--dds-button-padding-x);font-size:1.125rem}.button--lg.dds-button--circle{width:var(--dds-button-circle-lg);min-width:0;height:var(--dds-button-circle-lg);padding:0}.button--md{min-width:var(--dds-spacing-2000);height:var(--dds-button-size-md);padding:var(--dds-button-padding-y) var(--dds-button-padding-x);font-size:1rem}.button--md.dds-button--circle{width:var(--dds-button-circle-md);min-width:0;max-width:var(--dds-button-circle-md);height:var(--dds-button-circle-md);padding:0}.button--sm{min-width:var(--dds-spacing-1200);height:var(--dds-button-size-sm);padding:var(--dds-button-padding-y) var(--dds-button-padding-x);font-size:.875rem}.button--sm.dds-button--circle{width:var(--dds-button-circle-sm);min-width:0;max-width:var(--dds-button-circle-sm);height:var(--dds-button-circle-sm);padding:3px}.button--xs{min-width:var(--dds-spacing-1200);height:var(--dds-button-size-xs);padding:var(--dds-button-padding-y) var(--dds-button-padding-x);font-size:var(--dds-font-xs)}.button--xs.dds-button--circle{width:var(--dds-button-circle-xs);min-width:0;max-width:var(--dds-button-circle-xs);height:var(--dds-button-circle-xs);padding:3px}.button--icon{border-width:0;background-color:var(--dds-black-5);color:var(--dds-icon-neutral-base)}.button--icon:hover{background-color:var(--dds-black-10)}.button--icon:active{background-color:var(--dds-black-20)}.button--icon.disabled{border-width:0;background-color:transparent;cursor:not-allowed}.button--icon.disabled:hover{background-color:transparent}.button--primary{background-color:var(--dds-button-primary-color-bg);color:var(--dds-button-primary-color-text)}.button--primary:hover{background-color:var(--dds-button-primary-color-bg-hover)}.button--primary:active{background-color:var(--dds-button-primary-color-bg-active)}.button--primary[disabled]{background-color:var(--dds-button-primary-color-bg-disabled);color:var(--dds-button-primary-color-text-disabled)}.button--primary.dds-link{color:var(--dds-button-primary-color-text);text-decoration:none}.button--primary.dds-link:hover,.button--primary.dds-link:active{color:var(--dds-button-primary-color-text)}.button--primary.dds-button--active{background-color:var(--dds-button-primary-color-bg-hover)}.button--primary-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);background-color:var(--dds-button-primary-inverted-color-bg);color:var(--dds-button-primary-inverted-color-text)}.button--primary-inverted:hover{background-color:var(--dds-button-primary-inverted-color-bg-hover)}.button--primary-inverted:active{background-color:var(--dds-button-primary-inverted-color-bg-active)}.button--primary-inverted[disabled]{background-color:var(--dds-button-primary-inverted-color-bg-disabled);color:var(--dds-button-primary-inverted-color-text-disabled)}.button--primary-inverted.dds-link{color:var(--dds-button-primary-inverted-color-text);text-decoration:none}.button--primary-inverted.dds-link:hover,.button--primary-inverted.dds-link:active{color:var(--dds-button-primary-inverted-color-text)}.button--primary-inverted.dds-button--active{background-color:var(--dds-button-primary-inverted-color-bg-hover)}.button--primary.dds-button--danger,.button--primary-inverted.dds-button--danger{background-color:var(--dds-button-danger-color-bg);color:var(--dds-button-danger-color-text)}.button--primary.dds-button--danger:hover,.button--primary-inverted.dds-button--danger:hover{background-color:var(--dds-button-danger-color-bg-hover)}.button--primary.dds-button--danger:active,.button--primary-inverted.dds-button--danger:active{background-color:var(--dds-button-danger-color-bg-active)}.button--primary[disabled],.button--primary-inverted[disabled],.button--primary[disabled]:hover,.button--primary-inverted[disabled]:hover,.button--primary[disabled]:active,.button--primary-inverted[disabled]:active{background-color:var(--dds-button-primary-color-bg-disabled);color:var(--dds-button-primary-color-text-disabled)}.button--outline{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-color-border);background-color:transparent;color:var(--dds-button-outline-color-text)}.button--outline:hover{border-color:var(--dds-button-outline-color-border-hover);color:var(--dds-button-outline-color-text-hover)}.button--outline:active{border-color:var(--dds-button-outline-color-border-active);color:var(--dds-button-outline-color-text-active)}.button--outline[disabled]{border-color:var(--dds-button-outline-color-border-disabled);color:var(--dds-button-outline-color-text-disabled)}.button--outline.dds-link{color:var(--dds-button-outline-color-text);text-decoration:none}.button--outline.dds-link:hover{color:var(--dds-button-outline-color-text-hover)}.button--outline.dds-link:active{color:var(--dds-button-outline-color-text-active)}.button--outline.dds-button--active{border-color:var(--dds-button-outline-color-border-hover);color:var(--dds-button-outline-color-text-hover)}.button--outline-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-inverted-color-border);background-color:transparent;color:var(--dds-button-outline-inverted-color-text)}.button--outline-inverted:hover{border-color:var(--dds-button-outline-inverted-color-border-hover);color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline-inverted:active{border-color:var(--dds-button-outline-inverted-color-border-active);color:var(--dds-button-outline-inverted-color-text-active)}.button--outline-inverted[disabled]{border-color:var(--dds-button-outline-inverted-color-border-disabled);color:var(--dds-button-outline-inverted-color-text-disabled)}.button--outline-inverted.dds-link{color:var(--dds-button-outline-inverted-color-text);text-decoration:none}.button--outline-inverted.dds-link:hover{color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline-inverted.dds-link:active{color:var(--dds-button-outline-inverted-color-text-active)}.button--outline-inverted.dds-button--active{border-color:var(--dds-button-outline-inverted-color-border-hover);color:var(--dds-button-outline-inverted-color-text-hover)}.button--outline.dds-button--danger,.button--outline-inverted.dds-button--danger{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-danger-outline-color-border);background-color:transparent;color:var(--dds-button-danger-outline-color-text)}.button--outline.dds-button--danger:hover,.button--outline-inverted.dds-button--danger:hover{border-color:var(--dds-button-danger-outline-color-border-hover);color:var(--dds-button-danger-outline-color-text-hover)}.button--outline.dds-button--danger:active,.button--outline-inverted.dds-button--danger:active{border-color:var(--dds-button-danger-outline-color-border-active);color:var(--dds-button-danger-outline-color-text-active)}.button--outline[disabled],.button--outline-inverted[disabled]{border-width:var(--dds-border-width-large);border-style:solid;border-color:var(--dds-button-outline-color-border-disabled);background-color:transparent;color:var(--dds-button-outline-color-text-disabled)}.button--subtle{border:var(--dds-border-width-base) solid var(--dds-button-subtle-color-border);background-color:var(--dds-button-subtle-color-bg);color:var(--dds-button-subtle-color-text)}.button--subtle:hover{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle:active{border-color:var(--dds-button-subtle-color-border-active);background-color:var(--dds-button-subtle-color-bg-active);color:var(--dds-button-subtle-color-text-active)}.button--subtle[disabled]{border-color:var(--dds-button-subtle-color-border-disabled);background-color:var(--dds-button-subtle-color-bg-disabled);color:var(--dds-button-subtle-color-text-disabled)}.button--subtle.dds-link{color:var(--dds-button-subtle-color-text);text-decoration:none}.button--subtle.dds-link:hover{color:var(--dds-button-subtle-color-text-hover)}.button--subtle.dds-link:active{color:var(--dds-button-subtle-color-text-active)}.button--subtle.dds-button--danger{border:var(--dds-border-width-base) solid var(--dds-button-subtle-destructive-color-border);background-color:var(--dds-button-subtle-destructive-color-bg);color:var(--dds-button-subtle-destructive-color-text)}.button--subtle.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle.dds-button--active{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle-neutral{border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-neutral-enabled);background-color:var(--dds-button-subtle-background-neutral-enabled);color:var(--dds-button-subtle-text-neutral-enabled)}.button--subtle-neutral:hover{border-color:var(--dds-button-subtle-border-neutral-hover);background-color:var(--dds-button-subtle-background-neutral-hover);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-neutral:active{border-color:var(--dds-button-subtle-border-neutral-pressed);background-color:var(--dds-button-subtle-background-neutral-pressed);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-neutral.dds-link{color:var(--dds-button-subtle-text-neutral-enabled);text-decoration:none}.button--subtle-neutral.dds-link:hover,.button--subtle-neutral.dds-link:active{color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-neutral.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-neutral.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-neutral.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-neutral.dds-button--active{border-color:var(--dds-button-subtle-border-neutral-hover);background-color:var(--dds-button-subtle-background-neutral-hover);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-menu{border:var(--dds-border-width-base) solid transparent;border-radius:var(--dds-button-subtle-menu-border-radius);background-color:transparent;color:var(--dds-button-subtle-text-neutral-enabled)}.button--subtle-menu:hover{border-color:transparent;background-color:var(--dds-button-subtle-background-neutral-hover);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-menu:active{border-color:transparent;background-color:var(--dds-button-subtle-background-neutral-pressed);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-menu.dds-link{color:var(--dds-button-subtle-text-neutral-enabled);text-decoration:none}.button--subtle-menu.dds-link:hover,.button--subtle-menu.dds-link:active{color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-menu.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-menu.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-menu.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-menu.dds-button--active{border-color:transparent;background-color:var(--dds-button-subtle-background-neutral-pressed);color:var(--dds-button-subtle-text-neutral-hover)}.button--subtle-menu-item{display:flex;align-items:center;width:100%;min-width:auto;height:auto;padding:var(--dds-button-subtle-menu-item-padding);border:0;border-radius:var(--dds-button-subtle-menu-item-border-radius);background-color:var(--dds-button-subtle-menu-item-color-bg);color:var(--dds-button-subtle-menu-item-color-text);font-family:var(--dds-font-type);font-size:var(--dds-button-subtle-menu-item-font-size);font-weight:var(--dds-button-subtle-menu-item-font-weight);line-height:var(--dds-button-subtle-menu-item-line-height);text-align:left;text-decoration:none}.button--subtle-menu-item .button__text{display:flex;flex:1;align-items:center;padding:0;gap:var(--dds-spacing-100)}.button--subtle-menu-item:hover:not([disabled]){background-color:var(--dds-button-subtle-menu-item-color-bg-hover);color:var(--dds-button-subtle-menu-item-color-text-hover)}.button--subtle-menu-item:active:not([disabled]){background-color:var(--dds-button-subtle-menu-item-color-bg-active);color:var(--dds-button-subtle-menu-item-color-text-active)}.button--subtle-menu-item:focus-visible:not([disabled]){outline-style:solid}.button--subtle-menu-item.dds-button--active{background-color:var(--dds-button-subtle-menu-item-color-bg-hover);color:var(--dds-button-subtle-menu-item-color-text)}.button--subtle-menu-item[disabled]{opacity:.5;color:var(--dds-button-subtle-menu-item-color-text-disabled);cursor:not-allowed}.button--subtle-menu-item.dds-link{color:var(--dds-button-subtle-menu-item-color-text);text-decoration:none}.button--subtle-menu-item.dds-link:hover{color:var(--dds-button-subtle-menu-item-color-text-hover)}.button--subtle-menu-item.dds-link:active{color:var(--dds-button-subtle-menu-item-color-text-active)}.button--subtle-quiet{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-color-text)}.button--subtle-quiet:hover{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle-quiet:active{border-color:var(--dds-button-subtle-color-border-active);background-color:var(--dds-button-subtle-color-bg-active);color:var(--dds-button-subtle-color-text-active)}.button--subtle-quiet[disabled]{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-color-text-disabled)}.button--subtle-quiet.dds-link{color:var(--dds-button-subtle-color-text);text-decoration:none}.button--subtle-quiet.dds-link:hover{color:var(--dds-button-subtle-color-text-hover)}.button--subtle-quiet.dds-link:active{color:var(--dds-button-subtle-color-text-active)}.button--subtle-quiet.dds-button--danger{border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-destructive-color-text)}.button--subtle-quiet.dds-button--danger:hover{border-color:var(--dds-button-subtle-destructive-color-border-hover);background-color:var(--dds-button-subtle-destructive-color-bg-hover);color:var(--dds-button-subtle-destructive-color-text-hover)}.button--subtle-quiet.dds-button--danger:active{border-color:var(--dds-button-subtle-destructive-color-border-active);background-color:var(--dds-button-subtle-destructive-color-bg-active);color:var(--dds-button-subtle-destructive-color-text-active)}.button--subtle-quiet.dds-button--active{border-color:var(--dds-button-subtle-color-border-hover);background-color:var(--dds-button-subtle-color-bg-hover);color:var(--dds-button-subtle-color-text-hover)}.button--subtle-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-inverted-enabled);background-color:var(--dds-button-subtle-background-inverted-enabled);color:var(--dds-button-subtle-text-inverted)}.button--subtle-inverted:hover{background-color:var(--dds-button-subtle-background-inverted-hover);color:var(--dds-button-subtle-text-inverted)}.button--subtle-inverted:active{background-color:var(--dds-button-subtle-background-inverted-pressed);color:var(--dds-button-subtle-text-inverted)}.button--subtle-inverted:focus-visible{border-color:var(--dds-focus-inner-ring)}.button--subtle-inverted.dds-link{color:var(--dds-button-subtle-text-enabled);text-decoration:none}.button--subtle-inverted.dds-link:hover{color:var(--dds-button-subtle-text-hover)}.button--subtle-inverted.dds-link:active{color:var(--dds-button-subtle-text-pressed)}.button--subtle-inverted.dds-button--active{background-color:var(--dds-button-subtle-background-inverted-hover);color:var(--dds-button-subtle-text-inverted)}.button--subtle-quiet-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);border:var(--dds-border-width-base) solid transparent;background-color:transparent;color:var(--dds-button-subtle-text-inverted)}.button--subtle-quiet-inverted:hover{border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-inverted-enabled);background-color:var(--dds-button-subtle-background-inverted-hover);color:var(--dds-button-subtle-text-inverted)}.button--subtle-quiet-inverted:active{border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-inverted-enabled);background-color:var(--dds-button-subtle-background-inverted-pressed);color:var(--dds-button-subtle-text-inverted)}.button--subtle-quiet-inverted:focus-visible{border-color:var(--dds-focus-inner-ring)}.button--subtle-quiet-inverted.dds-link{color:var(--dds-button-subtle-text-enabled);text-decoration:none}.button--subtle-quiet-inverted.dds-link:hover{color:var(--dds-button-subtle-text-hover)}.button--subtle-quiet-inverted.dds-link:active{color:var(--dds-button-subtle-text-pressed)}.button--subtle-quiet-inverted.dds-button--active{border:var(--dds-border-width-base) solid var(--dds-button-subtle-border-inverted-enabled);background-color:var(--dds-button-subtle-background-inverted-hover);color:var(--dds-button-subtle-text-inverted)}.button--clean{width:auto;min-width:auto;height:auto;padding:0;border-width:0;background-color:transparent;color:var(--dds-button-clean-text)}.button--clean .button__text{padding:0}.button--clean:hover{color:var(--dds-button-clean-text-hover)}.button--clean:active{color:var(--dds-button-clean-text-active)}.button--clean[disabled]{color:var(--dds-button-clean-text-disabled)}.button--clean-inverted{--dds-focus-outer-ring: var(--dds-focus-inner-ring);width:auto;min-width:auto;height:auto;padding:0;border-width:0;background-color:transparent;color:var(--dds-button-clean-inverted-text)}.button--clean-inverted .button__text{padding:0}.button--clean-inverted:hover{color:var(--dds-button-clean-inverted-text-hover)}.button--clean-inverted:active{color:var(--dds-button-clean-inverted-text-active)}.button--clean-inverted[disabled]{color:var(--dds-button-clean-inverted-text-disabled)}.button--clean.dds-button--danger,.button--clean-inverted.dds-button--danger{border-width:0;background-color:transparent;color:var(--dds-button-danger-clean-text)}.button--clean.dds-button--danger:hover,.button--clean-inverted.dds-button--danger:hover{color:var(--dds-button-danger-clean-text-hover)}.button--clean.dds-button--danger:active,.button--clean-inverted.dds-button--danger:active{color:var(--dds-button-danger-clean-text-active)}.button--clean[disabled],.button--clean-inverted[disabled]{border-width:0;background-color:transparent;color:var(--dds-text-neutral-disabled)}.button--clean[disabled]:hover,.button--clean-inverted[disabled]:hover{background-color:transparent;color:var(--dds-text-neutral-disabled)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}", Ks = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Gs = v, An = (t, e) => (i) => {
4344
4344
  var o;
4345
4345
  if ((e == null ? void 0 : e.variants) == null) return Gs(t, i == null ? void 0 : i.class, i == null ? void 0 : i.className);
4346
4346
  const { variants: r, defaultVariants: a } = e, s = Object.keys(r).map((c) => {
@@ -6157,7 +6157,7 @@ var qh = Object.defineProperty, Kh = Object.getOwnPropertyDescriptor, li = (t, e
6157
6157
  };
6158
6158
  let De = class extends pe {
6159
6159
  constructor() {
6160
- super(...arguments), this.mask = !1, this.pattern = "[0-9]", this.placeholder = "", this.autocomplete = "one-time-code", this._slots = [], this._activeIndex = -1, this._chars = [], this._hasFocus = !1, this._patternRegex = /^[0-9]$/;
6160
+ super(...arguments), this.mask = !1, this.pattern = "[0-9]", this.placeholder = "", this.autocomplete = "one-time-code", this._slots = [], this._activeIndex = -1, this._chars = [], this._hasFocus = !1, this._rawValue = "", this._patternRegex = /^[0-9]$/;
6161
6161
  }
6162
6162
  _getContextValue() {
6163
6163
  return {
@@ -6193,17 +6193,23 @@ let De = class extends pe {
6193
6193
  return this._chars.join("");
6194
6194
  }
6195
6195
  set value(t) {
6196
+ if (this._rawValue = t, this._slots.length === 0) return;
6196
6197
  const e = t.split("");
6197
- for (this._chars = e.slice(0, this._slots.length); this._chars.length < this._slots.length; )
6198
- this._chars.push("");
6199
- this.internals.setFormValue(this.value), this.requestUpdate();
6198
+ this._chars = Array.from(
6199
+ { length: this._slots.length },
6200
+ (i, o) => {
6201
+ var r;
6202
+ return (r = e[o]) != null ? r : "";
6203
+ }
6204
+ ), this.internals.setFormValue(this.value), this.requestUpdate();
6200
6205
  }
6201
6206
  willUpdate(t) {
6202
6207
  super.willUpdate(t), t.has("pattern") && (this._patternRegex = new RegExp(`^${this.pattern}$`)), this._updateContext();
6203
6208
  }
6204
6209
  _registerSlot(t) {
6210
+ var i;
6205
6211
  const e = this._slots.length;
6206
- return this._slots = [...this._slots, t], this._chars = [...this._chars, ""], this.requestUpdate(), e;
6212
+ return this._slots = [...this._slots, t], this._chars = [...this._chars, (i = this._rawValue[e]) != null ? i : ""], this.internals.setFormValue(this.value), this.requestUpdate(), e;
6207
6213
  }
6208
6214
  _unregisterSlot(t) {
6209
6215
  const e = this._slots.indexOf(t);
@@ -21487,7 +21493,7 @@ export {
21487
21493
  ja as Y,
21488
21494
  Ro as Z,
21489
21495
  ie as _,
21490
- Ut as a,
21496
+ Be as a,
21491
21497
  Lr as a0,
21492
21498
  zt as a1,
21493
21499
  Ar as a2,
@@ -21533,17 +21539,17 @@ export {
21533
21539
  co as ax,
21534
21540
  me as ay,
21535
21541
  Er as az,
21536
- Be as b,
21537
- to as c,
21538
- Po as d,
21539
- Qi as e,
21540
- He as f,
21541
- fi as g,
21542
+ to as b,
21543
+ Ut as c,
21544
+ He as d,
21545
+ fi as e,
21546
+ Qi as f,
21547
+ Po as g,
21542
21548
  ii as h,
21543
21549
  Ot as i,
21544
- Xt as j,
21545
- qt as k,
21546
- Et as l,
21550
+ qt as j,
21551
+ Et as k,
21552
+ Xt as l,
21547
21553
  Ia as m,
21548
21554
  $r as n,
21549
21555
  Li as o,
@@ -21559,4 +21565,4 @@ export {
21559
21565
  Qt as y,
21560
21566
  xi as z
21561
21567
  };
21562
- //# sourceMappingURL=components-BhAz6796.js.map
21568
+ //# sourceMappingURL=components-B4VmOYHn.js.map