@ds-mo/ui 15.11.1 → 15.12.0

package/dist/components/p-Djkk338n.js

@@ -1,2 +0,0 @@
-import{p as t,H as i,c as e,h as s,a as n,t as o}from"./index.js";import{A as r,r as d,d as a}from"./p-B5rN3slq.js";import{A as c}from"./p-CwUXroLs.js";import{d as l}from"./p-CzTJAO2J.js";import{d as p}from"./p-CaNMVLhm.js";import{d as u}from"./p-BVsVUnAw.js";import{d as h}from"./p-0XTyQNRG.js";import{d as m}from"./p-CTAF7SkL.js";import{i as f,a as v,f as g,p as b,d as y}from"./p-Cw1ljgW1.js";import{D as x}from"./p-DOUk4KoT.js";import{r as w}from"./p-CVYjLzYI.js";import{r as k}from"./p-DhKvqh5G.js";import{s as z,r as C}from"./p-DGVZhrMd.js";import{b as F,T}from"./p-CeXf9-X3.js";import{C as I}from"./p-CuwopElg.js";import{c as _}from"./p-DuFm-ieS.js";const j=()=>`@media (forced-colors: active){.sc-ds-input-time:root,.sc-ds-input-time-h,.ds-forced-colors-scope.sc-ds-input-time{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-interaction-fill.sc-ds-input-time-h,.ds-interaction-fill.sc-ds-input-time{position:var(--ds-interaction-position, relative);z-index:var(--ds-interaction-z-index, 0);cursor:default;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent;--ds-interaction-divider-width:0px;--ds-interaction-divider-color:transparent;--ds-interaction-divider-inline-start-width:0px;--ds-interaction-divider-inline-start-color:transparent;--ds-interaction-divider-inline-end-width:0px;--ds-interaction-divider-inline-end-color:transparent}.ds-interaction-fill.sc-ds-input-time-h::before,.ds-interaction-fill.sc-ds-input-time::before,.ds-interaction-fill.sc-ds-input-time-h::after,.ds-interaction-fill.sc-ds-input-time::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;cursor:inherit;transition:none}.ds-interaction-fill.sc-ds-input-time-h::before,.ds-interaction-fill.sc-ds-input-time::before{z-index:1}.ds-interaction-fill.sc-ds-input-time-h::after,.ds-interaction-fill.sc-ds-input-time::after{z-index:3;box-shadow:inset 0 calc(-1 * var(--ds-interaction-divider-width)) 0 var(--ds-interaction-divider-color),     inset var(--ds-interaction-divider-inline-start-width) 0 0       var(--ds-interaction-divider-inline-start-color),     inset calc(-1 * var(--ds-interaction-divider-inline-end-width)) 0 0       var(--ds-interaction-divider-inline-end-color),     inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-input-time-h,.ds-interaction-fill--bordered.sc-ds-input-time{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-input-time-h::before,.ds-interaction-fill--selected.sc-ds-input-time::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-input-time-h,.ds-interaction-fill--selected.sc-ds-input-time{--ds-interaction-dot-ring:var(--ds-interaction-active)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-input-time-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-input-time:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}}.ds-interaction-fill.sc-ds-input-time-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-input-time:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill--grouped.sc-ds-input-time-h::after,.ds-interaction-fill--grouped.sc-ds-input-time::after,.ds-interaction-fill--grouped.sc-ds-input-time-h:active:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-input-time:active:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}@media (hover: hover) and (pointer: fine){.ds-interaction-fill--grouped.sc-ds-input-time-h:hover:not(:disabled)::after,.ds-interaction-fill--grouped.sc-ds-input-time:hover:not(:disabled)::after{background:var(--ds-interaction-group-fill, transparent)}}.ds-interaction-fill--grouped.sc-ds-input-time-h,.ds-interaction-fill--grouped.sc-ds-input-time{--ds-interaction-divider-width:var(--ds-interaction-group-divider-width, 0px);--ds-interaction-divider-color:var(--ds-interaction-group-divider-color, transparent);--ds-interaction-divider-inline-start-width:var(     --ds-interaction-group-divider-inline-start-width,     0px   );--ds-interaction-divider-inline-start-color:var(     --ds-interaction-group-divider-inline-start-color,     transparent   );--ds-interaction-divider-inline-end-width:var(     --ds-interaction-group-divider-inline-end-width,     0px   );--ds-interaction-divider-inline-end-color:var(     --ds-interaction-group-divider-inline-end-color,     transparent   )}.ds-interaction-fill.sc-ds-input-time-h>.ds-interaction-fill__content.sc-ds-input-time,.ds-interaction-fill.sc-ds-input-time>.ds-interaction-fill__content.sc-ds-input-time,.ds-interaction-fill__content.sc-ds-input-time{position:relative;z-index:2;cursor:inherit}.ds-interaction-fill--on-faint.sc-ds-input-time-h,.ds-interaction-fill--on-faint.sc-ds-input-time{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-input-time-h,.ds-interaction-fill--on-medium.sc-ds-input-time{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-input-time-h,.ds-interaction-fill--on-bold.sc-ds-input-time{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-input-time-h,.ds-interaction-fill--on-strong.sc-ds-input-time{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-input-time-h,.ds-interaction-fill--on-translucent.sc-ds-input-time{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active-brand);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-input-time-h,.ds-interaction-fill--on-inverted.sc-ds-input-time{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active-brand);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-input-time-h,.ds-interaction-fill--on-media.sc-ds-input-time{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-input-time-h,.ds-interaction-fill--on-always-dark.sc-ds-input-time{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active-brand);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-chrome.sc-ds-input-time-h,.ds-interaction-fill--on-chrome.sc-ds-input-time{--ds-interaction-hover:var(--color-chrome-interaction-hover);--ds-interaction-pressed:var(--color-chrome-interaction-pressed);--ds-interaction-active:var(--color-chrome-interaction-active);--ds-focus-ring-color:var(--color-chrome-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-input-time-h,.ds-interaction-fill--on-navigation.sc-ds-input-time{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-input-time-h:not(:disabled)::after,.ds-interaction-fill.ds-interaction-fill--surface-open.sc-ds-input-time:not(:disabled)::after{background:var(--ds-interaction-pressed)}@media (forced-colors: active){.ds-interaction-fill.sc-ds-input-time-h::after,.ds-interaction-fill.sc-ds-input-time::after{box-shadow:none;outline:var(--ds-interaction-border-width) solid var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--ds-interaction-border-width))}.ds-interaction-fill--surface-open.sc-ds-input-time-h:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill--surface-open.sc-ds-input-time:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline:var(--dimension-stroke-width-025) dashed var(--ds-forced-color-control-boundary);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}.ds-interaction-fill--selected.sc-ds-input-time-h::before,.ds-interaction-fill--selected.sc-ds-input-time::before{background:transparent;outline:var(--dimension-stroke-width-025) solid var(--ds-forced-color-selected);outline-offset:calc(-1 * var(--dimension-stroke-width-025))}}@media (forced-colors: active) and (hover: hover) and (pointer: fine){.ds-interaction-fill.sc-ds-input-time-h:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after,.ds-interaction-fill.sc-ds-input-time:hover:not(:disabled):not(:focus-visible):not(:focus-within):not(.ds-focus-ring--visible)::after{outline-color:var(--ds-forced-color-selected);outline-width:var(--dimension-stroke-width-012)}}@media (forced-colors: active){.sc-ds-input-time:root,.sc-ds-input-time-h,.ds-forced-colors-scope.sc-ds-input-time{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-input-time-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-input-time-h,.ds-focus-ring.sc-ds-input-time,.ds-focus-ring-inset.sc-ds-input-time-h,.ds-focus-ring-inset.sc-ds-input-time{outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ds-focus-ring.sc-ds-input-time-h:focus-visible,.ds-focus-ring.sc-ds-input-time:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-input-time-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-input-time{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-input-time-h:focus-visible,.ds-focus-ring-inset.sc-ds-input-time:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-input-time-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-input-time:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-time-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-time{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-time-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-input-time::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}@media (forced-colors: active){.sc-ds-input-time-h{--ds-focus-ring-color:var(--ds-forced-color-selected)}}@media (forced-colors: active){.sc-ds-input-time:root,.sc-ds-input-time-h,.ds-forced-colors-scope.sc-ds-input-time{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-input-time-h,.ds-control-inactive.sc-ds-input-time{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-input-time-h,.ds-control-inactive.sc-ds-input-time{color:var(--ds-forced-color-disabled);opacity:1}}.sc-ds-input-time-h,.sc-ds-input-time:where(.ds-table),.sc-ds-input-time:where(.tooltip-popup),.sc-ds-input-time:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg.sc-ds-input-time,.ds-control--lg.sc-ds-input-time-h,.ds-control--md.sc-ds-input-time-h,.ds-control--md.sc-ds-input-time,.ds-control--sm.sc-ds-input-time-h,.ds-control--sm.sc-ds-input-time,.ds-control--xs.sc-ds-input-time-h,.ds-control--xs.sc-ds-input-time{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-input-time-h,.ds-control--lg.sc-ds-input-time{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-input-time-h,.ds-control--md.sc-ds-input-time{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-input-time-h,.ds-control--sm.sc-ds-input-time{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-input-time-h,.ds-control--xs.sc-ds-input-time{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-control-frame.sc-ds-input-time{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border-radius:var(--ds-control-radius, var(--dimension-radius-025))}.ds-control-section-heading.sc-ds-input-time{display:flex;align-items:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-control-icon-box.sc-ds-input-time{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md))}.ds-control-label-box.sc-ds-input-time{min-width:0;padding-inline:var(--ds-control-label-inset, var(--dimension-space-025))}.ds-control-label-dot.sc-ds-input-time{position:relative;padding-inline-end:calc(     var(--ds-control-label-inset, var(--dimension-space-025)) +       var(--ds-control-gap, var(--dimension-space-050))   )}.ds-control-label-dot__badge.sc-ds-input-time{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none}.ds-control-width--hug.sc-ds-input-time-h,.ds-control-width--hug.sc-ds-input-time{width:fit-content;max-width:100%;flex:0 0 auto}.ds-control-width--fill.sc-ds-input-time-h,.ds-control-width--fill.sc-ds-input-time{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}.ds-field-stack.sc-ds-input-time-h,.ds-field-stack.sc-ds-input-time{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-time-h .error-text.sc-ds-input-time,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-time .error-text.sc-ds-input-time,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-time .field__description.sc-ds-input-time,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-input-time .field__error.sc-ds-input-time{padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.ds-text--display-medium.sc-ds-input-time-h,.ds-text--display-medium.sc-ds-input-time{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-input-time-h,.ds-text--display-small.sc-ds-input-time{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-input-time-h,.ds-text--title-large.sc-ds-input-time{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-input-time-h,.ds-text--title-medium.sc-ds-input-time{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-input-time-h,.ds-text--title-small.sc-ds-input-time{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-input-time-h,.ds-text--body-large.sc-ds-input-time{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-input-time-h,.ds-text--body-medium.sc-ds-input-time{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-input-time-h,.ds-text--body-small.sc-ds-input-time{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-input-time-h,.ds-text--caption.sc-ds-input-time{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-input-time-h,.ds-text--display-small.ds-text--emphasis.sc-ds-input-time-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-input-time,.ds-text--display-small.ds-text--emphasis.sc-ds-input-time{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-input-time-h,.ds-text--display-small.ds-text--regular.sc-ds-input-time-h,.ds-text--display-medium.ds-text--regular.sc-ds-input-time,.ds-text--display-small.ds-text--regular.sc-ds-input-time{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-input-time-h,.ds-text--title-large.ds-text--emphasis.sc-ds-input-time{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-input-time-h,.ds-text--title-large.ds-text--regular.sc-ds-input-time{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-input-time-h,.ds-text--title-small.ds-text--emphasis.sc-ds-input-time-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-input-time,.ds-text--title-small.ds-text--emphasis.sc-ds-input-time{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-input-time-h,.ds-text--title-small.ds-text--regular.sc-ds-input-time-h,.ds-text--title-medium.ds-text--regular.sc-ds-input-time,.ds-text--title-small.ds-text--regular.sc-ds-input-time{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-input-time-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-input-time-h,.ds-text--body-large.ds-text--emphasis.sc-ds-input-time,.ds-text--body-medium.ds-text--emphasis.sc-ds-input-time{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-input-time-h,.ds-text--body-medium.ds-text--regular.sc-ds-input-time-h,.ds-text--body-large.ds-text--regular.sc-ds-input-time,.ds-text--body-medium.ds-text--regular.sc-ds-input-time{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-input-time-h,.ds-text--body-small.ds-text--emphasis.sc-ds-input-time{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-input-time-h,.ds-text--body-small.ds-text--regular.sc-ds-input-time{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-input-time-h,.ds-text--caption.ds-text--emphasis.sc-ds-input-time{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-input-time-h,.ds-text--caption.ds-text--regular.sc-ds-input-time{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}@media (forced-colors: active){.sc-ds-input-time:root,.sc-ds-input-time-h,.ds-forced-colors-scope.sc-ds-input-time{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.input-host.sc-ds-input-time-h{display:inline-flex;--ds-input-fg:var(--color-foreground-primary);--ds-input-placeholder:var(--color-foreground-secondary);--ds-input-placeholder-active:var(--color-foreground-quaternary);--ds-input-adornment-fg:var(--color-foreground-secondary);--ds-input-border:var(--color-border-secondary)}.ds-control-width--fill.sc-ds-input-time-h,.ds-control-width--fill.sc-ds-input-time-h .input-control.sc-ds-input-time{width:100%}.input-control.sc-ds-input-time{overflow:hidden;background:transparent;border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));color:var(--ds-input-fg)}.input-control--bordered.sc-ds-input-time{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--ds-input-border)}.input-control--error.sc-ds-input-time{--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-negative)}.input-control--bordered.sc-ds-input-time:focus-within:not(.input-control--error){--ds-interaction-border-width:var(--dimension-stroke-width-018);--ds-interaction-border-color:var(--color-border-bold-brand)}.ds-control-inactive.sc-ds-input-time-h .input-control.sc-ds-input-time::after{background:transparent}.native-input.sc-ds-input-time{position:relative;z-index:2;flex:1 1 auto;min-width:0;height:100%;background:transparent;border:none;border-radius:inherit;outline:none;color:var(--ds-input-fg);font-family:inherit;letter-spacing:inherit;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;color-scheme:inherit}.native-input--align-start.sc-ds-input-time{text-align:start}.native-input.sc-ds-input-time:disabled{cursor:not-allowed}.native-input.sc-ds-input-time:read-only:not(:disabled){cursor:default}.native-input.sc-ds-input-time::-webkit-calendar-picker-indicator{display:none}.native-input.sc-ds-input-time::-webkit-inner-spin-button,.native-input.sc-ds-input-time::-webkit-clear-button{display:none}.native-input.sc-ds-input-time::-webkit-datetime-edit,.native-input.sc-ds-input-time::-webkit-datetime-edit-fields-wrapper,.native-input.sc-ds-input-time::-webkit-datetime-edit-text,.native-input.sc-ds-input-time::-webkit-datetime-edit-month-field,.native-input.sc-ds-input-time::-webkit-datetime-edit-day-field,.native-input.sc-ds-input-time::-webkit-datetime-edit-year-field,.native-input.sc-ds-input-time::-webkit-datetime-edit-hour-field,.native-input.sc-ds-input-time::-webkit-datetime-edit-minute-field,.native-input.sc-ds-input-time::-webkit-datetime-edit-second-field,.native-input.sc-ds-input-time::-webkit-datetime-edit-ampm-field{padding:0;color:inherit;font:inherit;letter-spacing:inherit}.input-control__prefix.sc-ds-input-time{position:relative;z-index:2;color:var(--ds-input-adornment-fg)}.input-control.sc-ds-input-time>.input-control__datetime-action.sc-ds-input-time{position:relative;z-index:2;flex-shrink:0;align-self:center}.ds-control-inactive.sc-ds-input-time-h .input-control.sc-ds-input-time>.input-control__datetime-action.sc-ds-input-time{--effect-opacity-medium:1}.input-control.sc-ds-input-time:has(.input-control__datetime-action){padding-inline-end:var(--dimension-space-025)}.error-text.sc-ds-input-time{width:100%}@media (forced-colors: active){.input-control--bordered.sc-ds-input-time:focus-within:not(.input-control--error)::after{outline-color:var(--ds-forced-color-selected)}.input-control--error.sc-ds-input-time::after{outline-style:dashed}}.ds-choice-popup.sc-ds-input-time{box-sizing:border-box;display:flex;flex-direction:column;min-width:var(--ds-choice-popup-min-inline-size, var(--dimension-menu-width-xs));max-width:min(var(--dimension-panel-width-lg), calc(100vw - var(--dimension-space-200)));max-height:calc(100vh - var(--dimension-space-200));overflow:hidden;inset:auto;margin:0;padding:0;border:0;background-color:var(--color-background-primary);border-radius:var(--ds-radius-menu);box-shadow:var(--effect-shadow-elevated-floating);color:var(--color-foreground-secondary);animation:dsChoiceFadeIn var(--effect-motion-short-2) forwards;backface-visibility:hidden;will-change:transform;text-align:start}.ds-choice-popup.sc-ds-input-time::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:var(--effect-highlight-elevated-floating)}.ds-choice-popup--closing.sc-ds-input-time{animation:dsChoiceFadeOut var(--effect-motion-short-2) forwards}@keyframes dsChoiceFadeIn{from{opacity:0;transform:inherit scale(0.97)}to{opacity:1}}@keyframes dsChoiceFadeOut{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-choice-popup.sc-ds-input-time{animation:none;opacity:1}.ds-choice-popup--closing.sc-ds-input-time{opacity:0}}@media (forced-colors: active){.ds-choice-popup.sc-ds-input-time{outline:var(--dimension-stroke-width-012) solid var(--ds-forced-color-content);outline-offset:calc(-1 * var(--dimension-stroke-width-012))}.ds-choice-popup.sc-ds-input-time::after{box-shadow:none}}.ds-chrome-space--sm.sc-ds-input-time-h,.ds-chrome-space--sm.sc-ds-input-time{--ds-chrome-padding:var(--ds-chrome-space-sm-padding, var(--dimension-space-050));--ds-chrome-gap:var(--dimension-space-050)}.ds-chrome-space--md.sc-ds-input-time-h,.ds-chrome-space--md.sc-ds-input-time{--ds-chrome-padding:var(--dimension-space-100);--ds-chrome-gap:var(--dimension-space-100)}.ds-chrome-space--lg.sc-ds-input-time-h,.ds-chrome-space--lg.sc-ds-input-time{--ds-chrome-padding:var(--dimension-space-200);--ds-chrome-gap:var(--dimension-space-200)}.ds-chrome-row.sc-ds-input-time-h,.ds-chrome-row.sc-ds-input-time,.ds-chrome-column.sc-ds-input-time-h,.ds-chrome-column.sc-ds-input-time,.ds-chrome-grid.sc-ds-input-time-h,.ds-chrome-grid.sc-ds-input-time{display:flex;box-sizing:border-box;gap:var(--ds-chrome-gap, var(--dimension-space-100));padding:var(--ds-chrome-padding, var(--dimension-space-100))}.ds-chrome-row.sc-ds-input-time-h,.ds-chrome-row.sc-ds-input-time{flex-direction:row;align-items:center}.ds-chrome-column.sc-ds-input-time-h,.ds-chrome-column.sc-ds-input-time{flex-direction:column}.ds-chrome-grid.sc-ds-input-time-h,.ds-chrome-grid.sc-ds-input-time{display:grid;align-items:center}.input-time-popup.ds-choice-popup.sc-ds-input-time{--ds-time-picker-padding:0;padding:var(--dimension-space-050)}`;let V=0;const H="Enter a valid time.";const D="Time is before the minimum allowed time.";const O="Time is after the maximum allowed time.";const E="Time does not match the allowed interval.";const q=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.dsChange=e(this,"dsChange",7);this.internals=this.attachInternals();this.generatedId=`ds-input-time-${++V}`;this.errorId=`${this.generatedId}-error`;this.popupId=`${this.generatedId}-popup`;this.value="";this.disabled=false;this.readOnly=false;this.required=false;this.requiredMessage=x;this.step=60;this.hourFormat="12";this.size="md";this.width="fill";this.hasBorder=true;this.hasInteractionFill=true;this.isInactive=false;this.autoFocus=false;this.error=false;this.ariaLabel=null;this.initialValue="";this.closeTimer=null;this.formDisabled=false;this.focused=false;this.touched=false;this.draftText="";this.open=false;this.shouldRender=false;this.closing=false;this.positionReady=false;this.pos={x:0,y:0};this.position=new r({getAnchor:()=>this.controlEl??null,getPopup:()=>this.el.querySelector(".input-time-popup"),getOwnerDocument:()=>this.el.ownerDocument,measure:(t,i)=>{if(!this.open)return null;const e=w(T.space050,T.space050);return{anchorRect:t.getBoundingClientRect(),popupWidth:i.offsetWidth||this.popupFallbackWidth,popupHeight:i.offsetHeight||this.popupFallbackHeight,side:"bottom",align:"end",sideOffsetPx:w(T.space050,T.space050),alignOffsetPx:k({align:"end",alignOffsetPx:0,sectionInsetPx:e,anchorAlignment:"popup-frame"}),viewportPadPx:w(T.space050,T.space050),viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,collisionRect:d(t)}},apply:({x:t,y:i})=>{this.pos={x:t,y:i}},onReady:()=>{this.positionReady=true},liveUpdate:"double-frame",observeResize:true,topLayer:true});this.interaction=new c({getAnchor:()=>this.controlEl??null,getPopup:()=>this.el.querySelector(".input-time-popup"),getOwnerDocument:()=>this.el.ownerDocument,onOutsideActivation:()=>this.closePicker(false)});this.togglePicker=()=>{if(this.isInactive||this.disabled||this.formDisabled||this.readOnly)return;if(this.open)this.closePicker("button");else this.openPicker()};this.handleInput=t=>{if(this.pickerInactive)return;this.draftText=t.target.value;const i=this.parseDraft(this.draftText);if(i===null)return;this.commitIso(i)};this.handleFocus=()=>{this.draftText=this.displayValue||this.value;this.focused=true};this.handleBlur=()=>{this.focused=false;this.touched=true;if(this.pickerInactive){this.draftText=this.displayValue;return}const t=this.parseDraft(this.draftText);if(t===null){this.draftText=this.displayValue;return}this.commitIso(t)};this.handleTimeChange=t=>{t.stopPropagation();if(this.pickerInactive)return;const i=this.parseDraft(t.detail);if(i===null)return;this.commitIso(i)}}get popupFallbackWidth(){return w(T.menuWidthXs,T.menuWidthXs)}get popupFallbackHeight(){return w(T.menuFallbackHeight,T.menuFallbackHeight)}get formInactive(){return this.isInactive||this.disabled||this.formDisabled}get pickerInactive(){return this.formInactive||this.readOnly}get hasConstraintError(){if(!this.value)return false;if(!f(this.value))return true;if(this.min&&f(this.min)&&this.value<this.min)return true;if(this.max&&f(this.max)&&this.value>this.max)return true;return!v(this.value,this.step,this.min)}get isInvalid(){return this.error||!this.formInactive&&(this.required&&this.value.length===0||this.hasConstraintError)}componentWillLoad(){this.initialValue=this.value;this.syncFormValue()}disconnectedCallback(){this.teardownListeners();this.open=false;this.shouldRender=false;this.closing=false;this.positionReady=false;this.focused=false}onHourFormatChange(){this.draftText=this.displayValue}syncFormValue(){const t=this.formInactive;z(this.internals,this.value,{inactive:t});const i={};let e="";if(!t){if(this.required&&this.value.length===0){i.valueMissing=true;e=this.requiredMessage}else if(this.value&&!f(this.value)){i.badInput=true;e=H}else if(this.value&&this.min&&f(this.min)&&this.value<this.min){i.rangeUnderflow=true;e=D}else if(this.value&&this.max&&f(this.max)&&this.value>this.max){i.rangeOverflow=true;e=O}else if(this.value&&!v(this.value,this.step,this.min)){i.stepMismatch=true;e=E}}this.internals.setValidity(i,e)}onInteractionStateChange(){this.syncFormValue();if(this.pickerInactive&&this.shouldRender)this.closePicker(false)}formDisabledCallback(t){this.formDisabled=t;this.onInteractionStateChange()}formResetCallback(){this.value=this.initialValue;this.draftText=this.displayValue}formStateRestoreCallback(t){this.value=C(t);this.draftText=this.displayValue}async setFocus(){this.inputEl?.focus()}handleHostKeyDown(t){if(!this.shouldRender||this.closing)return;if(t.key==="Escape"){t.preventDefault();this.closePicker("button");return}if(t.key!=="Tab")return;const i=this.el.querySelector(".input-time-popup");if(!i||!t.composedPath().includes(i))return;if(!this.interaction.tabLeavesPopup(t))return;t.preventDefault();this.closePicker(false);this.interaction.moveFocusAfterTab(t.shiftKey)}get displayValue(){return this.hourFormat==="24"?this.value:g(this.value)}parseDraft(t){const i=t.trim();if(!i)return"";const e=b(i);if(!e)return null;if(this.min&&f(this.min)&&e<this.min)return null;if(this.max&&f(this.max)&&e>this.max)return null;if(!v(e,this.step,this.min))return null;return e}commitIso(t,i=true){if(this.value!==t){this.value=t;if(i)this.dsChange.emit(t)}this.draftText=this.hourFormat==="24"?t:g(t)}teardownListeners(){this.position.unobserve();this.interaction.disconnect();if(this.closeTimer){clearTimeout(this.closeTimer);this.closeTimer=null}}openPicker(){const t=this.isInactive||this.disabled||this.formDisabled||this.readOnly;if(t||this.open||!this.el.isConnected)return;this.shouldRender=true;this.closing=false;this.positionReady=false;this.open=true;this.teardownListeners();this.interaction.connect();this.position.observe();this.position.schedule()}closePicker(t){if(!this.shouldRender||this.closing)return;this.open=false;this.position.cancel();this.closing=true;this.interaction.disconnect();this.position.unobserve();if(t==="input")this.inputEl?.focus();if(t==="button")void this.clockButton?.setFocus();const i=F(T.motionShort2,T.animationDurationShort3);if(i<=0){this.finishClose();return}this.closeTimer=setTimeout((()=>this.finishClose()),i)}finishClose(){const t=this.el.querySelector(".input-time-popup");if(t?.matches(":popover-open"))t.hidePopover();this.shouldRender=false;this.closing=false;this.closeTimer=null}render(){const t=this.inputId??this.generatedId;const i=this.formInactive;const e=this.pickerInactive;const o=this.value.length>0;const r=this.value!==this.initialValue;const d=this.error&&Boolean(this.errorMessage);const a=I[this.size];const c=`ds-text--${a.replace("text-","")}`;const l=[this.ariaDescribedby,d?this.errorId:undefined].filter(Boolean).join(" ")||undefined;const p={position:"fixed",left:"0",top:"0",transform:`translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,zIndex:"var(--dimension-z-index-floating)",visibility:this.positionReady?"visible":"hidden"};return s(n,{key:"dbb1e1d24fba2ae16442cd5474ac24d61d5c2a35",class:{"input-host":true,"ds-field-stack":true,"ds-field-stack--supporting-inset":!this.hasBorder,"ds-control-inactive":i,[`ds-control--${this.size}`]:true,..._(this.width)},"data-disabled":i?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-required":this.required?"":undefined,"data-invalid":this.isInvalid?"":undefined,"data-filled":o?"":undefined,"data-focused":this.focused?"":undefined,"data-dirty":r?"":undefined,"data-touched":this.touched?"":undefined},s("div",{key:"73d09bf0ec9f85f4cdb1706b56c55dfb7ec5528f",ref:t=>{this.controlEl=t},class:{"input-control":true,"ds-control-frame":true,"input-control--bordered":this.hasBorder,"input-control--error":this.hasBorder&&this.error,"ds-interaction-fill":this.hasInteractionFill,[`ds-control--${this.size}`]:true}},s("input",{key:"9f6325736ebd30628714da492b898e48c0940b4f",ref:t=>{this.inputEl=t},type:"text",id:t,value:this.focused?this.draftText:this.displayValue,disabled:i,readOnly:this.readOnly,required:this.required,autoFocus:this.autoFocus,autoComplete:"off",spellcheck:false,class:{"native-input":true,"native-input--align-start":true,"ds-control-label-box":true,[c]:true,"ds-text--regular":true},"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-describedby":l,"aria-invalid":this.isInvalid?"true":undefined,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),s("ds-button-unfilled",{key:"8bf7e757250fe5ca85364e6036819c7384709b9b",ref:t=>{this.clockButton=t},class:"input-control__datetime-action",variant:"icon",size:this.size,icon:"Clock",hasBorder:false,isInset:true,isInactive:e,ariaLabel:"Choose time",haspopup:"dialog",expanded:this.open,surfaceOpen:this.open||this.closing,controls:this.open?this.popupId:undefined,onDsClick:this.togglePicker})),this.shouldRender?s("div",{id:this.popupId,popover:"manual",class:{"input-time-popup":true,"ds-choice-popup":true,"ds-choice-popup--closing":this.closing,"ds-chrome-column":true,"ds-chrome-space--sm":true},style:p,role:"dialog","aria-label":"Choose time"},s("ds-time-picker",{hourFormat:this.hourFormat,value:this.value,min:this.min,max:this.max,step:this.step,isInactive:e,autoFocus:true,onDsChange:this.handleTimeChange})):null,d&&s("ds-text",{key:"9d96a4d7514e34841b48ee2f0df9073082dad74e",class:"error-text",as:"div",variant:"text-body-small",color:"negative",textId:this.errorId,role:"alert"},this.errorMessage))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{hourFormat:[{onHourFormatChange:0}],value:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],disabled:[{onInteractionStateChange:0}],isInactive:[{onInteractionStateChange:0}],readOnly:[{onInteractionStateChange:0}]}}static get style(){return j()}},[66,"ds-input-time",{value:[1025],name:[513],form:[513],disabled:[516],readOnly:[516,"read-only"],required:[516],requiredMessage:[1,"required-message"],step:[8],hourFormat:[1,"hour-format"],min:[1],max:[1],size:[1],width:[1],hasBorder:[4,"has-border"],hasInteractionFill:[4,"has-interaction-fill"],isInactive:[4,"is-inactive"],autoFocus:[4,"auto-focus"],error:[4],errorMessage:[1,"error-message"],inputId:[1,"input-id"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],formDisabled:[32],focused:[32],touched:[32],draftText:[32],open:[32],shouldRender:[32],closing:[32],positionReady:[32],pos:[32],setFocus:[64]},[[0,"keydown","handleHostKeyDown"]],{hourFormat:[{onHourFormatChange:0}],value:[{syncFormValue:0}],required:[{syncFormValue:0}],requiredMessage:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],disabled:[{onInteractionStateChange:0}],isInactive:[{onInteractionStateChange:0}],readOnly:[{onInteractionStateChange:0}]}]);function B(){if(typeof customElements==="undefined"){return}const t=["ds-input-time","ds-badge","ds-button-unfilled","ds-icon","ds-loader","ds-text","ds-time-picker","ds-tooltip"];t.forEach((t=>{switch(t){case"ds-input-time":if(!customElements.get(o(t))){customElements.define(o(t),q)}break;case"ds-badge":if(!customElements.get(o(t))){l()}break;case"ds-button-unfilled":if(!customElements.get(o(t))){p()}break;case"ds-icon":if(!customElements.get(o(t))){u()}break;case"ds-loader":if(!customElements.get(o(t))){h()}break;case"ds-text":if(!customElements.get(o(t))){m()}break;case"ds-time-picker":if(!customElements.get(o(t))){y()}break;case"ds-tooltip":if(!customElements.get(o(t))){a()}break}}))}B();export{q as I,B as d};
-//# sourceMappingURL=p-Djkk338n.js.map

package/dist/components/p-Djkk338n.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["inputTimeCss","idCounter","INVALID_TIME_MESSAGE","TIME_BEFORE_MIN_MESSAGE","TIME_AFTER_MAX_MESSAGE","TIME_STEP_MESSAGE","InputTime","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","generatedId","errorId","popupId","value","disabled","readOnly","required","requiredMessage","DEFAULT_REQUIRED_MESSAGE","step","hourFormat","size","width","hasBorder","hasInteractionFill","isInactive","autoFocus","error","ariaLabel","initialValue","closeTimer","formDisabled","focused","touched","draftText","open","shouldRender","closing","positionReady","pos","x","y","position","AnchoredPositionController","getAnchor","controlEl","getPopup","el","querySelector","getOwnerDocument","ownerDocument","measure","anchor","popup","sectionInsetPx","resolveCssLengthPx","TOKEN_DEFAULTS","space050","anchorRect","getBoundingClientRect","popupWidth","offsetWidth","popupFallbackWidth","popupHeight","offsetHeight","popupFallbackHeight","side","align","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","anchorAlignment","viewportPadPx","viewportWidth","window","innerWidth","viewportHeight","innerHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","apply","onReady","liveUpdate","observeResize","topLayer","interaction","AnchoredOverlayInteractionController","onOutsideActivation","closePicker","togglePicker","openPicker","handleInput","event","pickerInactive","target","parsed","parseDraft","commitIso","handleFocus","displayValue","handleBlur","handleTimeChange","stopPropagation","detail","menuWidthXs","menuFallbackHeight","formInactive","hasConstraintError","isClockTime","min","max","isClockTimeStepAligned","isInvalid","length","componentWillLoad","syncFormValue","disconnectedCallback","teardownListeners","onHourFormatChange","inactive","setFormControlValue","internals","flags","message","valueMissing","badInput","rangeUnderflow","rangeOverflow","stepMismatch","setValidity","onInteractionStateChange","formDisabledCallback","formResetCallback","formStateRestoreCallback","state","restoreStringFormState","setFocus","inputEl","focus","handleHostKeyDown","key","preventDefault","composedPath","includes","tabLeavesPopup","moveFocusAfterTab","shiftKey","formatClockTimeLabel","text","trimmed","trim","iso","parseLooseClockTime","emit","dsChange","unobserve","disconnect","clearTimeout","isConnected","connect","observe","schedule","restore","cancel","clockButton","duration","resolveMotionTimeMs","motionShort2","animationDurationShort3","finishClose","setTimeout","matches","hidePopover","render","inputId","filled","dirty","showError","Boolean","errorMessage","textVariant","CONTROL_TEXT_VARIANT","textClass","replace","describedBy","ariaDescribedby","undefined","filter","join","popupStyle","left","top","transform","Math","round","zIndex","visibility","h","Host","class","controlWidthClass","ref","element","type","id","autoComplete","spellcheck","ariaLabelledby","onInput","onFocus","onBlur","variant","icon","isInset","haspopup","expanded","surfaceOpen","controls","onDsClick","popover","style","role","onDsChange","as","color","textId"],"sources":["src/wc/components/InputTime/InputTime.css?tag=ds-input-time&encapsulation=scoped","src/wc/components/InputTime/InputTime.tsx"],"sourcesContent":["@import '../../utils/datetime-input-control.css';\n@import '../../utils/choice-popup.css';\n@import '../../utils/chrome-layout.css';\n\n.input-time-popup.ds-choice-popup {\n  --ds-time-picker-padding: 0;\n  padding: var(--dimension-space-050);\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Listen,\n  Method,\n  Watch,\n  h,\n  Host,\n} from '@stencil/core';\nimport {\n  controlWidthClass,\n  CONTROL_TEXT_VARIANT,\n  DEFAULT_REQUIRED_MESSAGE,\n  formatClockTimeLabel,\n  isClockTime,\n  isClockTimeStepAligned,\n  parseLooseClockTime,\n  resolveChoicePopupAlignOffset,\n  resolveCssLengthPx,\n  resolveMotionTimeMs,\n  restoreStringFormState,\n  setFormControlValue,\n  TOKEN_DEFAULTS,\n  type ControlSize,\n  type ControlWidth,\n} from '../../utils';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\n\nexport type InputTimeSize = ControlSize;\nexport type InputTimeWidth = ControlWidth;\n\nlet idCounter = 0;\n\nconst INVALID_TIME_MESSAGE = 'Enter a valid time.';\nconst TIME_BEFORE_MIN_MESSAGE = 'Time is before the minimum allowed time.';\nconst TIME_AFTER_MAX_MESSAGE = 'Time is after the maximum allowed time.';\nconst TIME_STEP_MESSAGE = 'Time does not match the allowed interval.';\n\n@Component({\n  tag: 'ds-input-time',\n  styleUrl: 'InputTime.css',\n  scoped: true,\n  formAssociated: true,\n})\nexport class InputTime {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  private generatedId = `ds-input-time-${++idCounter}`;\n  private errorId = `${this.generatedId}-error`;\n  private popupId = `${this.generatedId}-popup`;\n\n  @Prop({ mutable: true }) value: string = '';\n  @Prop({ reflect: true }) name: string | undefined;\n  @Prop({ reflect: true }) form: string | undefined;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) readOnly: boolean = false;\n  @Prop({ reflect: true }) required: boolean = false;\n  @Prop() requiredMessage: string = DEFAULT_REQUIRED_MESSAGE;\n  /** Native time step in seconds. Defaults to minutes (`60`). */\n  @Prop() step: string | number = 60;\n  /** Display format; submitted values remain HH:MM in either format. */\n  @Prop() hourFormat: '12' | '24' = '12';\n  @Prop() min: string | undefined;\n  @Prop() max: string | undefined;\n  @Prop() size: InputTimeSize = 'md';\n  @Prop() width: InputTimeWidth = 'fill';\n  @Prop() hasBorder: boolean = true;\n  @Prop() hasInteractionFill: boolean = true;\n  @Prop() isInactive: boolean = false;\n  @Prop() autoFocus: boolean = false;\n  @Prop() error: boolean = false;\n  @Prop() errorMessage: string | undefined;\n  @Prop() inputId: string | undefined;\n  @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n  @Prop({ attribute: 'aria-labelledby' }) ariaLabelledby: string | undefined;\n  @Prop({ attribute: 'aria-describedby' }) ariaDescribedby: string | undefined;\n\n  @Event() dsChange!: EventEmitter<string>;\n\n  private initialValue = '';\n  private inputEl?: HTMLInputElement;\n  private controlEl?: HTMLElement;\n  private clockButton?: HTMLDsButtonUnfilledElement;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  @State() private formDisabled = false;\n  @State() private focused = false;\n  @State() private touched = false;\n  @State() private draftText = '';\n  @State() private open = false;\n  @State() private shouldRender = false;\n  @State() private closing = false;\n  @State() private positionReady = false;\n  @State() private pos = { x: 0, y: 0 };\n\n  private readonly position = new AnchoredPositionController({\n    getAnchor: () => this.controlEl ?? null,\n    getPopup: () => this.el.querySelector<HTMLElement>('.input-time-popup'),\n    getOwnerDocument: () => this.el.ownerDocument,\n    measure: (anchor, popup) => {\n      if (!this.open) return null;\n      const sectionInsetPx = resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n      return {\n        anchorRect: anchor.getBoundingClientRect(),\n        popupWidth: popup.offsetWidth || this.popupFallbackWidth,\n        popupHeight: popup.offsetHeight || this.popupFallbackHeight,\n        side: 'bottom',\n        align: 'end',\n        sideOffsetPx: resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050),\n        alignOffsetPx: resolveChoicePopupAlignOffset({\n          align: 'end',\n          alignOffsetPx: 0,\n          sectionInsetPx,\n          anchorAlignment: 'popup-frame',\n        }),\n        viewportPadPx: resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050),\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n        collisionRect: resolveAnchoredOverlayBoundaryRect(anchor),\n      };\n    },\n    apply: ({ x, y }) => {\n      this.pos = { x, y };\n    },\n    onReady: () => {\n      this.positionReady = true;\n    },\n    liveUpdate: 'double-frame',\n    observeResize: true,\n    topLayer: true,\n  });\n  private readonly interaction = new AnchoredOverlayInteractionController({\n    getAnchor: () => this.controlEl ?? null,\n    getPopup: () => this.el.querySelector<HTMLElement>('.input-time-popup'),\n    getOwnerDocument: () => this.el.ownerDocument,\n    onOutsideActivation: () => this.closePicker(false),\n  });\n\n  private get popupFallbackWidth(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuWidthXs, TOKEN_DEFAULTS.menuWidthXs);\n  }\n\n  private get popupFallbackHeight(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuFallbackHeight, TOKEN_DEFAULTS.menuFallbackHeight);\n  }\n\n  private get formInactive(): boolean {\n    return this.isInactive || this.disabled || this.formDisabled;\n  }\n\n  private get pickerInactive(): boolean {\n    return this.formInactive || this.readOnly;\n  }\n\n  private get hasConstraintError(): boolean {\n    if (!this.value) return false;\n    if (!isClockTime(this.value)) return true;\n    if (this.min && isClockTime(this.min) && this.value < this.min) return true;\n    if (this.max && isClockTime(this.max) && this.value > this.max) return true;\n    return !isClockTimeStepAligned(this.value, this.step, this.min);\n  }\n\n  private get isInvalid(): boolean {\n    return (\n      this.error ||\n      (!this.formInactive &&\n        ((this.required && this.value.length === 0) || this.hasConstraintError))\n    );\n  }\n\n  componentWillLoad() {\n    this.initialValue = this.value;\n    this.syncFormValue();\n  }\n\n  disconnectedCallback() {\n    this.teardownListeners();\n    this.open = false;\n    this.shouldRender = false;\n    this.closing = false;\n    this.positionReady = false;\n    this.focused = false;\n  }\n\n  @Watch('hourFormat')\n  onHourFormatChange() {\n    this.draftText = this.displayValue;\n  }\n\n  @Watch('value')\n  @Watch('required')\n  @Watch('requiredMessage')\n  @Watch('min')\n  @Watch('max')\n  @Watch('step')\n  syncFormValue() {\n    const inactive = this.formInactive;\n    setFormControlValue(this.internals, this.value, { inactive });\n    const flags: ValidityStateFlags = {};\n    let message = '';\n    if (!inactive) {\n      if (this.required && this.value.length === 0) {\n        flags.valueMissing = true;\n        message = this.requiredMessage;\n      } else if (this.value && !isClockTime(this.value)) {\n        flags.badInput = true;\n        message = INVALID_TIME_MESSAGE;\n      } else if (this.value && this.min && isClockTime(this.min) && this.value < this.min) {\n        flags.rangeUnderflow = true;\n        message = TIME_BEFORE_MIN_MESSAGE;\n      } else if (this.value && this.max && isClockTime(this.max) && this.value > this.max) {\n        flags.rangeOverflow = true;\n        message = TIME_AFTER_MAX_MESSAGE;\n      } else if (this.value && !isClockTimeStepAligned(this.value, this.step, this.min)) {\n        flags.stepMismatch = true;\n        message = TIME_STEP_MESSAGE;\n      }\n    }\n    this.internals.setValidity(flags, message);\n  }\n\n  @Watch('disabled')\n  @Watch('isInactive')\n  @Watch('readOnly')\n  onInteractionStateChange() {\n    this.syncFormValue();\n    if (this.pickerInactive && this.shouldRender) this.closePicker(false);\n  }\n\n  formDisabledCallback(disabled: boolean) {\n    this.formDisabled = disabled;\n    this.onInteractionStateChange();\n  }\n\n  formResetCallback() {\n    this.value = this.initialValue;\n    this.draftText = this.displayValue;\n  }\n\n  formStateRestoreCallback(state: string | File | FormData | null) {\n    this.value = restoreStringFormState(state);\n    this.draftText = this.displayValue;\n  }\n\n  @Method()\n  async setFocus() {\n    this.inputEl?.focus();\n  }\n\n  @Listen('keydown')\n  handleHostKeyDown(event: KeyboardEvent) {\n    if (!this.shouldRender || this.closing) return;\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.closePicker('button');\n      return;\n    }\n    if (event.key !== 'Tab') return;\n    const popup = this.el.querySelector<HTMLElement>('.input-time-popup');\n    if (!popup || !event.composedPath().includes(popup)) return;\n    if (!this.interaction.tabLeavesPopup(event)) return;\n    event.preventDefault();\n    this.closePicker(false);\n    this.interaction.moveFocusAfterTab(event.shiftKey);\n  }\n\n  private get displayValue(): string {\n    return this.hourFormat === '24' ? this.value : formatClockTimeLabel(this.value);\n  }\n\n  private parseDraft(text: string): string | null {\n    const trimmed = text.trim();\n    if (!trimmed) return '';\n    const iso = parseLooseClockTime(trimmed);\n    if (!iso) return null;\n    if (this.min && isClockTime(this.min) && iso < this.min) return null;\n    if (this.max && isClockTime(this.max) && iso > this.max) return null;\n    if (!isClockTimeStepAligned(iso, this.step, this.min)) return null;\n    return iso;\n  }\n\n  private commitIso(iso: string, emit = true) {\n    if (this.value !== iso) {\n      this.value = iso;\n      if (emit) this.dsChange.emit(iso);\n    }\n    this.draftText = this.hourFormat === '24' ? iso : formatClockTimeLabel(iso);\n  }\n\n  private teardownListeners() {\n    this.position.unobserve();\n    this.interaction.disconnect();\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private openPicker() {\n    const inactive = this.isInactive || this.disabled || this.formDisabled || this.readOnly;\n    if (inactive || this.open || !this.el.isConnected) return;\n    this.shouldRender = true;\n    this.closing = false;\n    this.positionReady = false;\n    this.open = true;\n    this.teardownListeners();\n    this.interaction.connect();\n    this.position.observe();\n    this.position.schedule();\n  }\n\n  private closePicker(restore: 'input' | 'button' | false) {\n    if (!this.shouldRender || this.closing) return;\n    this.open = false;\n    this.position.cancel();\n    this.closing = true;\n    this.interaction.disconnect();\n    this.position.unobserve();\n    if (restore === 'input') this.inputEl?.focus();\n    if (restore === 'button') void this.clockButton?.setFocus();\n    const duration = resolveMotionTimeMs(\n      TOKEN_DEFAULTS.motionShort2,\n      TOKEN_DEFAULTS.animationDurationShort3\n    );\n    if (duration <= 0) {\n      this.finishClose();\n      return;\n    }\n    this.closeTimer = setTimeout(() => this.finishClose(), duration);\n  }\n\n  private finishClose() {\n    const popup = this.el.querySelector<HTMLElement>('.input-time-popup');\n    if (popup?.matches(':popover-open')) popup.hidePopover();\n    this.shouldRender = false;\n    this.closing = false;\n    this.closeTimer = null;\n  }\n\n  private togglePicker = () => {\n    if (this.isInactive || this.disabled || this.formDisabled || this.readOnly) return;\n    if (this.open) this.closePicker('button');\n    else this.openPicker();\n  };\n\n  private handleInput = (event: Event) => {\n    if (this.pickerInactive) return;\n    this.draftText = (event.target as HTMLInputElement).value;\n    const parsed = this.parseDraft(this.draftText);\n    if (parsed === null) return;\n    this.commitIso(parsed);\n  };\n\n  private handleFocus = () => {\n    this.draftText = this.displayValue || this.value;\n    this.focused = true;\n  };\n\n  private handleBlur = () => {\n    this.focused = false;\n    this.touched = true;\n    if (this.pickerInactive) {\n      this.draftText = this.displayValue;\n      return;\n    }\n    const parsed = this.parseDraft(this.draftText);\n    if (parsed === null) {\n      this.draftText = this.displayValue;\n      return;\n    }\n    this.commitIso(parsed);\n  };\n\n  private handleTimeChange = (event: CustomEvent<string>) => {\n    event.stopPropagation();\n    if (this.pickerInactive) return;\n    const parsed = this.parseDraft(event.detail);\n    if (parsed === null) return;\n    this.commitIso(parsed);\n  };\n\n  render() {\n    const inputId = this.inputId ?? this.generatedId;\n    const inactive = this.formInactive;\n    const pickerInactive = this.pickerInactive;\n    const filled = this.value.length > 0;\n    const dirty = this.value !== this.initialValue;\n    const showError = this.error && Boolean(this.errorMessage);\n    const textVariant = CONTROL_TEXT_VARIANT[this.size];\n    const textClass = `ds-text--${textVariant.replace('text-', '')}`;\n    const describedBy =\n      [this.ariaDescribedby, showError ? this.errorId : undefined].filter(Boolean).join(' ') ||\n      undefined;\n    const popupStyle = {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      transform: `translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,\n      zIndex: 'var(--dimension-z-index-floating)',\n      visibility: this.positionReady ? 'visible' : 'hidden',\n    };\n\n    return (\n      <Host\n        class={{\n          'input-host': true,\n          'ds-field-stack': true,\n          'ds-field-stack--supporting-inset': !this.hasBorder,\n          'ds-control-inactive': inactive,\n          [`ds-control--${this.size}`]: true,\n          ...controlWidthClass(this.width),\n        }}\n        data-disabled={inactive ? '' : undefined}\n        data-readonly={this.readOnly ? '' : undefined}\n        data-required={this.required ? '' : undefined}\n        data-invalid={this.isInvalid ? '' : undefined}\n        data-filled={filled ? '' : undefined}\n        data-focused={this.focused ? '' : undefined}\n        data-dirty={dirty ? '' : undefined}\n        data-touched={this.touched ? '' : undefined}\n      >\n        <div\n          ref={element => {\n            this.controlEl = element;\n          }}\n          class={{\n            'input-control': true,\n            'ds-control-frame': true,\n            'input-control--bordered': this.hasBorder,\n            'input-control--error': this.hasBorder && this.error,\n            'ds-interaction-fill': this.hasInteractionFill,\n            [`ds-control--${this.size}`]: true,\n          }}\n        >\n          <input\n            ref={element => {\n              this.inputEl = element;\n            }}\n            type=\"text\"\n            id={inputId}\n            value={this.focused ? this.draftText : this.displayValue}\n            disabled={inactive}\n            readOnly={this.readOnly}\n            required={this.required}\n            autoFocus={this.autoFocus}\n            autoComplete=\"off\"\n            spellcheck={false}\n            class={{\n              'native-input': true,\n              'native-input--align-start': true,\n              'ds-control-label-box': true,\n              [textClass]: true,\n              'ds-text--regular': true,\n            }}\n            aria-label={this.ariaLabel}\n            aria-labelledby={this.ariaLabelledby}\n            aria-describedby={describedBy}\n            aria-invalid={this.isInvalid ? 'true' : undefined}\n            onInput={this.handleInput}\n            onFocus={this.handleFocus}\n            onBlur={this.handleBlur}\n          />\n          <ds-button-unfilled\n            ref={element => {\n              this.clockButton = element as HTMLDsButtonUnfilledElement | undefined;\n            }}\n            class=\"input-control__datetime-action\"\n            variant=\"icon\"\n            size={this.size}\n            icon=\"Clock\"\n            hasBorder={false}\n            isInset\n            isInactive={pickerInactive}\n            ariaLabel=\"Choose time\"\n            haspopup=\"dialog\"\n            expanded={this.open}\n            surfaceOpen={this.open || this.closing}\n            controls={this.open ? this.popupId : undefined}\n            onDsClick={this.togglePicker}\n          />\n        </div>\n        {this.shouldRender ? (\n          <div\n            id={this.popupId}\n            popover=\"manual\"\n            class={{\n              'input-time-popup': true,\n              'ds-choice-popup': true,\n              'ds-choice-popup--closing': this.closing,\n              'ds-chrome-column': true,\n              'ds-chrome-space--sm': true,\n            }}\n            style={popupStyle}\n            role=\"dialog\"\n            aria-label=\"Choose time\"\n          >\n            <ds-time-picker\n              hourFormat={this.hourFormat}\n              value={this.value}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              isInactive={pickerInactive}\n              autoFocus\n              onDsChange={this.handleTimeChange}\n            />\n          </div>\n        ) : null}\n        {showError && (\n          <ds-text\n            class=\"error-text\"\n            as=\"div\"\n            variant=\"text-body-small\"\n            color=\"negative\"\n            textId={this.errorId}\n            role=\"alert\"\n          >\n            {this.errorMessage}\n          </ds-text>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-hWKa8Jn8.js

@@ -1,2 +0,0 @@
-import{p as e,H as s,h as o,a as r,t as n}from"./index.js";const i=()=>`:host,:where(.ds-table),:where(.tooltip-popup),:where(.ds-radius){--ds-radius-control:var(--dimension-radius-025);--ds-radius-card:var(--dimension-radius-050);--ds-radius-modal:var(--dimension-radius-050);--ds-radius-menu:var(--dimension-radius-075);--ds-radius-tooltip-control:var(--dimension-radius-025);--ds-radius-tooltip-menu:var(--dimension-radius-075);--ds-radius-table:var(--dimension-radius-050)}.ds-control--lg,:host(.ds-control--lg),:host(.ds-control--md),.ds-control--md,:host(.ds-control--sm),.ds-control--sm,:host(.ds-control--xs),.ds-control--xs{--ds-control-radius:var(--ds-radius-control)}:host(.ds-control--lg),.ds-control--lg{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}:host(.ds-control--md),.ds-control--md{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}:host(.ds-control--sm),.ds-control--sm{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}:host(.ds-control--xs),.ds-control--xs{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}@media (forced-colors: active){:root,:host,.ds-forced-colors-scope{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@keyframes ds-shimmer-text-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}@keyframes ds-shimmer-surface-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}.ds-shimmer-text{--ds-shimmer-base:currentColor;--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc(     var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200)   );background-color:var(--ds-shimmer-base);background-image:linear-gradient(     330deg,     transparent calc(50% - var(--ds-shimmer-spread)),     var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%,     transparent calc(50% + var(--ds-shimmer-spread))   );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ds-shimmer-text-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing)     infinite}.ds-shimmer-surface{--ds-shimmer-surface-base:var(--color-foreground-quaternary);--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc(     var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200)   );position:relative;overflow:hidden;background-color:var(--ds-shimmer-surface-base)}.ds-shimmer-surface::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(     330deg,     transparent calc(50% - var(--ds-shimmer-spread)),     var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%,     transparent calc(50% + var(--ds-shimmer-spread))   );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;animation:ds-shimmer-surface-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing)     infinite}@media (prefers-reduced-motion: reduce){.ds-shimmer-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface::after{display:none;animation:none}}@media (forced-colors: active){.ds-shimmer-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface{background-color:var(--ds-forced-color-disabled)}.ds-shimmer-surface::after{display:none;animation:none}}:host{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;vertical-align:middle;--ds-skeleton-base:var(--color-foreground-quaternary);--ds-shimmer:var(--color-shimmer-shimmer)}.skeleton__shape{--ds-shimmer-surface-base:var(--ds-skeleton-base);display:block;width:100%;height:100%;flex:0 0 auto;background-color:var(--ds-skeleton-base);border-radius:var(--dimension-radius-025)}:host(.skeleton--background-medium){--ds-skeleton-base:var(--color-foreground-on-medium-background-quaternary);--ds-shimmer:var(--color-shimmer-shimmer-on-medium-background)}:host(.skeleton--background-bold){--ds-skeleton-base:var(--color-foreground-on-bold-background-quaternary);--ds-shimmer:var(--color-shimmer-shimmer-on-bold-background)}:host(.skeleton--background-strong){--ds-skeleton-base:var(--color-foreground-on-strong-background-quaternary);--ds-shimmer:var(--color-shimmer-shimmer-on-strong-background)}:host(.skeleton--background-translucent){--ds-skeleton-base:var(--color-translucent-foreground-quaternary);--ds-shimmer:var(--color-translucent-shimmer)}:host(.skeleton--background-inverted){--ds-skeleton-base:var(--color-inverted-foreground-quaternary);--ds-shimmer:var(--color-inverted-shimmer)}:host(.skeleton--background-media){--ds-skeleton-base:var(--color-media-foreground-quaternary);--ds-shimmer:var(--color-media-shimmer)}:host(.skeleton--background-always-dark){--ds-skeleton-base:var(--color-always-dark-foreground-quaternary);--ds-shimmer:var(--color-always-dark-shimmer)}:host(.skeleton--background-navigation){--ds-skeleton-base:var(--color-navigation-foreground-quaternary);--ds-shimmer:var(--color-navigation-shimmer)}:host(.skeleton--text){width:100%;height:var(--ds-skeleton-canvas-size);padding-block:0}:host(.skeleton--text) .skeleton__shape{height:75%}:host(.skeleton--text-text-display-medium){--ds-skeleton-canvas-size:var(--typography-lineheight-3xl)}:host(.skeleton--text-text-display-small){--ds-skeleton-canvas-size:var(--typography-lineheight-2xl)}:host(.skeleton--text-text-title-large){--ds-skeleton-canvas-size:var(--typography-lineheight-xl)}:host(.skeleton--text-text-title-medium),:host(.skeleton--text-text-body-large){--ds-skeleton-canvas-size:var(--typography-lineheight-lg)}:host(.skeleton--text-text-title-small),:host(.skeleton--text-text-body-medium){--ds-skeleton-canvas-size:var(--typography-lineheight-md)}:host(.skeleton--text-text-body-small){--ds-skeleton-canvas-size:var(--typography-lineheight-sm)}:host(.skeleton--text-text-caption){--ds-skeleton-canvas-size:var(--typography-lineheight-xs)}:host(.skeleton--icon){width:var(--ds-skeleton-canvas-size);height:var(--ds-skeleton-canvas-size);padding:0}:host(.skeleton--icon) .skeleton__shape{width:75%;height:75%}:host(.skeleton--icon.skeleton--rounded) .skeleton__shape{border-radius:var(--dimension-radius-half)}:host(.skeleton--icon-xs){--ds-skeleton-canvas-size:var(--dimension-iconography-xs)}:host(.skeleton--icon-sm){--ds-skeleton-canvas-size:var(--dimension-iconography-sm)}:host(.skeleton--icon-md){--ds-skeleton-canvas-size:var(--dimension-iconography-md)}:host(.skeleton--icon-lg){--ds-skeleton-canvas-size:var(--dimension-iconography-lg)}:host(.skeleton--icon-xl){--ds-skeleton-canvas-size:var(--dimension-iconography-xl)}:host(.skeleton--icon-2xl){--ds-skeleton-canvas-size:var(--dimension-iconography-2xl)}:host(.skeleton--icon-3xl){--ds-skeleton-canvas-size:var(--dimension-iconography-3xl)}:host(.skeleton--control){width:100%;height:var(--ds-control-height)}:host(.skeleton--control) .skeleton__shape{border-radius:var(--ds-control-radius, var(--dimension-radius-025))}:host(.skeleton--control.skeleton--rounded) .skeleton__shape{border-radius:var(--dimension-radius-half)}@media (forced-colors: active){.skeleton__shape{background-color:var(--ds-forced-color-disabled)}}`;const t=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.variant="text";this.textVariant="text-body-medium";this.iconSize="md";this.controlSize="md";this.rounded=false;this.shimmer=true}get widthCss(){const e=this.width;if(e==null)return undefined;return typeof e==="number"?`${e}px`:e}render(){return o(r,{key:"9076c8d30a1e2834c992b999fe9c631ed8aee434","aria-hidden":"true",class:{skeleton:true,[`skeleton--${this.variant}`]:true,[`skeleton--text-${this.textVariant}`]:this.variant==="text",[`skeleton--icon-${this.iconSize}`]:this.variant==="icon",[`ds-control--${this.controlSize}`]:this.variant==="control",[`skeleton--background-${this.background}`]:!!this.background,"skeleton--rounded":this.variant!=="text"&&this.rounded},style:this.variant==="icon"?undefined:{width:this.widthCss}},o("span",{key:"7567f88c95cbd980a00c0cb9f7a12733ef47ed38",class:{skeleton__shape:true,"ds-shimmer-surface":this.shimmer}}))}static get style(){return i()}},[1,"ds-skeleton",{variant:[1],textVariant:[1,"text-variant"],iconSize:[1,"icon-size"],controlSize:[1,"control-size"],width:[8],rounded:[4],shimmer:[4],background:[1]}]);function a(){if(typeof customElements==="undefined"){return}const e=["ds-skeleton"];e.forEach((e=>{switch(e){case"ds-skeleton":if(!customElements.get(n(e))){customElements.define(n(e),t)}break}}))}a();export{t as S,a as d};
-//# sourceMappingURL=p-hWKa8Jn8.js.map

package/dist/components/p-hWKa8Jn8.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["skeletonCss","Skeleton","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","textVariant","iconSize","controlSize","rounded","shimmer","widthCss","v","width","undefined","render","h","Host","key","class","skeleton","background","style","skeleton__shape"],"sources":["src/wc/components/Skeleton/Skeleton.css?tag=ds-skeleton&encapsulation=shadow","src/wc/components/Skeleton/Skeleton.tsx"],"sourcesContent":["@import '../../utils/radius.css';\n@import '../../utils/control-density.css';\n@import '../../utils/shimmer.css';\n\n:host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  min-width: 0;\n  vertical-align: middle;\n  --ds-skeleton-base: var(--color-foreground-quaternary);\n  --ds-shimmer: var(--color-shimmer-shimmer);\n}\n\n.skeleton__shape {\n  --ds-shimmer-surface-base: var(--ds-skeleton-base);\n\n  display: block;\n  width: 100%;\n  height: 100%;\n  flex: 0 0 auto;\n  background-color: var(--ds-skeleton-base);\n  border-radius: var(--dimension-radius-025);\n}\n\n/* ── Background context ────────────────────────────────────────────────── */\n\n:host(.skeleton--background-medium) {\n  --ds-skeleton-base: var(--color-foreground-on-medium-background-quaternary);\n  --ds-shimmer: var(--color-shimmer-shimmer-on-medium-background);\n}\n\n:host(.skeleton--background-bold) {\n  --ds-skeleton-base: var(--color-foreground-on-bold-background-quaternary);\n  --ds-shimmer: var(--color-shimmer-shimmer-on-bold-background);\n}\n\n:host(.skeleton--background-strong) {\n  --ds-skeleton-base: var(--color-foreground-on-strong-background-quaternary);\n  --ds-shimmer: var(--color-shimmer-shimmer-on-strong-background);\n}\n\n:host(.skeleton--background-translucent) {\n  --ds-skeleton-base: var(--color-translucent-foreground-quaternary);\n  --ds-shimmer: var(--color-translucent-shimmer);\n}\n\n:host(.skeleton--background-inverted) {\n  --ds-skeleton-base: var(--color-inverted-foreground-quaternary);\n  --ds-shimmer: var(--color-inverted-shimmer);\n}\n\n:host(.skeleton--background-media) {\n  --ds-skeleton-base: var(--color-media-foreground-quaternary);\n  --ds-shimmer: var(--color-media-shimmer);\n}\n\n:host(.skeleton--background-always-dark) {\n  --ds-skeleton-base: var(--color-always-dark-foreground-quaternary);\n  --ds-shimmer: var(--color-always-dark-shimmer);\n}\n\n:host(.skeleton--background-navigation) {\n  --ds-skeleton-base: var(--color-navigation-foreground-quaternary);\n  --ds-shimmer: var(--color-navigation-shimmer);\n}\n\n/* ── Text ──────────────────────────────────────────────────────────────── */\n\n:host(.skeleton--text) {\n  width: 100%;\n  height: var(--ds-skeleton-canvas-size);\n  padding-block: 0;\n}\n\n:host(.skeleton--text) .skeleton__shape {\n  height: 75%;\n}\n\n:host(.skeleton--text-text-display-medium) {\n  --ds-skeleton-canvas-size: var(--typography-lineheight-3xl);\n}\n:host(.skeleton--text-text-display-small) {\n  --ds-skeleton-canvas-size: var(--typography-lineheight-2xl);\n}\n:host(.skeleton--text-text-title-large) {\n  --ds-skeleton-canvas-size: var(--typography-lineheight-xl);\n}\n:host(.skeleton--text-text-title-medium),\n:host(.skeleton--text-text-body-large) {\n  --ds-skeleton-canvas-size: var(--typography-lineheight-lg);\n}\n:host(.skeleton--text-text-title-small),\n:host(.skeleton--text-text-body-medium) {\n  --ds-skeleton-canvas-size: var(--typography-lineheight-md);\n}\n:host(.skeleton--text-text-body-small) {\n  --ds-skeleton-canvas-size: var(--typography-lineheight-sm);\n}\n:host(.skeleton--text-text-caption) {\n  --ds-skeleton-canvas-size: var(--typography-lineheight-xs);\n}\n\n/* ── Icon ──────────────────────────────────────────────────────────────── */\n\n:host(.skeleton--icon) {\n  width: var(--ds-skeleton-canvas-size);\n  height: var(--ds-skeleton-canvas-size);\n  padding: 0;\n}\n\n:host(.skeleton--icon) .skeleton__shape {\n  width: 75%;\n  height: 75%;\n}\n\n:host(.skeleton--icon.skeleton--rounded) .skeleton__shape {\n  border-radius: var(--dimension-radius-half);\n}\n\n:host(.skeleton--icon-xs) {\n  --ds-skeleton-canvas-size: var(--dimension-iconography-xs);\n}\n:host(.skeleton--icon-sm) {\n  --ds-skeleton-canvas-size: var(--dimension-iconography-sm);\n}\n:host(.skeleton--icon-md) {\n  --ds-skeleton-canvas-size: var(--dimension-iconography-md);\n}\n:host(.skeleton--icon-lg) {\n  --ds-skeleton-canvas-size: var(--dimension-iconography-lg);\n}\n:host(.skeleton--icon-xl) {\n  --ds-skeleton-canvas-size: var(--dimension-iconography-xl);\n}\n:host(.skeleton--icon-2xl) {\n  --ds-skeleton-canvas-size: var(--dimension-iconography-2xl);\n}\n:host(.skeleton--icon-3xl) {\n  --ds-skeleton-canvas-size: var(--dimension-iconography-3xl);\n}\n\n/* ── Control ───────────────────────────────────────────────────────────── */\n\n:host(.skeleton--control) {\n  width: 100%;\n  height: var(--ds-control-height);\n}\n\n:host(.skeleton--control) .skeleton__shape {\n  border-radius: var(--ds-control-radius, var(--dimension-radius-025));\n}\n\n:host(.skeleton--control.skeleton--rounded) .skeleton__shape {\n  border-radius: var(--dimension-radius-half);\n}\n\n@media (forced-colors: active) {\n  .skeleton__shape {\n    background-color: var(--ds-forced-color-disabled);\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { IconSize } from '../Icon/Icon';\nimport type { TextVariant } from '../Text/text-types';\nimport type { ControlSize } from '../../utils/control-text';\n\nexport type SkeletonVariant = 'text' | 'icon' | 'control';\nexport type SkeletonBackground =\n  | 'faint'\n  | 'medium'\n  | 'bold'\n  | 'strong'\n  | 'translucent'\n  | 'inverted'\n  | 'media'\n  | 'navigation'\n  | 'always-dark';\n\n@Component({\n  tag: 'ds-skeleton',\n  styleUrl: 'Skeleton.css',\n  shadow: true,\n})\nexport class Skeleton {\n  @Prop() variant: SkeletonVariant = 'text';\n  /** Text metric recipe whose line-height defines the text canvas. */\n  @Prop() textVariant: TextVariant = 'text-body-medium';\n  /** Iconography token whose square canvas defines the icon canvas. */\n  @Prop() iconSize: IconSize = 'md';\n  /** Shared control-density size whose height defines the control canvas. */\n  @Prop() controlSize: ControlSize = 'md';\n  /** Width of text and control skeleton canvases. Numbers resolve to px. Ignored for icons. */\n  @Prop() width: string | number | undefined;\n  /** Round icon skeletons into circles and control skeletons into pills. Ignored for text. */\n  @Prop() rounded: boolean = false;\n  /** Whether to show the shimmer animation. */\n  @Prop() shimmer: boolean = true;\n  /** Actual parent surface context. Omit on primary and secondary surfaces. */\n  @Prop() background: SkeletonBackground | undefined;\n\n  private get widthCss() {\n    const v = this.width;\n    if (v == null) return undefined;\n    return typeof v === 'number' ? `${v}px` : v;\n  }\n\n  render() {\n    return (\n      <Host\n        aria-hidden=\"true\"\n        class={{\n          skeleton: true,\n          [`skeleton--${this.variant}`]: true,\n          [`skeleton--text-${this.textVariant}`]: this.variant === 'text',\n          [`skeleton--icon-${this.iconSize}`]: this.variant === 'icon',\n          [`ds-control--${this.controlSize}`]: this.variant === 'control',\n          [`skeleton--background-${this.background}`]: !!this.background,\n          'skeleton--rounded': this.variant !== 'text' && this.rounded,\n        }}\n        style={this.variant === 'icon' ? undefined : { width: this.widthCss }}\n      >\n        <span\n          class={{\n            skeleton__shape: true,\n            'ds-shimmer-surface': this.shimmer,\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAc,IAAM,qkR,MCsBbC,EAAQC,EAAA,MAAAD,UAAAE,EALrB,WAAAC,CAAAC,G,kEAMUC,KAAAC,QAA2B,OAE3BD,KAAAE,YAA2B,mBAE3BF,KAAAG,SAAqB,KAErBH,KAAAI,YAA2B,KAI3BJ,KAAAK,QAAmB,MAEnBL,KAAAM,QAAmB,IAkC5B,CA9BC,YAAYC,GACV,MAAMC,EAAIR,KAAKS,MACf,GAAID,GAAK,KAAM,OAAOE,UACtB,cAAcF,IAAM,SAAW,GAAGA,MAAQA,C,CAG5C,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,yDACS,OACZC,MAAO,CACLC,SAAU,KACV,CAAC,aAAahB,KAAKC,WAAY,KAC/B,CAAC,kBAAkBD,KAAKE,eAAgBF,KAAKC,UAAY,OACzD,CAAC,kBAAkBD,KAAKG,YAAaH,KAAKC,UAAY,OACtD,CAAC,eAAeD,KAAKI,eAAgBJ,KAAKC,UAAY,UACtD,CAAC,wBAAwBD,KAAKiB,gBAAiBjB,KAAKiB,WACpD,oBAAqBjB,KAAKC,UAAY,QAAUD,KAAKK,SAEvDa,MAAOlB,KAAKC,UAAY,OAASS,UAAY,CAAED,MAAOT,KAAKO,WAE3DK,EAAA,QAAAE,IAAA,2CACEC,MAAO,CACLI,gBAAiB,KACjB,qBAAsBnB,KAAKM,W","ignoreList":[]}

package/dist/components/p-xCqqM1Rg.js

@@ -1,2 +0,0 @@
-import{p as s,H as e,h as t,a as i,t as d}from"./index.js";import{d as n}from"./p-CTAF7SkL.js";const o=()=>`.text-field-support.sc-ds-field{display:flex;align-items:baseline;gap:var(--dimension-space-100);width:100%}.text-field-support.sc-ds-field>.sc-ds-field:first-child:not(.text-field-count){flex:1;min-width:0}.text-field-count.sc-ds-field{flex:none;white-space:nowrap}.ds-control--lg.sc-ds-field,.ds-control--lg.sc-ds-field-h,.ds-control--md.sc-ds-field-h,.ds-control--md.sc-ds-field,.ds-control--sm.sc-ds-field-h,.ds-control--sm.sc-ds-field,.ds-control--xs.sc-ds-field-h,.ds-control--xs.sc-ds-field{--ds-control-radius:var(--ds-radius-control)}.ds-control--lg.sc-ds-field-h,.ds-control--lg.sc-ds-field{--ds-control-height:var(--dimension-size-500);--ds-control-icon:var(--dimension-iconography-lg);--ds-control-padding-inline:var(--dimension-space-100);--ds-control-label-inset:var(--dimension-space-050);--ds-control-gap:var(--dimension-space-050)}.ds-control--md.sc-ds-field-h,.ds-control--md.sc-ds-field{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050)}.ds-control--sm.sc-ds-field-h,.ds-control--sm.sc-ds-field{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025)}.ds-control--xs.sc-ds-field-h,.ds-control--xs.sc-ds-field{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0}.ds-field-stack.sc-ds-field-h,.ds-field-stack.sc-ds-field{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-field-h .error-text.sc-ds-field,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-field .error-text.sc-ds-field,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-field .field__description.sc-ds-field,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-field .field__error.sc-ds-field{padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}.sc-ds-field-h{display:block}.field__control.sc-ds-field{display:flex;min-width:0}.field__control.sc-ds-field>*.sc-ds-field{width:100%}`;let r=0;const a=s=>s?.split(/\s+/).filter(Boolean)??[];const l=(...s)=>[...new Set(s.flat())];const c=["lg","md","sm","xs"];const h=s=>c.includes(s.size)?s.size:"md";const f=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.error=false;this.constraintMessage="";this.focused=false;this.filled=false;this.dirty=false;this.touched=false;this.controlDisabled=false;this.controlRequired=false;this.controlBorderless=false;this.controlSize="md";this.slotRevision=0;this.generatedId=`ds-field-${++r}`;this.initialValue="";this.authoredAria=new WeakMap;this.didLoad=false;this.syncControl=()=>{const s=this.findControl();if(!s)return;if(s!==this.control){this.control=s;this.initialValue=this.readValue(s);this.authoredAria.set(s,{labelledby:a(s.getAttribute("aria-labelledby")),describedby:a(s.getAttribute("aria-describedby"))});this.observeControlAttributes(s)}this.constraintMessage=s.getAttribute("data-constraint-message")??"";this.characterCount=s.getAttribute("data-character-count")??undefined;this.characterLimit=s.getAttribute("data-character-limit")??undefined;const e=s.tagName.startsWith("DS-");if(e&&"inputId"in s)s.inputId=this.controlId;else this.updateControlAttribute(s,"id",this.controlId);const t=this.authoredAria.get(s)??{labelledby:[],describedby:[]};const i=l(t.labelledby,this.hasLabel?[this.labelId]:[]).join(" ");const d=l(t.describedby,this.renderedDescription?[this.descriptionId]:[],this.renderedError?[this.errorId]:[],this.characterCount!==undefined?[`${this.controlId}-count`]:[]).join(" ");this.updateControlAttribute(s,"aria-labelledby",i||undefined);this.updateControlAttribute(s,"aria-describedby",d||undefined);this.updateControlAttribute(s,"aria-invalid",this.error?"true":undefined);if(e&&"error"in s&&s.error!==this.error)s.error=this.error;const n=this.readValue(s);this.filled=n.length>0;this.dirty=n!==this.initialValue;this.controlDisabled=Boolean(s.disabled||s.isInactive||s.hasAttribute("disabled"));this.controlRequired=Boolean(s.required||s.hasAttribute("required"));this.controlBorderless=s.hasBorder===false;this.controlSize=h(s)};this.handleLabelClick=s=>{if(!this.control?.tagName.startsWith("DS-"))return;s.preventDefault();this.control.setFocus?.()};this.handleFocusIn=()=>{this.focused=true};this.handleFocusOut=s=>{if(s.relatedTarget instanceof Node&&this.el.contains(s.relatedTarget))return;this.focused=false;this.touched=true};this.handleValueChange=()=>{this.syncControl()}}connectedCallback(){if(this.didLoad)this.observeLateControls()}disconnectedCallback(){this.childObserver?.disconnect();this.childObserver=undefined;this.controlAttrObserver?.disconnect();this.controlAttrObserver=undefined}componentDidLoad(){this.syncControl();this.didLoad=true;this.observeLateControls();requestAnimationFrame((()=>this.syncControl()))}componentDidRender(){this.syncControl()}onFieldContractChange(){this.syncControl()}get hasLabel(){return Boolean(this.label?.trim())}get controlId(){return this.fieldId||this.generatedId}get labelId(){return`${this.controlId}-label`}get descriptionId(){return`${this.controlId}-description`}get errorId(){return`${this.controlId}-error`}get renderedDescription(){return Boolean(this.description)&&!this.renderedError}get renderedError(){return Boolean(this.visibleError)}get visibleError(){return this.error&&this.errorMessage?this.errorMessage:this.constraintMessage}readValue(s){if(s.tokenized)return[...s.tokens??[],String(s.value??"")].filter(Boolean).join("");const e=s.value;return Array.isArray(e)?e.join(""):String(e??"")}updateControlAttribute(s,e,t){if(t===undefined){if(s.hasAttribute(e))s.removeAttribute(e);return}if(s.getAttribute(e)!==t)s.setAttribute(e,t)}findControl(){return this.controlContainer?.querySelector(":scope > :not(slot)")??undefined}observeLateControls(){if(this.childObserver||typeof MutationObserver==="undefined")return;this.childObserver=new MutationObserver((s=>{const e=s.some((s=>Array.from(s.addedNodes).some((s=>s.nodeType===1))));if(e)this.slotRevision++}));this.childObserver.observe(this.el,{childList:true})}observeControlAttributes(s){this.controlAttrObserver?.disconnect();this.controlAttrObserver=new MutationObserver((()=>this.syncControl()));this.controlAttrObserver.observe(s,{attributes:true,attributeFilter:["has-border","size","class","data-constraint-message","data-character-count","data-character-limit"]})}render(){return t(i,{key:"ef8fe7752f629c42e3dffb7a8d06e8a5c90d6e5d","data-focused":this.focused?"":undefined,"data-filled":this.filled?"":undefined,"data-dirty":this.dirty?"":undefined,"data-touched":this.touched?"":undefined,"data-invalid":this.error||this.constraintMessage?"":undefined,"data-disabled":this.controlDisabled?"":undefined,"data-required":this.controlRequired?"":undefined,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onInput:this.handleValueChange,onChange:this.handleValueChange,onDsChange:this.handleValueChange,onDsTokensChange:this.handleValueChange},t("div",{key:"d02095323546767fda09b63348fa13de11fe03ce",class:{field:true,"ds-field-stack":true,"ds-field-stack--supporting-inset":this.controlBorderless,[`ds-control--${this.controlSize}`]:true}},this.hasLabel?t("ds-text",{class:"field__label",as:"label",variant:"text-body-small",color:"primary",emphasis:true,for:this.controlId,textId:this.labelId,onClick:this.handleLabelClick},this.label):null,t("div",{key:"a3b5b890024b307a8b746f6514dc3618909e6576",class:"field__control",ref:s=>this.controlContainer=s},t("slot",{key:"34c7547959ae5c6fcf0258a6761ae1edda27c3ae",onSlotchange:this.syncControl})),(this.renderedDescription||this.renderedError||this.characterCount!==undefined)&&t("div",{key:"37b8cfb229b5307e34a6463a3a1d2d011e46ab79",class:"text-field-support"},this.renderedDescription&&t("ds-text",{key:"5608b6288e13d666d09820a35516bfb92187d0a8",class:"field__description",as:"div",variant:"text-body-small",color:"secondary",textId:this.descriptionId},this.description),this.renderedError&&t("ds-text",{key:"fbf80b1224acacb670dd0f9fb6c84fd20f4033dc",class:"field__error",as:"div",variant:"text-body-small",color:"negative",textId:this.errorId,role:"alert"},this.visibleError),this.characterCount!==undefined&&t("ds-text",{key:"b8ac237c5178bc1fcbaa9152e311c5401c3af216",class:"text-field-count",as:"span",variant:"text-body-small",color:this.error||this.constraintMessage?"negative":"secondary",textId:`${this.controlId}-count`},this.characterCount,"/",this.characterLimit))))}get el(){return this}static get watchers(){return{fieldId:[{onFieldContractChange:0}],label:[{onFieldContractChange:0}],description:[{onFieldContractChange:0}],error:[{onFieldContractChange:0}],errorMessage:[{onFieldContractChange:0}]}}static get style(){return o()}},[262,"ds-field",{label:[1],fieldId:[1,"field-id"],description:[1],error:[4],errorMessage:[1,"error-message"],constraintMessage:[32],characterCount:[32],characterLimit:[32],focused:[32],filled:[32],dirty:[32],touched:[32],controlDisabled:[32],controlRequired:[32],controlBorderless:[32],controlSize:[32],slotRevision:[32]},undefined,{fieldId:[{onFieldContractChange:0}],label:[{onFieldContractChange:0}],description:[{onFieldContractChange:0}],error:[{onFieldContractChange:0}],errorMessage:[{onFieldContractChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const s=["ds-field","ds-text"];s.forEach((s=>{switch(s){case"ds-field":if(!customElements.get(d(s))){customElements.define(d(s),f)}break;case"ds-text":if(!customElements.get(d(s))){n()}break}}))}u();export{f as F,u as d};
-//# sourceMappingURL=p-xCqqM1Rg.js.map

package/dist/components/p-xCqqM1Rg.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["fieldCss","fieldCounter","tokens","value","split","filter","Boolean","uniqueTokens","groups","Set","flat","CONTROL_SIZES","readControlSize","control","includes","size","Field","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","error","constraintMessage","focused","filled","dirty","touched","controlDisabled","controlRequired","controlBorderless","controlSize","slotRevision","generatedId","initialValue","authoredAria","WeakMap","didLoad","syncControl","findControl","readValue","set","labelledby","getAttribute","describedby","observeControlAttributes","characterCount","undefined","characterLimit","isDsControl","tagName","startsWith","inputId","controlId","updateControlAttribute","authored","get","hasLabel","labelId","join","renderedDescription","descriptionId","renderedError","errorId","length","disabled","isInactive","hasAttribute","required","hasBorder","handleLabelClick","event","preventDefault","setFocus","handleFocusIn","handleFocusOut","relatedTarget","Node","el","contains","handleValueChange","connectedCallback","observeLateControls","disconnectedCallback","childObserver","disconnect","controlAttrObserver","componentDidLoad","requestAnimationFrame","componentDidRender","onFieldContractChange","label","trim","fieldId","description","visibleError","errorMessage","tokenized","String","Array","isArray","name","removeAttribute","setAttribute","controlContainer","querySelector","MutationObserver","records","addedControl","some","record","from","addedNodes","node","nodeType","observe","childList","attributes","attributeFilter","render","h","Host","key","onFocusin","onFocusout","onInput","onChange","onDsChange","onDsTokensChange","class","field","as","variant","color","emphasis","for","textId","onClick","ref","onSlotchange","role"],"sources":["src/wc/components/Field/Field.css?tag=ds-field&encapsulation=scoped","src/wc/components/Field/Field.tsx"],"sourcesContent":["@import '../../utils/text-field-support.css';\n@import '../../utils/control-density.css';\n@import '../../utils/field-stack.css';\n\n:host {\n  display: block;\n}\n\n.field__control {\n  display: flex;\n  min-width: 0;\n}\n\n.field__control > * {\n  width: 100%;\n}\n","import { Component, Element, Prop, State, Watch, h, Host } from '@stencil/core';\n\ninterface FieldControl extends HTMLElement {\n  value?: string | string[];\n  tokens?: string[];\n  tokenized?: boolean;\n  inputId?: string;\n  error?: boolean;\n  disabled?: boolean;\n  isInactive?: boolean;\n  required?: boolean;\n  hasBorder?: boolean;\n  size?: string;\n  setFocus?: () => Promise<void> | void;\n}\n\ninterface AuthoredAria {\n  labelledby: string[];\n  describedby: string[];\n}\n\nlet fieldCounter = 0;\n\nconst tokens = (value: string | null | undefined): string[] =>\n  value?.split(/\\s+/).filter(Boolean) ?? [];\n\nconst uniqueTokens = (...groups: string[][]): string[] => [...new Set(groups.flat())];\n\nconst CONTROL_SIZES = ['lg', 'md', 'sm', 'xs'] as const;\ntype FieldControlSize = (typeof CONTROL_SIZES)[number];\n\nconst readControlSize = (control: FieldControl): FieldControlSize =>\n  CONTROL_SIZES.includes(control.size as FieldControlSize)\n    ? (control.size as FieldControlSize)\n    : 'md';\n\n@Component({\n  tag: 'ds-field',\n  styleUrl: 'Field.css',\n  scoped: true,\n})\nexport class Field {\n  @Element() el!: HTMLElement;\n\n  /** Visible label for the slotted control. Omit when a nearby heading already names the field. */\n  @Prop() label?: string;\n  /** Explicit ID for the slotted control; generated when omitted. */\n  @Prop() fieldId: string | undefined;\n  /** Optional guidance associated with the slotted control while no visible error is shown. */\n  @Prop() description: string | undefined;\n  /** Invalid visual and accessible state forwarded to supported ds controls. */\n  @Prop() error: boolean = false;\n  /** Visible error associated with the slotted control while error is true. */\n  @Prop() errorMessage: string | undefined;\n\n  @State() private constraintMessage = '';\n  @State() private characterCount: string | undefined;\n  @State() private characterLimit: string | undefined;\n  @State() private focused = false;\n  @State() private filled = false;\n  @State() private dirty = false;\n  @State() private touched = false;\n  @State() private controlDisabled = false;\n  @State() private controlRequired = false;\n  @State() private controlBorderless = false;\n  @State() private controlSize: 'lg' | 'md' | 'sm' | 'xs' = 'md';\n  /** Bumped to let Stencil relocate a control added after the initial render. */\n  @State() private slotRevision = 0;\n\n  private readonly generatedId = `ds-field-${++fieldCounter}`;\n  private controlContainer?: HTMLDivElement;\n  private control?: FieldControl;\n  private initialValue = '';\n  private authoredAria = new WeakMap<FieldControl, AuthoredAria>();\n  private childObserver?: MutationObserver;\n  private controlAttrObserver?: MutationObserver;\n  private didLoad = false;\n\n  connectedCallback() {\n    if (this.didLoad) this.observeLateControls();\n  }\n\n  disconnectedCallback() {\n    this.childObserver?.disconnect();\n    this.childObserver = undefined;\n    this.controlAttrObserver?.disconnect();\n    this.controlAttrObserver = undefined;\n  }\n\n  componentDidLoad() {\n    this.syncControl();\n    this.didLoad = true;\n    this.observeLateControls();\n    requestAnimationFrame(() => this.syncControl());\n  }\n\n  componentDidRender() {\n    this.syncControl();\n  }\n\n  @Watch('fieldId')\n  @Watch('label')\n  @Watch('description')\n  @Watch('error')\n  @Watch('errorMessage')\n  onFieldContractChange() {\n    this.syncControl();\n  }\n\n  private get hasLabel(): boolean {\n    return Boolean(this.label?.trim());\n  }\n\n  private get controlId(): string {\n    return this.fieldId || this.generatedId;\n  }\n\n  private get labelId(): string {\n    return `${this.controlId}-label`;\n  }\n\n  private get descriptionId(): string {\n    return `${this.controlId}-description`;\n  }\n\n  private get errorId(): string {\n    return `${this.controlId}-error`;\n  }\n\n  private get renderedDescription(): boolean {\n    return Boolean(this.description) && !this.renderedError;\n  }\n\n  private get renderedError(): boolean {\n    return Boolean(this.visibleError);\n  }\n\n  private get visibleError(): string {\n    return this.error && this.errorMessage ? this.errorMessage : this.constraintMessage;\n  }\n\n  private readValue(control: FieldControl): string {\n    if (control.tokenized)\n      return [...(control.tokens ?? []), String(control.value ?? '')]\n        .filter(Boolean)\n        .join('\\u001f');\n    const value = control.value;\n    return Array.isArray(value) ? value.join('\\u001f') : String(value ?? '');\n  }\n\n  private updateControlAttribute(control: FieldControl, name: string, value: string | undefined) {\n    if (value === undefined) {\n      if (control.hasAttribute(name)) control.removeAttribute(name);\n      return;\n    }\n    if (control.getAttribute(name) !== value) control.setAttribute(name, value);\n  }\n\n  private findControl(): FieldControl | undefined {\n    return this.controlContainer?.querySelector<FieldControl>(':scope > :not(slot)') ?? undefined;\n  }\n\n  private observeLateControls() {\n    if (this.childObserver || typeof MutationObserver === 'undefined') return;\n    this.childObserver = new MutationObserver(records => {\n      const addedControl = records.some(record =>\n        Array.from(record.addedNodes).some(node => node.nodeType === 1)\n      );\n      if (addedControl) this.slotRevision++;\n    });\n    this.childObserver.observe(this.el, { childList: true });\n  }\n\n  private syncControl = () => {\n    const control = this.findControl();\n    if (!control) return;\n\n    if (control !== this.control) {\n      this.control = control;\n      this.initialValue = this.readValue(control);\n      this.authoredAria.set(control, {\n        labelledby: tokens(control.getAttribute('aria-labelledby')),\n        describedby: tokens(control.getAttribute('aria-describedby')),\n      });\n      this.observeControlAttributes(control);\n    }\n\n    this.constraintMessage = control.getAttribute('data-constraint-message') ?? '';\n    this.characterCount = control.getAttribute('data-character-count') ?? undefined;\n    this.characterLimit = control.getAttribute('data-character-limit') ?? undefined;\n\n    const isDsControl = control.tagName.startsWith('DS-');\n    if (isDsControl && 'inputId' in control) control.inputId = this.controlId;\n    else this.updateControlAttribute(control, 'id', this.controlId);\n\n    const authored = this.authoredAria.get(control) ?? { labelledby: [], describedby: [] };\n    const labelledby = uniqueTokens(authored.labelledby, this.hasLabel ? [this.labelId] : []).join(\n      ' '\n    );\n    const describedby = uniqueTokens(\n      authored.describedby,\n      this.renderedDescription ? [this.descriptionId] : [],\n      this.renderedError ? [this.errorId] : [],\n      this.characterCount !== undefined ? [`${this.controlId}-count`] : []\n    ).join(' ');\n\n    this.updateControlAttribute(control, 'aria-labelledby', labelledby || undefined);\n    this.updateControlAttribute(control, 'aria-describedby', describedby || undefined);\n    this.updateControlAttribute(control, 'aria-invalid', this.error ? 'true' : undefined);\n\n    if (isDsControl && 'error' in control && control.error !== this.error)\n      control.error = this.error;\n\n    const value = this.readValue(control);\n    this.filled = value.length > 0;\n    this.dirty = value !== this.initialValue;\n    this.controlDisabled = Boolean(\n      control.disabled || control.isInactive || control.hasAttribute('disabled')\n    );\n    this.controlRequired = Boolean(control.required || control.hasAttribute('required'));\n    this.controlBorderless = control.hasBorder === false;\n    this.controlSize = readControlSize(control);\n  };\n\n  private observeControlAttributes(control: FieldControl) {\n    this.controlAttrObserver?.disconnect();\n    this.controlAttrObserver = new MutationObserver(() => this.syncControl());\n    this.controlAttrObserver.observe(control, {\n      attributes: true,\n      attributeFilter: [\n        'has-border',\n        'size',\n        'class',\n        'data-constraint-message',\n        'data-character-count',\n        'data-character-limit',\n      ],\n    });\n  }\n\n  private handleLabelClick = (event: MouseEvent) => {\n    if (!this.control?.tagName.startsWith('DS-')) return;\n    event.preventDefault();\n    this.control.setFocus?.();\n  };\n\n  private handleFocusIn = () => {\n    this.focused = true;\n  };\n\n  private handleFocusOut = (event: FocusEvent) => {\n    if (event.relatedTarget instanceof Node && this.el.contains(event.relatedTarget)) return;\n    this.focused = false;\n    this.touched = true;\n  };\n\n  private handleValueChange = () => {\n    this.syncControl();\n  };\n\n  render() {\n    return (\n      <Host\n        data-focused={this.focused ? '' : undefined}\n        data-filled={this.filled ? '' : undefined}\n        data-dirty={this.dirty ? '' : undefined}\n        data-touched={this.touched ? '' : undefined}\n        data-invalid={this.error || this.constraintMessage ? '' : undefined}\n        data-disabled={this.controlDisabled ? '' : undefined}\n        data-required={this.controlRequired ? '' : undefined}\n        onFocusin={this.handleFocusIn}\n        onFocusout={this.handleFocusOut}\n        onInput={this.handleValueChange}\n        onChange={this.handleValueChange}\n        onDsChange={this.handleValueChange}\n        onDsTokensChange={this.handleValueChange}\n      >\n        <div\n          class={{\n            field: true,\n            'ds-field-stack': true,\n            'ds-field-stack--supporting-inset': this.controlBorderless,\n            [`ds-control--${this.controlSize}`]: true,\n          }}\n        >\n          {this.hasLabel ? (\n            <ds-text\n              class=\"field__label\"\n              as=\"label\"\n              variant=\"text-body-small\"\n              color=\"primary\"\n              emphasis\n              for={this.controlId}\n              textId={this.labelId}\n              onClick={this.handleLabelClick}\n            >\n              {this.label}\n            </ds-text>\n          ) : null}\n          <div class=\"field__control\" ref={el => (this.controlContainer = el)}>\n            <slot onSlotchange={this.syncControl} />\n          </div>\n          {(this.renderedDescription ||\n            this.renderedError ||\n            this.characterCount !== undefined) && (\n            <div class=\"text-field-support\">\n              {this.renderedDescription && (\n                <ds-text\n                  class=\"field__description\"\n                  as=\"div\"\n                  variant=\"text-body-small\"\n                  color=\"secondary\"\n                  textId={this.descriptionId}\n                >\n                  {this.description}\n                </ds-text>\n              )}\n              {this.renderedError && (\n                <ds-text\n                  class=\"field__error\"\n                  as=\"div\"\n                  variant=\"text-body-small\"\n                  color=\"negative\"\n                  textId={this.errorId}\n                  role=\"alert\"\n                >\n                  {this.visibleError}\n                </ds-text>\n              )}\n              {this.characterCount !== undefined && (\n                <ds-text\n                  class=\"text-field-count\"\n                  as=\"span\"\n                  variant=\"text-body-small\"\n                  color={this.error || this.constraintMessage ? 'negative' : 'secondary'}\n                  textId={`${this.controlId}-count`}\n                >\n                  {this.characterCount}/{this.characterLimit}\n                </ds-text>\n              )}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/types/utils/cartesian-chart-layout.d.ts

@@ -1,13 +0,0 @@
-export interface CartesianChartLayout {
-    margin: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    axisLabelGap: number;
-    categoryLabelOffset: number;
-}
-/** Resolve shared Cartesian chart geometry from TokoMo dimension tokens. */
-export declare function resolveCartesianChartLayout(): CartesianChartLayout;
-//# sourceMappingURL=cartesian-chart-layout.d.ts.map

package/dist/types/utils/chart-viewport-controller.d.ts

@@ -1,21 +0,0 @@
-export interface ChartViewportSize {
-    width: number;
-    height: number;
-}
-/**
- * Keeps SVG chart geometry matched to the rendered SVG viewport.
- *
- * Cartesian charts intentionally render without a viewBox: changing the host
- * reflows plot geometry instead of scaling its strokes, text, radii, or points.
- */
-export declare class ChartViewportController {
-    private readonly target;
-    private readonly onResize;
-    private resizeObserver;
-    constructor(target: Element, onResize: (size: ChartViewportSize) => void);
-    connect(): void;
-    measure(): void;
-    disconnect(): void;
-    private update;
-}
-//# sourceMappingURL=chart-viewport-controller.d.ts.map