@vonage/vivid 5.18.0 → 5.19.0

package/bundled/text-field.cjs

@@ -1 +1 @@
-var e=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base{--_connotation-color-primary:var(--vvd-text-field-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-text-field-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-field-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-text-field-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-text-field-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-text-field-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-faint:var(--vvd-text-field-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-text-field-accent-soft,var(--vvd-color-neutral-100));--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}@supports (user-select:none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:"";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}`;Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+var e=`.label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base{--_connotation-color-primary:var(--vvd-text-field-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-text-field-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-field-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-text-field-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-text-field-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-text-field-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-faint:var(--vvd-text-field-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-text-field-accent-soft,var(--vvd-color-neutral-100));--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}@supports (user-select:none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:"";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:"";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}`;Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/text-field.js

@@ -1,4 +1,4 @@
 //#region src/lib/text-field/text-field.scss?inline
-var e = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base{--_connotation-color-primary:var(--vvd-text-field-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-text-field-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-field-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-text-field-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-text-field-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-text-field-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-faint:var(--vvd-text-field-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-text-field-accent-soft,var(--vvd-color-neutral-100));--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}@supports (user-select:none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:\"\";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:\"\";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}";
+var e = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base{--_connotation-color-primary:var(--vvd-text-field-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-text-field-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-field-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-text-field-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-text-field-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-text-field-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-faint:var(--vvd-text-field-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-text-field-accent-soft,var(--vvd-color-neutral-100));--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}@supports (user-select:none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:\"\";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:\"\";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}";
 //#endregion
 export { e as t };

package/bundled/time-selection-picker.template.cjs

@@ -1,4 +1,4 @@
-const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./repeat.cjs`),r=require(`./ref.cjs`),i=require(`./when.cjs`),a=require(`./decorate.cjs`),o=require(`./trapped-focus.cjs`),s=require(`./class-names.cjs`),c=require(`./picker-field.template.cjs`),l=require(`./scrollIntoView.cjs`),u=require(`./single-value-picker.cjs`);var d=e=>{let t=e.split(`:`);if(t.length!==3)return!1;let[n,r,i]=t;if(n.length!==2||r.length!==2||i.length!==2)return!1;let a=parseInt(n,10),o=parseInt(r,10),s=parseInt(i,10);return!(isNaN(a)||isNaN(o)||isNaN(s)||a<0||a>23||o<0||o>59||s<0||s>59)},f=e=>Number.parseInt(e,10),p=e=>e.toString().padStart(2,`0`),m=e=>{let[t,n,r]=e.split(`:`),i=f(t);return{hourStr:t,hours:i,minuteStr:n,minutes:f(n),secondStr:r,seconds:f(r),meridiem:i<12?`AM`:`PM`}},h=(e,t)=>e>t?1:e<t?-1:0,g=e=>e%12||12,_=(e,t)=>e===`AM`&&t<12||e===`PM`&&t>=12,v=(e,t,n)=>{let r=[],i=e?m(e).hours:0,a=t?m(t).hours:23;for(let e=i;e<=a;e++)n&&!_(n,e)||r.push({value:p(e),label:p(n?g(e):e)});return r},y=(e,t,n,r)=>{let i=[],a=0,o=59;if(n){let{hourStr:e,minutes:r}=m(n);t&&m(t).hourStr===e&&(a=r)}if(r){let{hourStr:e,minutes:n}=m(r);t&&m(t).hourStr===e&&(o=n)}for(let t=a;t<=o;t+=Math.max(1,e??1)){let e=p(t);i.push({value:e,label:e})}return i},b=(e,t,n,r)=>{let i=[],a=0,o=59;if(n){let e=m(n);t&&(m(t).hourStr===e.hourStr&&m(t).minuteStr)===e.minuteStr&&(a=e.seconds)}if(r){let e=m(r);t&&(m(t).hourStr===e.hourStr&&m(t).minuteStr)===e.minuteStr&&(o=e.seconds)}for(let t=a;t<=o;t+=Math.max(1,e)){let e=p(t);i.push({value:e,label:e})}return i},x=(e,t)=>{let n=[];return e&&m(e).meridiem===`PM`||n.push({value:`AM`,label:`AM`}),t&&m(t).meridiem===`AM`||n.push({value:`PM`,label:`PM`}),n},S={id:`hours`,getLabel:e=>e.locale.timePicker.hoursLabel,getOptions:e=>v(e.min,e.max,e.clock===`12h`?T.getSelectedOptionValue(e)??T.getOptions(e)[0].value:void 0),getSelectedOptionValue:e=>e.value?m(e.value).hourStr:void 0,updatedValue:(e,t)=>{if(e.value){let{minuteStr:n,secondStr:r}=m(e.value);return`${t}:${n}:${r}`}else return`${t}:00:00`}},C={id:`minutes`,getLabel:e=>e.locale.timePicker.minutesLabel,getOptions:e=>y(e.minutesStep,e.value,e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).minuteStr:void 0,updatedValue:(e,t)=>{if(e.value){let{hourStr:n,secondStr:r}=m(e.value);return`${n}:${t}:${r}`}else return`00:${t}:00`}},w={id:`seconds`,getLabel:e=>e.locale.timePicker.secondsLabel,getOptions:e=>b(e.secondsStep,e.value,e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).secondStr:void 0,updatedValue:(e,t)=>{if(e.value){let{hourStr:n,minuteStr:r}=m(e.value);return`${n}:${r}:${t}`}else return`00:00:${t}`}},T={id:`meridies`,getLabel:e=>e.locale.timePicker.meridiesLabel,getOptions:e=>x(e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).meridiem:void 0,updatedValue:(e,t)=>{if(e.value){let{hours:n,minuteStr:r,secondStr:i}=m(e.value),a=n;return t===`AM`&&n>=12?a-=12:t===`PM`&&n<12&&(a+=12),`${p(a)}:${r}:${i}`}else if(t===`AM`)return`00:00:00`;else return`12:00:00`}},E=e=>e.secondsStep!==void 0,D=e=>e.clock===`12h`,O=(e,t,n)=>{M(e,t.updatedValue(e,n)),A(e,t.id,n,`start`);let r=(e.shadowRoot.querySelector(`#${t.id}`)?.closest(`.picker-wrapper`)?.nextElementSibling)?.querySelector(`.picker`);r?r.focus():e.$emit(`last-column-selected`,void 0,{bubbles:!1})},k=(e,t,n)=>{let r=t.getOptions(e),i=t.getSelectedOptionValue(e),a={ArrowUp:-1,ArrowDown:1}[n.key];if(a){n.preventDefault();let o=r.findIndex(e=>e.value===i),s=r[((o===-1?0:o+a)+r.length)%r.length].value;M(e,t.updatedValue(e,s)),A(e,t.id,s,`nearest`),e._clearFocusedClasses()}return!0},A=(e,t,n,r)=>{let i=e.shadowRoot.querySelector(`#${t}-${n}`);i&&l.t(i,i.parentElement,r)},j=(e,t)=>{if(t.key===`Tab`){let n=e.shadowRoot.querySelectorAll(`.picker`),r=t.shiftKey?n[0]:n[n.length-1];e.shadowRoot.activeElement!==r&&o.n(t),e._applyFocusedClass()}return!0},M=(e,t)=>{e.$emit(`change`,t,{bubbles:!1,composed:!1})},N=e=>t.d`<div class="picker-wrapper">
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./repeat.cjs`),r=require(`./ref.cjs`),i=require(`./when.cjs`),a=require(`./decorate.cjs`),o=require(`./trapped-focus.cjs`),s=require(`./class-names.cjs`),c=require(`./picker-field.template.cjs`),l=require(`./scrollIntoView.cjs`),u=require(`./single-value-picker.cjs`);var d=e=>{let t=e.split(`:`);if(t.length!==3)return!1;let[n,r,i]=t;if(n.length!==2||r.length!==2||i.length!==2)return!1;let a=parseInt(n,10),o=parseInt(r,10),s=parseInt(i,10);return!(isNaN(a)||isNaN(o)||isNaN(s)||a<0||a>23||o<0||o>59||s<0||s>59)},f=e=>Number.parseInt(e,10),p=e=>e.toString().padStart(2,`0`),m=e=>{let[t,n,r]=e.split(`:`),i=f(t);return{hourStr:t,hours:i,minuteStr:n,minutes:f(n),secondStr:r,seconds:f(r),meridiem:i<12?`AM`:`PM`}},h=(e,t)=>e>t?1:e<t?-1:0,g=e=>e%12||12,_=(e,t)=>e===`AM`&&t<12||e===`PM`&&t>=12,v=(e,t,n)=>{let r=[],i=e?m(e).hours:0,a=t?m(t).hours:23;for(let e=i;e<=a;e++)n&&!_(n,e)||r.push({value:p(e),label:p(n?g(e):e)});return r},y=(e,t,n,r)=>{let i=[],a=0,o=59;if(n){let{hourStr:e,minutes:r}=m(n);t&&m(t).hourStr===e&&(a=r)}if(r){let{hourStr:e,minutes:n}=m(r);t&&m(t).hourStr===e&&(o=n)}for(let t=a;t<=o;t+=Math.max(1,e??1)){let e=p(t);i.push({value:e,label:e})}return i},b=(e,t,n,r)=>{let i=[],a=0,o=59;if(n){let e=m(n);t&&(m(t).hourStr===e.hourStr&&m(t).minuteStr)===e.minuteStr&&(a=e.seconds)}if(r){let e=m(r);t&&(m(t).hourStr===e.hourStr&&m(t).minuteStr)===e.minuteStr&&(o=e.seconds)}for(let t=a;t<=o;t+=Math.max(1,e)){let e=p(t);i.push({value:e,label:e})}return i},x=(e,t)=>{let n=[];return e&&m(e).meridiem===`PM`||n.push({value:`AM`,label:`AM`}),t&&m(t).meridiem===`AM`||n.push({value:`PM`,label:`PM`}),n},S={id:`hours`,getLabel:e=>e.locale.timePicker.hoursLabel,getOptions:e=>v(e.min,e.max,e.clock===`12h`?T.getSelectedOptionValue(e)??T.getOptions(e)[0].value:void 0),getSelectedOptionValue:e=>e.value?m(e.value).hourStr:void 0,updatedValue:(e,t)=>{if(e.value){let{minuteStr:n,secondStr:r}=m(e.value);return`${t}:${n}:${r}`}else return`${t}:00:00`}},C={id:`minutes`,getLabel:e=>e.locale.timePicker.minutesLabel,getOptions:e=>y(e.minutesStep,e.value,e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).minuteStr:void 0,updatedValue:(e,t)=>{if(e.value){let{hourStr:n,secondStr:r}=m(e.value);return`${n}:${t}:${r}`}else return`00:${t}:00`}},w={id:`seconds`,getLabel:e=>e.locale.timePicker.secondsLabel,getOptions:e=>b(e.secondsStep,e.value,e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).secondStr:void 0,updatedValue:(e,t)=>{if(e.value){let{hourStr:n,minuteStr:r}=m(e.value);return`${n}:${r}:${t}`}else return`00:00:${t}`}},T={id:`meridies`,getLabel:e=>e.locale.timePicker.meridiesLabel,getOptions:e=>x(e.min,e.max),getSelectedOptionValue:e=>e.value?m(e.value).meridiem:void 0,updatedValue:(e,t)=>{if(e.value){let{hours:n,minuteStr:r,secondStr:i}=m(e.value),a=n;return t===`AM`&&n>=12?a-=12:t===`PM`&&n<12&&(a+=12),`${p(a)}:${r}:${i}`}else if(t===`AM`)return`00:00:00`;else return`12:00:00`}},E=e=>e.secondsStep!==void 0,D=e=>e.clock===`12h`,O=(e,t,n)=>{M(e,t.updatedValue(e,n)),A(e,t.id,n,`start`);let r=(e.shadowRoot.querySelector(`#${t.id}`)?.closest(`.picker-wrapper`)?.nextElementSibling)?.querySelector(`.picker`);r?r.focus():e.$emit(`last-column-selected`,void 0,{bubbles:!1})},k=(e,t,n)=>{let r=t.getOptions(e),i=t.getSelectedOptionValue(e),a={ArrowUp:-1,ArrowDown:1}[n.key];if(a){n.preventDefault();let o=r.findIndex(e=>e.value===i),s=r[((o===-1?0:o+a)+r.length)%r.length].value;M(e,t.updatedValue(e,s)),A(e,t.id,s,`nearest`),e._clearFocusedClasses()}return!0},A=(e,t,n,r)=>{let i=e.shadowRoot.querySelector(`#${t}-${n}`);i&&l.t(i,i.parentElement,r)},j=(e,t)=>{if(t.key===`Tab`){let n=e.shadowRoot.querySelectorAll(`.picker`),r=t.shiftKey?n[0]:n[n.length-1];e.shadowRoot.activeElement!==r&&o.n(t),e._applyFocusedClass()}return!0},M=(e,t)=>{e.$emit(`change`,t,{bubbles:!1,composed:!1})},N=e=>t.f`<div class="picker-wrapper">
 		<ul
 			id="${e.id}"
 			class="picker"
@@ -8,7 +8,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 			aria-activedescendant="${t=>e.getSelectedOptionValue(t)?`${e.id}-${e.getSelectedOptionValue(t)}`:void 0}"
 			@keydown="${(t,n)=>k(t,e,n.event)}"
 		>
-			${n.n(t=>e.getOptions(t),t.d`<li
+			${n.n(t=>e.getOptions(t),t.f`<li
 					id="${t=>`${e.id}-${t.value}`}"
 					class="${(t,n)=>s.t(`option`,[`selected`,e.getSelectedOptionValue(n.parent)===t.value])}"
 					aria-selected="${(t,n)=>e.getSelectedOptionValue(n.parent)===t.value}"
@@ -18,7 +18,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 					${e=>e.label}
 				</li>`)}
 		</ul>
-	</div>`,P=()=>t.d`<div
+	</div>`,P=()=>t.f`<div
 		class="time-pickers"
 		@keydown="${(e,{event:t})=>j(e,t)}"
 		@focusout="${e=>e._onFocusOut()}"
@@ -27,7 +27,7 @@ const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`.
 		${N(S)} ${N(C)}
 		${i.t(E,N(w))}
 		${i.t(D,N(T))}
-	</div>`,F=class extends e.t(t.t){constructor(...e){super(...e),this.minutesStep=1,this.clock=`24h`,this.focusedPickerClass=`focused`,this._onFocusOut=()=>{this._clearFocusedClasses()},this._onPointerDown=()=>{this._clearFocusedClasses()}}valueChanged(e,t){t!==void 0&&!d(t)&&(this.value=void 0)}scrollSelectedOptionsToTop(){S.getSelectedOptionValue(this)&&A(this,`hours`,S.getSelectedOptionValue(this),`start`),C.getSelectedOptionValue(this)&&A(this,`minutes`,C.getSelectedOptionValue(this),`start`),E(this)&&w.getSelectedOptionValue(this)&&A(this,`seconds`,w.getSelectedOptionValue(this),`start`),D(this)&&T.getSelectedOptionValue(this)&&A(this,`meridies`,T.getSelectedOptionValue(this),`start`)}focus(e){this.shadowRoot.querySelector(`.picker`).focus(e),this._applyFocusedClass()}_applyFocusedClass(){let e=this.shadowRoot.querySelectorAll(`.picker`);requestAnimationFrame(()=>{let t=this.shadowRoot.activeElement;e.forEach(e=>{e===t?e.parentElement?.classList.add(this.focusedPickerClass):e.parentElement?.classList.remove(this.focusedPickerClass)})})}_clearFocusedClasses(){this.shadowRoot.querySelectorAll(`.picker`).forEach(e=>{e.parentElement?.classList.remove(this.focusedPickerClass)})}};a.t([t.T],F.prototype,`value`,void 0),a.t([t.T],F.prototype,`minutesStep`,void 0),a.t([t.T],F.prototype,`secondsStep`,void 0),a.t([t.T],F.prototype,`clock`,void 0),a.t([t.T],F.prototype,`min`,void 0),a.t([t.T],F.prototype,`max`,void 0);var I=t.o(`inline-time-picker`,F,P,[],{styles:`:host{display:inline-block}.time-pickers{block-size:calc(28px * var(--_inline-time-picker-num-options-visible) + 4px * (var(--_inline-time-picker-num-options-visible) - 1));justify-content:center;gap:4px;padding:4px;display:flex;overflow:hidden}.time-pickers .picker-wrapper{border-radius:4px;flex-direction:column;display:flex;position:relative}.time-pickers .picker-wrapper.focused:has(.picker:focus-visible){--focus-stroke-gap-color:transparent;--focus-inset:-2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.time-pickers .picker{scrollbar-width:none;border-radius:4px;flex-direction:column;gap:4px;inline-size:50px;margin:0 -4px;padding:0 4px;list-style:none;display:flex;position:relative;overflow:hidden scroll}@media (hover:hover){.time-pickers .picker:hover{scrollbar-width:auto}}.time-pickers .picker:after{block-size:calc(28px * (var(--_inline-time-picker-num-options-visible) - 1) + 4px * (var(--_inline-time-picker-num-options-visible) - 1 - 1));content:"";flex-shrink:0;display:block}.time-pickers .picker:focus-visible{outline:none}.time-pickers .option{--_connotation-color-primary:var(--vvd-time-picker-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-time-picker-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-time-picker-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-time-picker-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-time-picker-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--vvd-time-picker-accent-pale,var(--vvd-color-neutral-300));--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.time-pickers .option.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.time-pickers .option:active:where(:not(.disabled,:disabled)),.time-pickers .option.active:where(:not(.disabled,:disabled)),.time-pickers .option.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.time-pickers .option.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.time-pickers .option.selected:disabled,.time-pickers .option.selected.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:transparent}.time-pickers .option{background-color:var(--_appearance-color-fill);block-size:28px;color:var(--_appearance-color-text);cursor:pointer;font:var(--vvd-typography-base);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;inline-size:50px;display:flex}.time-pickers .picker-wrapper:not(.focused) .picker:focus-visible .option.selected{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}`,shadowOptions:{delegatesFocus:!0}});t.s(I);var L=e=>{class n extends e{constructor(...e){super(...e),this.minutesStep=null,this.secondsStep=null}get _displaySeconds(){return this.secondsStep!==null}get _use12hClock(){return this.clock?this.clock===`12h`:this.locale.timePicker.defaultTo12HourClock}get _timePlaceholder(){let e=`hh:mm`;return this._displaySeconds&&(e+=`:ss`),this._use12hClock&&(e+=` aa`),e}#e={handleChange:()=>{this.value&&(this._presentationValue=this._toPresentationValue(this.value))}};#t;#n(){this.#t=t.w.binding(()=>this._use12hClock,this.#e),this.#t.observe(this,t.C.default)}#r(){this.#t.dispose()}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}_onPickerButtonClick(){super._onPickerButtonClick(),this._popupOpen&&(t.O.process(),this._inlineTimePickerEl.scrollSelectedOptionsToTop())}_onInlineTimePickerChange(e){this._updateValueDueToUserInteraction(this._withUpdatedTime(e.detail),!1)}_onInlineTimePickerLastColumnSelected(){this._closePopup()}}return a.t([t.l({attribute:`minutes-step`,converter:t.u})],n.prototype,`minutesStep`,void 0),a.t([t.l({attribute:`seconds-step`,converter:t.u})],n.prototype,`secondsStep`,void 0),a.t([t.l],n.prototype,`clock`,void 0),a.t([t.E],n.prototype,`_use12hClock`,null),n},R=(e,t,n)=>{let r=m(e),i=`${p(n?g(r.hours):r.hours)}:${r.minuteStr}`;return t&&(i+=`:${r.secondStr}`),n&&(i+=` ${r.meridiem}`),i},z=e=>e>=`0`&&e<=`9`,B=(e,t)=>{let n=e.toLowerCase(),r=[],i;for(let e=0;e<n.length;e++){let t=n[e];if(t===`a`&&n[e+1]===`m`&&(e++,i=`AM`),t===`p`&&n[e+1]===`m`&&(e++,i=`PM`),z(t)){let i=t;for(;z(n[e+1]);)e++,i+=n[e];r.push(Number.parseInt(i,10))}}if(r.length===0||r.length>3||i&&(r[0]<1||r[0]>12))throw Error(`Invalid time format`);(i||t)&&r[0]===12&&(r[0]=0),i===`PM`&&(r[0]+=12);let[a,o=0,s=0]=r;if(a>23||o>59||s>59)throw Error(`Invalid value`);return[a,o,s].map(p).join(`:`)},V={fromView:e=>e&&d(e)?e:``,toView(e){return e}},H=class extends L(u.t(c.n)){_toPresentationValue(e){return R(e,this._displaySeconds,this._use12hClock)}_parsePresentationValue(e){return B(e,this._use12hClock)}get _timeValue(){return this.value}_withUpdatedTime(e){return e}get _resolvedMinTime(){return this.min||null}get _resolvedMaxTime(){return this.max||null}minChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.min=t,this.validate())}maxChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.max=t,this.validate())}constructor(){super(),this._isValidValue=d,this.min=``,this.max=``,this.proxy.type=`time`,this.proxy.step=`1`}get _textFieldPlaceholder(){return this._timePlaceholder}get _pickerButtonIcon(){return`clock-line`}get _pickerButtonLabel(){return this.value?this.locale.timePicker.changeTimeLabel(this._toPresentationValue(this.value)):this.locale.timePicker.chooseTimeLabel}_onPickerButtonClick(){super._onPickerButtonClick(),this._popupOpen&&(t.O.process(),this._focusableElsWithinDialog()[0]?.focus())}get _dialogLabel(){return this.locale.timePicker.chooseTimeLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`#inline-time-picker, .vwc-button`)}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.timePicker.invalidTimeError:null}};a.t([t.l({converter:V})],H.prototype,`min`,void 0),a.t([t.l({converter:V})],H.prototype,`max`,void 0);var U=(e,n)=>{let i=e.tagFor(F);return t.d`
+	</div>`,F=class extends e.t(t.t){constructor(...e){super(...e),this.minutesStep=1,this.clock=`24h`,this.focusedPickerClass=`focused`,this._onFocusOut=()=>{this._clearFocusedClasses()},this._onPointerDown=()=>{this._clearFocusedClasses()}}valueChanged(e,t){t!==void 0&&!d(t)&&(this.value=void 0)}scrollSelectedOptionsToTop(){S.getSelectedOptionValue(this)&&A(this,`hours`,S.getSelectedOptionValue(this),`start`),C.getSelectedOptionValue(this)&&A(this,`minutes`,C.getSelectedOptionValue(this),`start`),E(this)&&w.getSelectedOptionValue(this)&&A(this,`seconds`,w.getSelectedOptionValue(this),`start`),D(this)&&T.getSelectedOptionValue(this)&&A(this,`meridies`,T.getSelectedOptionValue(this),`start`)}focus(e){this.shadowRoot.querySelector(`.picker`).focus(e),this._applyFocusedClass()}_applyFocusedClass(){let e=this.shadowRoot.querySelectorAll(`.picker`);requestAnimationFrame(()=>{let t=this.shadowRoot.activeElement;e.forEach(e=>{e===t?e.parentElement?.classList.add(this.focusedPickerClass):e.parentElement?.classList.remove(this.focusedPickerClass)})})}_clearFocusedClasses(){this.shadowRoot.querySelectorAll(`.picker`).forEach(e=>{e.parentElement?.classList.remove(this.focusedPickerClass)})}};a.t([t.D],F.prototype,`value`,void 0),a.t([t.D],F.prototype,`minutesStep`,void 0),a.t([t.D],F.prototype,`secondsStep`,void 0),a.t([t.D],F.prototype,`clock`,void 0),a.t([t.D],F.prototype,`min`,void 0),a.t([t.D],F.prototype,`max`,void 0);var I=t.s(`inline-time-picker`,F,P,[],{styles:`:host{display:inline-block}.time-pickers{block-size:calc(28px * var(--_inline-time-picker-num-options-visible) + 4px * (var(--_inline-time-picker-num-options-visible) - 1));justify-content:center;gap:4px;padding:4px;display:flex;overflow:hidden}.time-pickers .picker-wrapper{border-radius:4px;flex-direction:column;display:flex;position:relative}.time-pickers .picker-wrapper.focused:has(.picker:focus-visible){--focus-stroke-gap-color:transparent;--focus-inset:-2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.time-pickers .picker{scrollbar-width:none;border-radius:4px;flex-direction:column;gap:4px;inline-size:50px;margin:0 -4px;padding:0 4px;list-style:none;display:flex;position:relative;overflow:hidden scroll}@media (hover:hover){.time-pickers .picker:hover{scrollbar-width:auto}}.time-pickers .picker:after{block-size:calc(28px * (var(--_inline-time-picker-num-options-visible) - 1) + 4px * (var(--_inline-time-picker-num-options-visible) - 1 - 1));content:"";flex-shrink:0;display:block}.time-pickers .picker:focus-visible{outline:none}.time-pickers .option{--_connotation-color-primary:var(--vvd-time-picker-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-time-picker-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-time-picker-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-time-picker-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-time-picker-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--vvd-time-picker-accent-pale,var(--vvd-color-neutral-300));--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.time-pickers .option.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.time-pickers .option:active:where(:not(.disabled,:disabled)),.time-pickers .option.active:where(:not(.disabled,:disabled)),.time-pickers .option.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.time-pickers .option.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.time-pickers .option.selected:disabled,.time-pickers .option.selected.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:transparent}.time-pickers .option{background-color:var(--_appearance-color-fill);block-size:28px;color:var(--_appearance-color-text);cursor:pointer;font:var(--vvd-typography-base);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;inline-size:50px;display:flex}.time-pickers .picker-wrapper:not(.focused) .picker:focus-visible .option.selected{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}`,shadowOptions:{delegatesFocus:!0}});t.c(I);var L=e=>{class n extends e{constructor(...e){super(...e),this.minutesStep=null,this.secondsStep=null,this.#e={handleChange:()=>{this.value&&(this._presentationValue=this._toPresentationValue(this.value))}}}get _displaySeconds(){return this.secondsStep!==null}get _use12hClock(){return this.clock?this.clock===`12h`:this.locale.timePicker.defaultTo12HourClock}get _timePlaceholder(){let e=`hh:mm`;return this._displaySeconds&&(e+=`:ss`),this._use12hClock&&(e+=` aa`),e}#e;#t;#n(){this.#t=t.E.binding(()=>this._use12hClock,this.#e),this.#t.observe(this,t.T.default)}#r(){this.#t.dispose()}connectedCallback(){super.connectedCallback(),this.#n()}disconnectedCallback(){super.disconnectedCallback(),this.#r()}_onPickerButtonClick(){super._onPickerButtonClick(),this._popupOpen&&(t.A.process(),this._inlineTimePickerEl.scrollSelectedOptionsToTop())}_onInlineTimePickerChange(e){this._updateValueDueToUserInteraction(this._withUpdatedTime(e.detail),!1)}_onInlineTimePickerLastColumnSelected(){this._closePopup()}}return a.t([t.u({attribute:`minutes-step`,converter:t.d})],n.prototype,`minutesStep`,void 0),a.t([t.u({attribute:`seconds-step`,converter:t.d})],n.prototype,`secondsStep`,void 0),a.t([t.u],n.prototype,`clock`,void 0),a.t([t.O],n.prototype,`_use12hClock`,null),n},R=(e,t,n)=>{let r=m(e),i=`${p(n?g(r.hours):r.hours)}:${r.minuteStr}`;return t&&(i+=`:${r.secondStr}`),n&&(i+=` ${r.meridiem}`),i},z=e=>e>=`0`&&e<=`9`,B=(e,t)=>{let n=e.toLowerCase(),r=[],i;for(let e=0;e<n.length;e++){let t=n[e];if(t===`a`&&n[e+1]===`m`&&(e++,i=`AM`),t===`p`&&n[e+1]===`m`&&(e++,i=`PM`),z(t)){let i=t;for(;z(n[e+1]);)e++,i+=n[e];r.push(Number.parseInt(i,10))}}if(r.length===0||r.length>3||i&&(r[0]<1||r[0]>12))throw Error(`Invalid time format`);(i||t)&&r[0]===12&&(r[0]=0),i===`PM`&&(r[0]+=12);let[a,o=0,s=0]=r;if(a>23||o>59||s>59)throw Error(`Invalid value`);return[a,o,s].map(p).join(`:`)},V={fromView:e=>e&&d(e)?e:``,toView(e){return e}},H=class extends L(u.t(c.n)){_toPresentationValue(e){return R(e,this._displaySeconds,this._use12hClock)}_parsePresentationValue(e){return B(e,this._use12hClock)}get _timeValue(){return this.value}_withUpdatedTime(e){return e}get _resolvedMinTime(){return this.min||null}get _resolvedMaxTime(){return this.max||null}minChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.min=t,this.validate())}maxChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.max=t,this.validate())}constructor(){super(),this._isValidValue=d,this.min=``,this.max=``,this.proxy.type=`time`,this.proxy.step=`1`}get _textFieldPlaceholder(){return this._timePlaceholder}get _pickerButtonIcon(){return`clock-line`}get _pickerButtonLabel(){return this.value?this.locale.timePicker.changeTimeLabel(this._toPresentationValue(this.value)):this.locale.timePicker.chooseTimeLabel}_onPickerButtonClick(){super._onPickerButtonClick(),this._popupOpen&&(t.A.process(),this._focusableElsWithinDialog()[0]?.focus())}get _dialogLabel(){return this.locale.timePicker.chooseTimeLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`#inline-time-picker, .vwc-button`)}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.timePicker.invalidTimeError:null}};a.t([t.u({converter:V})],H.prototype,`min`,void 0),a.t([t.u({converter:V})],H.prototype,`max`,void 0);var U=(e,n)=>{let i=e.tagFor(F);return t.f`
 		<${i}
 			id='inline-time-picker'
 			${r.t(`_inlineTimePickerEl`)}

package/bundled/time-selection-picker.template.js

@@ -1,5 +1,5 @@
 import { t as e } from "./localized.js";
-import { C as t, E as n, O as r, T as i, d as a, l as o, o as s, s as c, t as l, u, w as d } from "./vivid-element.js";
+import { A as t, D as n, E as r, O as i, T as a, c as o, d as s, f as c, s as l, t as u, u as d } from "./vivid-element.js";
 import { n as f } from "./repeat.js";
 import { t as p } from "./ref.js";
 import { t as m } from "./when.js";
@@ -154,7 +154,7 @@ var x = (e) => {
 		bubbles: !1,
 		composed: !1
 	});
-}, U = (e) => a`<div class="picker-wrapper">
+}, U = (e) => c`<div class="picker-wrapper">
 		<ul
 			id="${e.id}"
 			class="picker"
@@ -164,7 +164,7 @@ var x = (e) => {
 			aria-activedescendant="${(t) => e.getSelectedOptionValue(t) ? `${e.id}-${e.getSelectedOptionValue(t)}` : void 0}"
 			@keydown="${(t, n) => z(t, e, n.event)}"
 		>
-			${f((t) => e.getOptions(t), a`<li
+			${f((t) => e.getOptions(t), c`<li
 					id="${(t) => `${e.id}-${t.value}`}"
 					class="${(t, n) => _("option", ["selected", e.getSelectedOptionValue(n.parent) === t.value])}"
 					aria-selected="${(t, n) => e.getSelectedOptionValue(n.parent) === t.value}"
@@ -174,7 +174,7 @@ var x = (e) => {
 					${(e) => e.label}
 				</li>`)}
 		</ul>
-	</div>`, W = () => a`<div
+	</div>`, W = () => c`<div
 		class="time-pickers"
 		@keydown="${(e, { event: t }) => V(e, t)}"
 		@focusout="${(e) => e._onFocusOut()}"
@@ -183,7 +183,7 @@ var x = (e) => {
 		${U(M)} ${U(N)}
 		${m(I, U(P))}
 		${m(L, U(F))}
-	</div>`, G = class extends e(l) {
+	</div>`, G = class extends e(u) {
 	constructor(...e) {
 		super(...e), this.minutesStep = 1, this.clock = "24h", this.focusedPickerClass = "focused", this._onFocusOut = () => {
 			this._clearFocusedClasses();
@@ -215,20 +215,22 @@ var x = (e) => {
 		});
 	}
 };
-h([i], G.prototype, "value", void 0), h([i], G.prototype, "minutesStep", void 0), h([i], G.prototype, "secondsStep", void 0), h([i], G.prototype, "clock", void 0), h([i], G.prototype, "min", void 0), h([i], G.prototype, "max", void 0);
+h([n], G.prototype, "value", void 0), h([n], G.prototype, "minutesStep", void 0), h([n], G.prototype, "secondsStep", void 0), h([n], G.prototype, "clock", void 0), h([n], G.prototype, "min", void 0), h([n], G.prototype, "max", void 0);
 //#endregion
 //#region src/shared/picker-field/mixins/inline-time-picker/definition.ts
-var K = s("inline-time-picker", G, W, [], {
+var K = l("inline-time-picker", G, W, [], {
 	styles: ":host{display:inline-block}.time-pickers{block-size:calc(28px * var(--_inline-time-picker-num-options-visible) + 4px * (var(--_inline-time-picker-num-options-visible) - 1));justify-content:center;gap:4px;padding:4px;display:flex;overflow:hidden}.time-pickers .picker-wrapper{border-radius:4px;flex-direction:column;display:flex;position:relative}.time-pickers .picker-wrapper.focused:has(.picker:focus-visible){--focus-stroke-gap-color:transparent;--focus-inset:-2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}.time-pickers .picker{scrollbar-width:none;border-radius:4px;flex-direction:column;gap:4px;inline-size:50px;margin:0 -4px;padding:0 4px;list-style:none;display:flex;position:relative;overflow:hidden scroll}@media (hover:hover){.time-pickers .picker:hover{scrollbar-width:auto}}.time-pickers .picker:after{block-size:calc(28px * (var(--_inline-time-picker-num-options-visible) - 1) + 4px * (var(--_inline-time-picker-num-options-visible) - 1 - 1));content:\"\";flex-shrink:0;display:block}.time-pickers .picker:focus-visible{outline:none}.time-pickers .option{--_connotation-color-primary:var(--vvd-time-picker-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-firm:var(--vvd-time-picker-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-faint:var(--vvd-time-picker-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-time-picker-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-time-picker-accent-dim,var(--vvd-color-neutral-200));--_connotation-color-pale:var(--vvd-time-picker-accent-pale,var(--vvd-color-neutral-300));--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.time-pickers .option.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.time-pickers .option:active:where(:not(.disabled,:disabled)),.time-pickers .option.active:where(:not(.disabled,:disabled)),.time-pickers .option.selected:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-soft);--_appearance-color-outline:transparent}@media (hover:hover){.time-pickers .option.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}}.time-pickers .option.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-dim);--_appearance-color-outline:transparent}.time-pickers .option.selected:disabled,.time-pickers .option.selected.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:transparent}.time-pickers .option{background-color:var(--_appearance-color-fill);block-size:28px;color:var(--_appearance-color-text);cursor:pointer;font:var(--vvd-typography-base);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;inline-size:50px;display:flex}.time-pickers .picker-wrapper:not(.focused) .picker:focus-visible .option.selected{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}",
 	shadowOptions: { delegatesFocus: !0 }
 });
-c(K);
+o(K);
 //#endregion
 //#region src/shared/picker-field/mixins/time-selection-picker.ts
 var q = (e) => {
-	class i extends e {
+	class n extends e {
 		constructor(...e) {
-			super(...e), this.minutesStep = null, this.secondsStep = null;
+			super(...e), this.minutesStep = null, this.secondsStep = null, this.#e = { handleChange: () => {
+				this.value && (this._presentationValue = this._toPresentationValue(this.value));
+			} };
 		}
 		get _displaySeconds() {
 			return this.secondsStep !== null;
@@ -240,12 +242,10 @@ var q = (e) => {
 			let e = "hh:mm";
 			return this._displaySeconds && (e += ":ss"), this._use12hClock && (e += " aa"), e;
 		}
-		#e = { handleChange: () => {
-			this.value && (this._presentationValue = this._toPresentationValue(this.value));
-		} };
+		#e;
 		#t;
 		#n() {
-			this.#t = d.binding(() => this._use12hClock, this.#e), this.#t.observe(this, t.default);
+			this.#t = r.binding(() => this._use12hClock, this.#e), this.#t.observe(this, a.default);
 		}
 		#r() {
 			this.#t.dispose();
@@ -257,7 +257,7 @@ var q = (e) => {
 			super.disconnectedCallback(), this.#r();
 		}
 		_onPickerButtonClick() {
-			super._onPickerButtonClick(), this._popupOpen && (r.process(), this._inlineTimePickerEl.scrollSelectedOptionsToTop());
+			super._onPickerButtonClick(), this._popupOpen && (t.process(), this._inlineTimePickerEl.scrollSelectedOptionsToTop());
 		}
 		_onInlineTimePickerChange(e) {
 			this._updateValueDueToUserInteraction(this._withUpdatedTime(e.detail), !1);
@@ -266,13 +266,13 @@ var q = (e) => {
 			this._closePopup();
 		}
 	}
-	return h([o({
+	return h([d({
 		attribute: "minutes-step",
-		converter: u
-	})], i.prototype, "minutesStep", void 0), h([o({
+		converter: s
+	})], n.prototype, "minutesStep", void 0), h([d({
 		attribute: "seconds-step",
-		converter: u
-	})], i.prototype, "secondsStep", void 0), h([o], i.prototype, "clock", void 0), h([n], i.prototype, "_use12hClock", null), i;
+		converter: s
+	})], n.prototype, "secondsStep", void 0), h([d], n.prototype, "clock", void 0), h([i], n.prototype, "_use12hClock", null), n;
 }, J = (e, t, n) => {
 	let r = w(e), i = `${C(n ? E(r.hours) : r.hours)}:${r.minuteStr}`;
 	return t && (i += `:${r.secondStr}`), n && (i += ` ${r.meridiem}`), i;
@@ -340,7 +340,7 @@ var q = (e) => {
 		return this.value ? this.locale.timePicker.changeTimeLabel(this._toPresentationValue(this.value)) : this.locale.timePicker.chooseTimeLabel;
 	}
 	_onPickerButtonClick() {
-		super._onPickerButtonClick(), this._popupOpen && (r.process(), this._focusableElsWithinDialog()[0]?.focus());
+		super._onPickerButtonClick(), this._popupOpen && (t.process(), this._focusableElsWithinDialog()[0]?.focus());
 	}
 	get _dialogLabel() {
 		return this.locale.timePicker.chooseTimeLabel;
@@ -352,12 +352,12 @@ var q = (e) => {
 		return this._isPresentationValueInvalid() ? this.locale.timePicker.invalidTimeError : null;
 	}
 };
-h([o({ converter: Z })], Q.prototype, "min", void 0), h([o({ converter: Z })], Q.prototype, "max", void 0);
+h([d({ converter: Z })], Q.prototype, "min", void 0), h([d({ converter: Z })], Q.prototype, "max", void 0);
 //#endregion
 //#region src/shared/picker-field/mixins/time-selection-picker.template.ts
 var $ = (e, t) => {
 	let n = e.tagFor(G);
-	return a`
+	return c`
 		<${n}
 			id='inline-time-picker'
 			${p("_inlineTimePickerEl")}

package/bundled/vivid-element.cjs

@@ -1,4 +1,4 @@
 var e,t=`fast-kernel`;try{if(document.currentScript)e=document.currentScript.getAttribute(t);else{let n=document.getElementsByTagName(`script`);e=n[n.length-1].getAttribute(t)}}catch{e=`isolate`}var n;switch(e){case`share`:n=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case`share-v2`:n=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:let e=`-${Math.random().toString(36).substring(2,8)}`;n=Object.freeze({updateQueue:`1.2${e}`,observable:`2.2${e}`,contextEvent:`3.2${e}`,elementRegistry:`4.2${e}`});break}var r=e=>typeof e==`function`,i=e=>typeof e==`string`,a=()=>void 0;(function(){if(!(typeof globalThis<`u`))if(typeof global<`u`)global.globalThis=global;else if(typeof self<`u`)self.globalThis=self;else if(typeof window<`u`)window.globalThis=window;else{let e=Function(`return this`)();e.globalThis=e}})(),(function(){`requestIdleCallback`in globalThis||(globalThis.requestIdleCallback=function(e,t){let n=Date.now();return setTimeout(()=>{e({didTimeout:t?.timeout?Date.now()-n>=t.timeout:!1,timeRemaining:()=>0})},1)},globalThis.cancelIdleCallback=function(e){clearTimeout(e)})})();var o={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,`FAST`,Object.assign({value:Object.create(null)},o));var s=globalThis.FAST;if(s.getById===void 0){let e=Object.create(null);Reflect.defineProperty(s,`getById`,Object.assign({value(t,n){let r=e[t];return r===void 0&&(r=n?e[t]=n():null),r}},o))}s.error===void 0&&Object.assign(s,{warn(){},error(e){return Error(`Error ${e}`)},addMessages(){}});var c=Object.freeze([]);function l(){let e=new Map;return Object.freeze({register(t){return e.has(t.type)?!1:(e.set(t.type,t),!0)},getByType(t){return e.get(t)},getForInstance(t){if(t!=null)return e.get(t.constructor)}})}function u(){let e=new WeakMap;return function(t){let n=e.get(t);if(n===void 0){let r=Reflect.getPrototypeOf(t);for(;n===void 0&&r!==null;)n=e.get(r),r=Reflect.getPrototypeOf(r);n=n===void 0?[]:n.slice(0),e.set(t,n)}return n}}function d(e){e.prototype.toJSON=a}var f=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),p=e=>e,ee=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy(`fast-html`,{createHTML:p}):{createHTML:p},m=Object.freeze({createHTML(e){return ee.createHTML(e)},protect(e,t,n,r){return r}}),te=m,h=Object.freeze({get policy(){return m},setPolicy(e){if(m!==te)throw s.error(1201);m=e},setAttribute(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)},setBooleanAttribute(e,t,n){n?e.setAttribute(t,``):e.removeAttribute(t)}}),g=s.getById(n.updateQueue,()=>{let e=[],t=[],n=globalThis.requestAnimationFrame,r=!0;function i(){if(t.length)throw t.shift()}function a(n){try{n.call()}catch(n){if(r)t.push(n),setTimeout(i,0);else throw e.length=0,n}}function o(){let t=0;for(;t<e.length;)if(a(e[t]),t++,t>1024){for(let n=0,r=e.length-t;n<r;n++)e[n]=e[n+t];e.length-=t,t=0}e.length=0}function s(t){e.push(t),e.length<2&&(r?n(o):o())}return Object.freeze({enqueue:s,next:()=>new Promise(s),process:o,setMode:e=>r=e})}),_=class{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return this.spillover===void 0?this.sub1===e||this.sub2===e:this.spillover.indexOf(e)!==-1}subscribe(e){let t=this.spillover;if(t===void 0){if(this.has(e))return;if(this.sub1===void 0){this.sub1=e;return}if(this.sub2===void 0){this.sub2=e;return}this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else t.indexOf(e)===-1&&t.push(e)}unsubscribe(e){let t=this.spillover;if(t===void 0)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{let n=t.indexOf(e);n!==-1&&t.splice(n,1)}}notify(e){let t=this.spillover,n=this.subject;if(t===void 0){let t=this.sub1,r=this.sub2;t!==void 0&&t.handleChange(n,e),r!==void 0&&r.handleChange(n,e)}else for(let r=0,i=t.length;r<i;++r)t[r].handleChange(n,e)}},ne=class{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,n;(t=this.subscribers[e])==null||t.notify(e),(n=this.subjectSubscribers)==null||n.notify(e)}subscribe(e,t){let n;n=t?this.subscribers[t]??(this.subscribers[t]=new _(this.subject)):this.subjectSubscribers??=new _(this.subject),n.subscribe(e)}unsubscribe(e,t){var n,r;t?(n=this.subscribers[t])==null||n.unsubscribe(e):(r=this.subjectSubscribers)==null||r.unsubscribe(e)}},v=Object.freeze({unknown:void 0,coupled:1}),y=s.getById(n.observable,()=>{let e=g.enqueue,t=/(:|&&|\|\||if|\?\.)/,n=new WeakMap,a,o=e=>{throw s.error(1101)};function c(e){let t=e.$fastController??n.get(e);return t===void 0&&(Array.isArray(e)?t=o(e):n.set(e,t=new ne(e))),t}let l=u();class f{constructor(e){this.name=e,this.field=`_${e}`,this.callback=`${e}Changed`}getValue(e){return a!==void 0&&a.watch(e,this.name),e[this.field]}setValue(e,t){let n=this.field,i=e[n];if(i!==t){e[n]=t;let a=e[this.callback];r(a)&&a.call(e,i,t),c(e).notify(this.name)}}}class p extends _{constructor(e,t,n=!1){super(e,t),this.expression=e,this.isVolatileBinding=n,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(e){this.isAsync=this.needsQueue=e}bind(e){this.controller=e;let t=this.observe(e.source,e.context);return!e.isBound&&this.requiresUnbind(e)&&e.onUnbind(this),t}requiresUnbind(e){return e.sourceLifetime!==v.coupled||this.first!==this.last||this.first.propertySource!==e.source}unbind(e){this.dispose()}observe(e,t){this.needsRefresh&&this.last!==null&&this.dispose();let n=a;a=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let r;try{r=this.expression(e,t)}finally{a=n}return r}disconnect(){this.dispose()}dispose(){if(this.last!==null){let e=this.first;for(;e!==void 0;)e.notifier.unsubscribe(this,e.propertyName),e=e.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(e,t){let n=this.last,r=c(e),i=n===null?this.first:{};if(i.propertySource=e,i.propertyName=t,i.notifier=r,r.subscribe(this,t),n!==null){if(!this.needsRefresh){let t;a=void 0,t=n.propertySource[n.propertyName],a=this,e===t&&(this.needsRefresh=!0)}n.next=i}this.last=i}handleChange(){this.needsQueue?(this.needsQueue=!1,e(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let e=this.first;for(;e!==void 0;)yield e,e=e.next}}return d(p),Object.freeze({setArrayObserverFactory(e){o=e},getNotifier:c,track(e,t){a&&a.watch(e,t)},trackVolatile(){a&&(a.needsRefresh=!0)},notify(e,t){c(e).notify(t)},defineProperty(e,t){i(t)&&(t=new f(t)),l(e).push(t),Reflect.defineProperty(e,t.name,{enumerable:!0,get(){return t.getValue(this)},set(e){t.setValue(this,e)}})},getAccessors:l,binding(e,t,n=this.isVolatileBinding(e)){return new p(e,t,n)},isVolatileBinding(e){return t.test(e.toString())}})});function re(e,t){y.defineProperty(e,t)}function ie(e,t,n){return Object.assign({},n,{get(){return y.trackVolatile(),n.get.apply(this)}})}var ae=s.getById(n.contextEvent,()=>{let e=null;return{get(){return e},set(t){e=t}}}),b=Object.freeze({default:{index:0,length:0,get event(){return b.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return ae.get()},setEvent(e){ae.set(e)}}),x=class{constructor(e,t,n=!1){this.evaluate=e,this.policy=t,this.isVolatile=n}},oe=class extends x{createObserver(e){return y.binding(this.evaluate,e,this.isVolatile)}};function se(e,t,n=y.isVolatileBinding(e)){return new oe(e,t,n)}var ce=class extends x{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}};d(ce);function le(e,t){return new ce(e,t)}var ue;function de(e){return e.map(e=>e instanceof S?de(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}var S=class e{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(t=>t instanceof e?t.behaviors:null).reduce((e,t)=>t===null?e:e===null?t:e.concat(t),null)}get strategy(){return this._strategy===null&&this.withStrategy(ue),this._strategy}addStylesTo(e){this.strategy.addStylesTo(e),this.targets.add(e)}removeStylesFrom(e){this.strategy.removeStylesFrom(e),this.targets.delete(e)}isAttachedTo(e){return this.targets.has(e)}withBehaviors(...e){return this.behaviors=this.behaviors===null?e:this.behaviors.concat(e),this}withStrategy(e){return this._strategy=new e(de(this.styles)),this}static setDefaultStrategy(e){ue=e}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new e(t):t instanceof e?t:new e([t])}};S.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&`replace`in CSSStyleSheet.prototype;var fe=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,pe=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,me=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,he=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,ge=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,_e=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function ve(e){return e&&e.nodeType===Node.COMMENT_NODE}var C=Object.freeze({attributeMarkerName:`data-fe-b`,attributeBindingSeparator:` `,contentBindingStartMarker(e,t){return`fe-b$$start$$${e}$$${t}$$fe-b`},contentBindingEndMarker(e,t){return`fe-b$$end$$${e}$$${t}$$fe-b`},repeatStartMarker(e){return`fe-repeat$$start$$${e}$$fe-repeat`},repeatEndMarker(e){return`fe-repeat$$end$$${e}$$fe-repeat`},isContentBindingStartMarker(e){return fe.test(e)},isContentBindingEndMarker(e){return pe.test(e)},isRepeatViewStartMarker(e){return me.test(e)},isRepeatViewEndMarker(e){return he.test(e)},isElementBoundaryStartMarker(e){return ve(e)&&ge.test(e.data.trim())},isElementBoundaryEndMarker(e){return ve(e)&&_e.test(e.data)},parseAttributeBinding(e){let t=e.getAttribute(this.attributeMarkerName);return t===null?t:t.split(this.attributeBindingSeparator).map(e=>parseInt(e))},parseEnumeratedAttributeBinding(e){let t=[],n=this.attributeMarkerName.length+1,r=`${this.attributeMarkerName}-`;for(let i of e.getAttributeNames())if(i.startsWith(r)){let e=Number(i.slice(n));if(!Number.isNaN(e))t.push(e);else throw Error(`Invalid attribute marker name: ${i}. Expected format is ${r}<number>.`)}return t.length===0?null:t},parseContentBindingStartMarker(e){return xe(fe,e)},parseContentBindingEndMarker(e){return xe(pe,e)},parseRepeatStartMarker(e){return ye(me,e)},parseRepeatEndMarker(e){return ye(he,e)},parseElementBoundaryStartMarker(e){return be(ge,e.trim())},parseElementBoundaryEndMarker(e){return be(_e,e)}});function ye(e,t){let n=e.exec(t);return n===null?n:parseInt(n[1])}function be(e,t){let n=e.exec(t);return n===null?n:n[1]}function xe(e,t){let n=e.exec(t);return n===null?n:[parseInt(n[1]),n[2]]}var w=Symbol.for(`fe-hydration`);function T(e){return e[w]===w}var Se=`fast-${Math.random().toString(36).substring(2,8)}`,E=`${Se}{`,D=`}${Se}`,Ce=D.length,we=0,O=()=>`${Se}-${++we}`,Te=Object.freeze({interpolation:e=>`${E}${e}${D}`,attribute:e=>`${O()}="${E}${e}${D}"`,comment:e=>`<!--${E}${e}${D}-->`}),k=Object.freeze({parse(e,t){let n=e.split(E);if(n.length===1)return null;let r=[];for(let e=0,i=n.length;e<i;++e){let i=n[e],a=i.indexOf(D),o;if(a===-1)o=i;else{let e=i.substring(0,a);r.push(t[e]),o=i.substring(a+Ce)}o!==``&&r.push(o)}return r}}),A=l(),j=Object.freeze({getForInstance:A.getForInstance,getByType:A.getByType,define(e,t){return t||={},t.type=e,A.register(t),e},assignAspect(e,t){if(!t){e.aspectType=f.content;return}switch(e.sourceAspect=t,t[0]){case`:`:e.targetAspect=t.substring(1),e.aspectType=e.targetAspect===`classList`?f.tokenList:f.property;break;case`?`:e.targetAspect=t.substring(1),e.aspectType=f.booleanAttribute;break;case`@`:e.targetAspect=t.substring(1),e.aspectType=f.event;break;default:e.targetAspect=t,e.aspectType=f.attribute;break}}}),Ee=class{constructor(e){this.options=e}createHTML(e){return Te.attribute(e(this))}createBehavior(){return this}};d(Ee);var De=class extends Error{constructor(e,t,n){super(e),this.factories=t,this.node=n}};function M(e){return e.nodeType===Node.COMMENT_NODE}function Oe(e){return e.nodeType===Node.TEXT_NODE}function ke(e,t){let n=document.createRange();return n.setStart(e,0),n.setEnd(t,M(t)||Oe(t)?t.data.length:t.childNodes.length),n}function Ae(e){return e instanceof DocumentFragment&&`mode`in e}function je(e,t,n){let r=ke(e,t),i=r.commonAncestorContainer,a=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(e){return r.comparePoint(e,0)===0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),o={},s={},c=a.currentNode=e;for(;c!==null;){switch(c.nodeType){case Node.ELEMENT_NODE:Me(c,n,o);break;case Node.COMMENT_NODE:Ne(c,a,n,o,s);break}c=a.nextNode()}return r.detach(),{targets:o,boundaries:s}}function Me(e,t,n){let r=C.parseAttributeBinding(e)??C.parseEnumeratedAttributeBinding(e);if(r!==null){for(let i of r){if(!t[i])throw new De(`HydrationView was unable to successfully target factory on ${e.nodeName} inside ${e.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`,t,e);N(t[i],e,n)}e.removeAttribute(C.attributeMarkerName)}}function Ne(e,t,n,r,i){if(C.isElementBoundaryStartMarker(e)){Pe(e,t);return}if(C.isContentBindingStartMarker(e.data)){let a=C.parseContentBindingStartMarker(e.data);if(a===null)return;let[o,s]=a,c=n[o],l=[],u=t.nextSibling();e.data=``;let d=u;for(;u!==null;){if(M(u)){let e=C.parseContentBindingEndMarker(u.data);if(e&&e[1]===s)break}l.push(u),u=t.nextSibling()}if(u===null){let t=e.getRootNode();throw Error(`Error hydrating Comment node inside "${Ae(t)?t.host.nodeName:t.nodeName}".`)}u.data=``,l.length===1&&Oe(l[0])?N(c,l[0],r):(u!==d&&u.previousSibling!==null&&(i[c.targetNodeId]={first:d,last:u.previousSibling}),N(c,u.parentNode.insertBefore(document.createTextNode(``),u),r))}}function Pe(e,t){let n=C.parseElementBoundaryStartMarker(e.data),r=t.nextSibling();for(;r!==null;){if(M(r)){let e=C.parseElementBoundaryEndMarker(r.data);if(e&&e===n)break}r=t.nextSibling()}}function N(e,t,n){if(e.targetNodeId===void 0)throw Error(`Factory could not be target to the node`);n[e.targetNodeId]=t}var Fe;function P(e,t){let n=e.parentNode,r=e,i;for(;r!==t;){if(i=r.nextSibling,!i)throw Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);n.removeChild(r),r=i}n.removeChild(t)}var Ie=class{constructor(){this.index=0,this.length=0}get event(){return b.getEvent()}get isEven(){return this.index%2==0}get isOdd(){return this.index%2!=0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}},F=class extends Ie{constructor(e,t,n){super(),this.fragment=e,this.factories=t,this.targets=n,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=v.unknown,this.context=this,this.firstChild=e.firstChild,this.lastChild=e.lastChild}appendTo(e){e.appendChild(this.fragment)}insertBefore(e){if(this.fragment.hasChildNodes())e.parentNode.insertBefore(this.fragment,e);else{let t=this.lastChild;if(e.previousSibling===t)return;let n=e.parentNode,r=this.firstChild,i;for(;r!==t;)i=r.nextSibling,n.insertBefore(r,e),r=i;n.insertBefore(t,e)}}remove(){let e=this.fragment,t=this.lastChild,n=this.firstChild,r;for(;n!==t;)r=n.nextSibling,e.appendChild(n),n=r;e.appendChild(t)}dispose(){P(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let n=this.behaviors;if(n===null){this.source=e,this.context=t,this.behaviors=n=Array(this.factories.length);let r=this.factories;for(let e=0,t=r.length;e<t;++e){let t=r[e].createBehavior();t.bind(this),n[e]=t}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=n.length;e<t;++e)n[e].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){let e=this.unbindables;for(let t=0,n=e.length;t<n;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){P(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,n=e.length;t<n;++t)e[t].unbind()}}};d(F),y.defineProperty(F.prototype,`index`),y.defineProperty(F.prototype,`length`);var I={unhydrated:`unhydrated`,hydrating:`hydrating`,hydrated:`hydrated`},Le=class extends Error{constructor(e,t,n,r){super(e),this.factory=t,this.fragment=n,this.templateString=r}},Re=class extends Ie{constructor(e,t,n,r){super(),this.firstChild=e,this.lastChild=t,this.sourceTemplate=n,this.hostBindingTarget=r,this[Fe]=w,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=v.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=I.unhydrated,this._bindingViewBoundaries={},this._targets={},this.factories=n.compile().factories}get hydrationStage(){return this._hydrationStage}get targets(){return this._targets}get bindingViewBoundaries(){return this._bindingViewBoundaries}insertBefore(e){if(this.fragment!==null)if(this.fragment.hasChildNodes())e.parentNode.insertBefore(this.fragment,e);else{let t=this.lastChild;if(e.previousSibling===t)return;let n=e.parentNode,r=this.firstChild,i;for(;r!==t;)i=r.nextSibling,n.insertBefore(r,e),r=i;n.insertBefore(t,e)}}appendTo(e){this.fragment!==null&&e.appendChild(this.fragment)}remove(){let e=this.fragment||=document.createDocumentFragment(),t=this.lastChild,n=this.firstChild,r;for(;n!==t;){if(r=n.nextSibling,!r)throw Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.appendChild(n),n=r}e.appendChild(t)}bind(e,t=this){if(this.hydrationStage!==I.hydrated&&(this._hydrationStage=I.hydrating),this.source===e)return;let n=this.behaviors;if(n===null){this.source=e,this.context=t;try{let{targets:e,boundaries:t}=je(this.firstChild,this.lastChild,this.factories);this._targets=e,this._bindingViewBoundaries=t}catch(e){if(e instanceof De){let t=this.sourceTemplate.html;typeof t!=`string`&&(t=t.innerHTML),e.templateString=t}throw e}this.behaviors=n=Array(this.factories.length);let r=this.factories;for(let e=0,t=r.length;e<t;++e){let t=r[e];if(t.targetNodeId===`h`&&this.hostBindingTarget&&N(t,this.hostBindingTarget,this._targets),t.targetNodeId in this.targets){let r=t.createBehavior();r.bind(this),n[e]=r}else{let e=this.sourceTemplate.html;typeof e!=`string`&&(e=e.innerHTML);let n=(this.firstChild?.getRootNode()).host?.nodeName||`unknown`,r=t,i=[`HydrationView was unable to successfully target bindings inside "<${n.toLowerCase()}>".`,`
 Mismatch Details:`,`  - Expected target node ID: "${t.targetNodeId}"`,`  - Available target IDs: [${Object.keys(this.targets).join(`, `)||`none`}]`];throw t.targetTagName&&i.push(`  - Expected tag name: "${t.targetTagName}"`),r.sourceAspect&&i.push(`  - Source aspect: "${r.sourceAspect}"`),r.aspectType!==void 0&&i.push(`  - Aspect type: ${r.aspectType}`),i.push(`
 This usually means:`,`  1. The server-rendered HTML doesn't match the client template`,`  2. The hydration markers are missing or corrupted`,`  3. The DOM structure was modified before hydration`,`\nTemplate: ${e.slice(0,200)}${e.length>200?`...`:``}`),new Le(i.join(`
-`),t,ke(this.firstChild,this.lastChild).cloneContents(),e)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=n.length;e<t;++e)n[e].bind(this)}this.isBound=!0,this._hydrationStage=I.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){P(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}evaluateUnbindables(){let e=this.unbindables;for(let t=0,n=e.length;t<n;++t)e[t].unbind(this);e.length=0}};Fe=w,d(Re);function ze(e){return e.create!==void 0}function Be(e,t,n,r){if(n??=``,ze(n)){e.textContent=``;let t=e.$fastView;if(t===void 0)if(T(r)&&T(n)&&r.bindingViewBoundaries[this.targetNodeId]!==void 0&&r.hydrationStage!==I.hydrated){let e=r.bindingViewBoundaries[this.targetNodeId];t=n.hydrate(e.first,e.last)}else t=n.create();else e.$fastTemplate!==n&&(t.isComposed&&(t.remove(),t.unbind()),t=n.create());t.isComposed?t.needsBindOnly&&(t.needsBindOnly=!1,t.bind(r.source,r.context)):(t.isComposed=!0,t.bind(r.source,r.context),t.insertBefore(e),e.$fastView=t,e.$fastTemplate=n)}else{let t=e.$fastView;t!==void 0&&t.isComposed&&(t.isComposed=!1,t.remove(),t.needsBindOnly?t.needsBindOnly=!1:t.unbind()),e.textContent=n}}function Ve(e,t,n){let r=`${this.id}-t`,i=e[r]??(e[r]={v:0,cv:Object.create(null)}),a=i.cv,o=i.v,s=e[t];if(n!=null&&n.length){let e=n.split(/\s+/);for(let t=0,n=e.length;t<n;++t){let n=e[t];n!==``&&(a[n]=o,s.add(n))}}if(i.v=o+1,o!==0){--o;for(let e in a)a[e]===o&&s.remove(e)}}var He={[f.attribute]:h.setAttribute,[f.booleanAttribute]:h.setBooleanAttribute,[f.property]:(e,t,n)=>e[t]=n,[f.content]:Be,[f.tokenList]:Ve,[f.event]:()=>void 0},L=class{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=f.content}createHTML(e){return Te.interpolation(e(this))}createBehavior(){if(this.updateTarget===null){let e=He[this.aspectType],t=this.dataBinding.policy??this.policy;if(!e)throw s.error(1205);this.data=`${this.id}-d`,this.updateTarget=t.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(e){let t=e.targets[this.targetNodeId],n=T(e)&&e.hydrationStage&&e.hydrationStage!==I.hydrated;switch(this.aspectType){case f.event:t[this.data]=e,t.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case f.content:e.onUnbind(this);default:let r=t[this.data]??(t[this.data]=this.dataBinding.createObserver(this,this));if(r.target=t,r.controller=e,n&&(this.aspectType===f.attribute||this.aspectType===f.booleanAttribute)){r.bind(e);break}this.updateTarget(t,this.targetAspect,r.bind(e),e);break}}unbind(e){let t=e.targets[this.targetNodeId].$fastView;t!==void 0&&t.isComposed&&(t.unbind(),t.needsBindOnly=!0)}handleEvent(e){let t=e.currentTarget[this.data];if(t.isBound){b.setEvent(e);let n=this.dataBinding.evaluate(t.source,t.context);b.setEvent(null),n!==!0&&e.preventDefault()}}handleChange(e,t){let n=t.target,r=t.controller;this.updateTarget(n,this.targetAspect,t.bind(r),r)}};j.define(L,{aspected:!0});var Ue=(e,t)=>`${e}.${t}`,We={},R={index:0,node:null};function Ge(e){e.startsWith(`fast-`)||s.warn(1204,{name:e})}var Ke=new Proxy(document.createElement(`div`),{get(e,t){Ge(t);let n=Reflect.get(e,t);return r(n)?n.bind(e):n},set(e,t,n){return Ge(t),Reflect.set(e,t,n)}}),qe=class{constructor(e,t,n){this.fragment=e,this.directives=t,this.policy=n,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,n,r,i){this.nodeIds.has(n)||(this.nodeIds.add(n),this.addTargetDescriptor(t,n,r)),e.id=e.id??O(),e.targetNodeId=n,e.targetTagName=i,e.policy=e.policy??this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,n){let r=this.descriptors;if(t===`r`||t===`h`||r[t])return;if(!r[e]){let t=e.lastIndexOf(`.`),n=e.substring(0,t),r=parseInt(e.substring(t+1));this.addTargetDescriptor(n,e,r)}let i=We[t];if(!i){let r=`_${t}`;We[t]=i={get(){return this[r]??(this[r]=this[e].childNodes[n])}}}r[t]=i}createView(e){let t=this.fragment.cloneNode(!0),n=Object.create(this.proto);n.r=t,n.h=e??Ke;for(let e of this.nodeIds)n[e];return new F(t,this.factories,n)}};function Je(e,t,n,r,i,a=!1){let o=n.attributes,s=e.directives;for(let c=0,l=o.length;c<l;++c){let u=o[c],d=u.value,f=k.parse(d,s),p=null;f===null?a&&(p=new L(le(()=>d,e.policy)),j.assignAspect(p,u.name)):p=z.aggregate(f,e.policy),p!==null&&(n.removeAttributeNode(u),c--,l--,e.addFactory(p,t,r,i,n.tagName))}}function Ye(e,t,n,r,a){let o=k.parse(t.textContent,e.directives);if(o===null)return R.node=t.nextSibling,R.index=a+1,R;let s,c=s=t;for(let t=0,l=o.length;t<l;++t){let l=o[t];t!==0&&(a++,r=Ue(n,a),s=c.parentNode.insertBefore(document.createTextNode(``),c.nextSibling)),i(l)?s.textContent=l:(s.textContent=` `,j.assignAspect(l),e.addFactory(l,n,r,a,null)),c=s}return R.index=a+1,R.node=c.nextSibling,R}function Xe(e,t,n){let r=0,i=t.firstChild;for(;i;){let t=Ze(e,n,i,r);i=t.node,r=t.index}}function Ze(e,t,n,r){let i=Ue(t,r);switch(n.nodeType){case 1:Je(e,t,n,i,r),Xe(e,n,i);break;case 3:return Ye(e,n,t,i,r);case 8:let a=k.parse(n.data,e.directives);a!==null&&e.addFactory(z.aggregate(a),t,i,r,null);break}return R.index=r+1,R.node=n.nextSibling,R}function Qe(e,t){return e&&e.nodeType==8&&k.parse(e.data,t)!==null}var $e=`TEMPLATE`,z={compile(e,t,n=h.policy){let r;if(i(e)){r=document.createElement($e),r.innerHTML=n.createHTML(e);let t=r.content.firstElementChild;t!==null&&t.tagName===$e&&(r=t)}else r=e;!r.content.firstChild&&!r.content.lastChild&&r.content.appendChild(document.createComment(``));let a=document.adoptNode(r.content),o=new qe(a,t,n);return Je(o,``,r,`h`,0,!0),(Qe(a.firstChild,t)||a.childNodes.length===1&&Object.keys(t).length>0)&&a.insertBefore(document.createComment(``),a.firstChild),Xe(o,a,`r`),R.node=null,o.freeze()},setDefaultStrategy(e){this.compile=e},aggregate(e,t=h.policy){if(e.length===1)return e[0];let n,r=!1,a,o=e.length,s=e.map(e=>i(e)?()=>e:(n=e.sourceAspect||n,r||=e.dataBinding.isVolatile,a||=e.dataBinding.policy,e.dataBinding.evaluate)),c=new L(se((e,t)=>{let n=``;for(let r=0;r<o;++r)n+=s[r](e,t);return n},a??t,r));return j.assignAspect(c,n),c}},et=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,tt=Object.create(null),B=class{constructor(e,t=tt){this.html=e,this.factories=t}createHTML(e){let t=this.factories;for(let n in t)e(t[n]);return this.html}};B.empty=new B(``),j.define(B);function nt(e,t,n,r=j.getForInstance(e)){if(r.aspected){let n=et.exec(t);n!==null&&j.assignAspect(e,n[2])}return e.createHTML(n)}var rt=class e{constructor(e,t={},n){this.policy=n,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=z.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new B(i(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw s.error(1208);if(this.policy)throw s.error(1207);return this.policy=e,this}render(e,t,n){let r=this.create(n);return r.bind(e),r.appendTo(t),r}static create(t,n,i){let a=``,o=Object.create(null),s=e=>{let t=e.id??=O();return o[t]=e,t};for(let e=0,i=t.length-1;e<i;++e){let i=t[e],o=n[e],c;if(a+=i,r(o))o=new L(se(o));else if(o instanceof x)o=new L(o);else if(!(c=j.getForInstance(o))){let e=o;o=new L(le(()=>e))}a+=nt(o,i,s,c)}return new e(a+t[t.length-1],o,i)}};d(rt);var V=((e,...t)=>{if(Array.isArray(e)&&Array.isArray(e.raw))return rt.create(e,t);throw s.error(1206)});V.partial=e=>new B(e);var it=`boolean`,at=`reflect`,ot=Object.freeze({locate:u()}),st={toView(e){return e?`true`:`false`},fromView(e){return!(e==null||e===`false`||e===!1||e===0)}};function ct(e){if(e==null)return null;let t=e*1;return isNaN(t)?null:t}var lt={toView(e){let t=ct(e);return t&&t.toString()},fromView:ct},ut=class e{constructor(e,t,n=t.toLowerCase(),r=at,i){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=n,this.mode=r,this.converter=i,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,r===it&&i===void 0&&(this.converter=st)}setValue(e,t){let n=e[this.fieldName],r=this.converter;r!==void 0&&(t=r.fromView(t)),n!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](n,t),e.$fastController.notify(this.name))}getValue(e){return y.track(e,this.name),e[this.fieldName]}onAttributeChangedCallback(e,t){this.guards.has(e)||(this.guards.add(e),this.setValue(e,t),this.guards.delete(e))}tryReflectToAttribute(e){let t=this.mode,n=this.guards;n.has(e)||t===`fromView`||g.enqueue(()=>{n.add(e);let r=e[this.fieldName];switch(t){case at:let t=this.converter;h.setAttribute(e,this.attribute,t===void 0?r:t.toView(r));break;case it:h.setBooleanAttribute(e,this.attribute,r);break}n.delete(e)})}static collect(t,...n){let r=[];n.push(ot.locate(t));for(let a=0,o=n.length;a<o;++a){let o=n[a];if(o!==void 0)for(let n=0,a=o.length;n<a;++n){let a=o[n];i(a)?r.push(new e(t,a)):r.push(new e(t,a.property,a.attribute,a.mode,a.converter))}}return r}};function dt(e,t){let n;function r(e,t){arguments.length>1&&(n.property=t),ot.locate(e.constructor).push(n)}if(arguments.length>1){n={},r(e,t);return}return n=e===void 0?{}:e,r}var ft=function(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})},pt={mode:`open`},mt={},H=new Set,U=s.getById(n.elementRegistry,()=>l()),ht={deferAndHydrate:`defer-and-hydrate`},W=class e{constructor(t,n=t.definition){this.platformDefined=!1,i(n)&&(n={name:n}),this.type=t,this.name=n.name,this.template=n.template,this.templateOptions=n.templateOptions,this.registry=n.registry??customElements;let r=t.prototype,a=ut.collect(t,n.attributes),o=Array(a.length),s={},c={};for(let e=0,t=a.length;e<t;++e){let t=a[e];o[e]=t.attribute,s[t.name]=t,c[t.attribute]=t,y.defineProperty(r,t)}Reflect.defineProperty(t,`observedAttributes`,{value:o,enumerable:!0}),this.attributes=a,this.propertyLookup=s,this.attributeLookup=c,this.shadowOptions=n.shadowOptions===void 0?pt:n.shadowOptions===null?void 0:Object.assign(Object.assign({},pt),n.shadowOptions),this.elementOptions=n.elementOptions===void 0?mt:Object.assign(Object.assign({},mt),n.elementOptions),this.styles=S.normalize(n.styles),U.register(this),y.defineProperty(e.isRegistered,this.name),e.isRegistered[this.name]=this.type}get isDefined(){return this.platformDefined}define(e=this.registry){var t,n;let r=this.type;return e.get(this.name)||(this.platformDefined=!0,e.define(this.name,r,this.elementOptions),(n=(t=this.lifecycleCallbacks)?.elementDidDefine)==null||n.call(t,this.name)),this}static compose(t,n){return H.has(t)||U.getByType(t)?new e(class extends t{},n):new e(t,n)}static registerBaseType(e){H.add(e)}static composeAsync(t,n){return new Promise(r=>{(H.has(t)||U.getByType(t))&&r(new e(class extends t{},n));let i=new e(t,n);y.getNotifier(i).subscribe({handleChange:()=>{var e,t;(t=(e=i.lifecycleCallbacks)?.templateDidUpdate)==null||t.call(e,i.name),r(i)}},`template`)})}};W.isRegistered={},W.getByType=U.getByType,W.getForInstance=U.getForInstance,W.registerAsync=e=>ft(void 0,void 0,void 0,function*(){return new Promise(t=>{W.isRegistered[e]&&t(W.isRegistered[e]),y.getNotifier(W.isRegistered).subscribe({handleChange:()=>t(W.isRegistered[e])},e)})}),y.defineProperty(W.prototype,`template`);var gt=class extends MutationObserver{constructor(e){function t(e){this.callback.call(null,e.filter(e=>this.observedNodes.has(e.target)))}super(t),this.callback=e,this.observedNodes=new Set}observe(e,t){this.observedNodes.add(e),super.observe(e,t)}unobserve(e){this.observedNodes.delete(e),this.observedNodes.size<1&&this.disconnect()}},_t=Object.freeze({create(e){let t=[],n={},r=null,i=!1;return{source:e,context:b.default,targets:n,get isBound(){return i},addBehaviorFactory(e,t){let n=e;n.id=n.id??O(),n.targetNodeId=n.targetNodeId??O(),n.targetTagName=t.tagName??null,n.policy=n.policy??h.policy,this.addTarget(n.targetNodeId,t),this.addBehavior(n.createBehavior())},addTarget(e,t){n[e]=t},addBehavior(e){t.push(e),i&&e.bind(this)},onUnbind(e){r===null&&(r=[]),r.push(e)},connectedCallback(e){i||(i=!0,t.forEach(e=>e.bind(this)))},disconnectedCallback(e){i&&(i=!1,r!==null&&r.forEach(e=>e.unbind(this)))}}}}),vt={bubbles:!0,composed:!0,cancelable:!0},G=`isConnected`,yt=new WeakMap;function K(e){return e.shadowRoot??yt.get(e)??null}var bt,q=class e extends ne{constructor(e,t){super(e),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=e,this.definition=t,this.shadowOptions=t.shadowOptions;let n=y.getAccessors(e);if(n.length>0){let t=this.boundObservables=Object.create(null);for(let r=0,i=n.length;r<i;++r){let i=n[r].name,a=e[i];a!==void 0&&(delete e[i],t[i]=a)}}}get isConnected(){return y.track(this,G),this.stage===1}get context(){return this.view?.context??b.default}get isBound(){return this.view?.isBound??!1}get sourceLifetime(){return this.view?.sourceLifetime}get template(){if(this._template===null){let e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=e.template??null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get shadowOptions(){return this._shadowRootOptions}set shadowOptions(e){if(this._shadowRootOptions===void 0&&e!==void 0){this._shadowRootOptions=e;let t=this.source.shadowRoot;t?this.hasExistingShadowRoot=!0:(t=this.source.attachShadow(e),e.mode===`closed`&&yt.set(this.source,t))}}get mainStyles(){if(this._mainStyles===null){let e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=e.styles??null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;(t=this.view)==null||t.onUnbind(e)}addBehavior(e){let t=this.behaviors??=new Map,n=t.get(e)??0;n===0?(t.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&e.connectedCallback(this)):t.set(e,n+1)}removeBehavior(e,t=!1){let n=this.behaviors;if(n===null)return;let r=n.get(e);r!==void 0&&(r===1||t?(n.delete(e),e.disconnectedCallback&&this.stage!==3&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):n.set(e,r-1))}addStyles(e){if(!e)return;let t=this.source;if(e instanceof HTMLElement)(K(t)??this.source).append(e);else if(!e.isAttachedTo(t)){let n=e.behaviors;if(e.addStylesTo(t),n!==null)for(let e=0,t=n.length;e<t;++e)this.addBehavior(n[e])}}removeStyles(e){if(!e)return;let t=this.source;if(e instanceof HTMLElement)(K(t)??t).removeChild(e);else if(e.isAttachedTo(t)){let n=e.behaviors;if(e.removeStylesFrom(t),n!==null)for(let e=0,t=n.length;e<t;++e)this.removeBehavior(n[e])}}connect(){this.stage===3&&(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,y.notify(this,G))}bindObservables(){if(this.boundObservables!==null){let e=this.source,t=this.boundObservables,n=Object.keys(t);for(let r=0,i=n.length;r<i;++r){let i=n[r];e[i]=t[i]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){let e=this.behaviors;if(e!==null){this.guardBehaviorConnection=!0;for(let t of e.keys())t.connectedCallback&&t.connectedCallback(this);this.guardBehaviorConnection=!1}this.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){let e=this.behaviors;if(e!==null)for(let t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===1&&(this.stage=2,y.notify(this,G),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(e,t,n){let r=this.definition.attributeLookup[e];r!==void 0&&r.onAttributeChangedCallback(this.source,n)}emit(e,t,n){return this.stage===1?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},vt),n))):!1}renderTemplate(e){let t=this.source,n=K(t)??t;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let e=n.firstChild;e!==null;e=n.firstChild)n.removeChild(e)}e&&(this.view=e.render(t,n,t),this.view.sourceLifetime=v.coupled)}static forCustomElement(t,n=!1){let r=t.$fastController;if(r!==void 0&&!n)return r;let i=W.getForInstance(t);if(i===void 0)throw s.error(1401);return y.getNotifier(i).subscribe({handleChange:()=>{e.forCustomElement(t,!0),t.$fastController.connect()}},`template`),y.getNotifier(i).subscribe({handleChange:()=>{e.forCustomElement(t,!0),t.$fastController.connect()}},`shadowOptions`),t.$fastController=new bt(t,i)}static setStrategy(e){bt=e}};d(q),q.setStrategy(q);function J(e){return`adoptedStyleSheets`in e?e:K(e)??e.getRootNode()}var xt=class e{constructor(t){let n=e.styleSheetCache;this.sheets=t.map(e=>{if(e instanceof CSSStyleSheet)return e;let t=n.get(e);return t===void 0&&(t=new CSSStyleSheet,t.replaceSync(e),n.set(e,t)),t})}addStylesTo(e){Et(J(e),this.sheets)}removeStylesFrom(e){Dt(J(e),this.sheets)}};xt.styleSheetCache=new Map;var St=0,Ct=()=>`fast-${++St}`;function wt(e){return e===document?document.body:e}var Tt=class{constructor(e){this.styles=e,this.styleClass=Ct()}addStylesTo(e){e=wt(J(e));let t=this.styles,n=this.styleClass;for(let r=0;r<t.length;r++){let i=document.createElement(`style`);i.innerHTML=t[r],i.className=n,e.append(i)}}removeStylesFrom(e){e=wt(J(e));let t=e.querySelectorAll(`.${this.styleClass}`);for(let n=0,r=t.length;n<r;++n)e.removeChild(t[n])}},Et=(e,t)=>{e.adoptedStyleSheets=[...e.adoptedStyleSheets,...t]},Dt=(e,t)=>{e.adoptedStyleSheets=e.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(S.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Et=(e,t)=>{e.adoptedStyleSheets.push(...t)},Dt=(e,t)=>{for(let n of t){let t=e.adoptedStyleSheets.indexOf(n);t!==-1&&e.adoptedStyleSheets.splice(t,1)}}}catch{}S.setDefaultStrategy(xt)}else S.setDefaultStrategy(Tt);var Ot=`defer-hydration`,kt=`needs-hydration`,Y=class e extends q{get shadowOptions(){return super.shadowOptions}set shadowOptions(e){super.shadowOptions=e,(this.hasExistingShadowRoot||e!==void 0&&!this.template)&&this.definition.templateOptions===ht.deferAndHydrate&&(this.source.toggleAttribute(Ot,!0),this.source.toggleAttribute(kt,!0))}addHydratingInstance(){if(!e.hydratingInstances)return;let t=this.definition.name,n=e.hydratingInstances.get(t);n||(n=new Set,e.hydratingInstances.set(t,n)),n.add(this.source)}static config(t){return e.lifecycleCallbacks=t,this}static hydrationObserverHandler(t){for(let n of t)n.target.hasAttribute(`defer-hydration`)||(e.hydrationObserver.unobserve(n.target),n.target.$fastController.connect())}static checkHydrationComplete(t){var n,r;if(t.didTimeout){e.idleCallbackId=requestIdleCallback(e.checkHydrationComplete,{timeout:50});return}e.hydratingInstances?.size===0&&((r=(n=e.lifecycleCallbacks)?.hydrationComplete)==null||r.call(n),q.setStrategy(q))}connect(){var t,n,r;if(this.needsHydration=this.needsHydration??this.source.hasAttribute(kt),this.needsHydration&&((n=(t=e.lifecycleCallbacks)?.elementWillHydrate)==null||n.call(t,this.definition.name)),this.source.hasAttribute(`defer-hydration`)){this.addHydratingInstance(),e.hydrationObserver.observe(this.source,{attributeFilter:[Ot]});return}if(!this.needsHydration){super.connect(),this.removeHydratingInstance();return}if(this.stage===3){if(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.template)if(T(this.template)){let e=this.source,t=K(e)??e,n=t.firstChild,i=t.lastChild;e.shadowRoot===null&&(C.isElementBoundaryStartMarker(n)&&(n.data=``,n=n.nextSibling),C.isElementBoundaryEndMarker(i)&&(i.data=``,i=i.previousSibling)),this.view=this.template.hydrate(n,i,e),(r=this.view)==null||r.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=1,this.source.removeAttribute(kt),this.needsInitialization=this.needsHydration=!1,this.removeHydratingInstance(),y.notify(this,G)}}removeHydratingInstance(){var t,n;if(!e.hydratingInstances)return;let r=this.definition.name,i=e.hydratingInstances.get(r);(n=(t=e.lifecycleCallbacks)?.elementDidHydrate)==null||n.call(t,this.definition.name),i&&(i.delete(this.source),i.size||e.hydratingInstances.delete(r),e.idleCallbackId&&cancelIdleCallback(e.idleCallbackId),e.idleCallbackId=requestIdleCallback(e.checkHydrationComplete,{timeout:50}))}disconnect(){super.disconnect(),e.hydrationObserver.unobserve(this.source)}static install(){q.setStrategy(e)}};Y.hydrationObserver=new gt(Y.hydrationObserverHandler),Y.idleCallbackId=null,Y.hydratingInstances=new Map;function At(e){let t=class extends e{constructor(){super(),q.forCustomElement(this)}$emit(e,t,n){return this.$fastController.emit(e,t,n)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,t,n){this.$fastController.onAttributeChangedCallback(e,t,n)}};return W.registerBaseType(t),t}function jt(e,t){return r(e)?W.compose(e,t):W.compose(this,e)}function Mt(e,t){return r(e)?new Promise(n=>{W.composeAsync(e,t).then(e=>{n(e)})}).then(e=>e.define().type):new Promise(t=>{W.composeAsync(this,e).then(e=>{t(e)})}).then(e=>e.define().type)}function Nt(e,t){return r(e)?W.compose(e,t).define().type:W.compose(this,e).define().type}function Pt(e){return At(e)}var Ft=Object.assign(At(HTMLElement),{from:Pt,define:Nt,compose:jt,defineAsync:Mt});function It(e,t){return e instanceof Function?e(t):e}var Lt=new Set,X=new Map,Rt=e=>(t=`vwc`)=>{let n=e=>`${t}-${e}`,r=e=>{let i=n(e.name),a=e.type;if(a.componentName=e.name,Lt.has(i))return;X.has(a)&&X.get(a)!==i&&(a=class extends a{}),Lt.add(i),X.set(a,i);for(let t of e.dependencies)r(t);let o=new Map([[e.type,i],...e.dependencies.map(e=>[e.type,n(e.name)])]),s={tagFor:(t,n)=>{if(!o.has(t))throw Error(`Could not get tag for ${t.name} as it is not a dependency of ${e.name}.`);let r=o.get(t);return n?r:V.partial(r)},tagForNonDependency(e){return n(e)}};W.compose(a,{...e.options,template:It(e.template,s),name:`${t}-${e.name}`}).define()};r(e)},zt=(e,t,n,r,i)=>({name:e,type:t,template:n,dependencies:r,options:i}),Bt=new WeakMap,Vt=e=>{let t=Bt.get(e);return t||(t=[],Bt.set(e,t)),t},Ht=(e,t)=>{Vt(e).push(t)},Ut=(e,t)=>{Vt(e).forEach(n=>n(e,t))},Wt=e=>e===`delegate`,Gt=e=>`vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`,Kt=(e,t)=>{if(Wt(e._vividAriaBehaviour)){let n=e[t];e[`_${t}`]=null,e.removeAttribute($(t)),e[`_${t}`]=n,e[t]===null?delete e.dataset[Gt(t)]:e.dataset[Gt(t)]=e[t]}else h.setAttribute(e,$(t),e[t])},Z=new WeakMap,qt=(e,t)=>{let n=Z.get(e);n?n.add(t):Z.set(e,new Set([t]))},Jt=(e,t)=>{e.isConnected?Kt(e,t):qt(e,t)},Yt=e=>{let t=Z.get(e);if(t){for(let n of t)Kt(e,n);Z.delete(e)}},Q=`role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColIndexText.ariaColSpan.ariaCurrent.ariaDescription.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowIndexText.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText.ariaRelevant`.split(`.`),$=e=>e.replace(`aria`,`aria-`).toLowerCase(),Xt=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`default`;for(let e of Q)this[`_${e}`]=null}connectedCallback(){super.connectedCallback(),Yt(this)}}for(let e of Q)dt({attribute:$(e),mode:`fromView`})(t.prototype,e),t.prototype[`${e}Changed`]=function(){Jt(this,e),this._vividAriaBehaviour!==`default`&&Ut(this,e)};return t};function Zt(){let e=new WeakMap;return t=>(e.has(t)||e.set(t,[]),e.get(t))}var Qt=Zt(),$t=e=>(t,n)=>{Qt(t.constructor).push({newPropertyName:n,...e})},en=e=>{class t extends e{#e(e){let t=!1,n=!1,r=t=>n&&e.fromDeprecated(t[e.deprecatedPropertyName])===t[e.newPropertyName],i=n=>t&&e.toDeprecated&&e.toDeprecated(n[e.newPropertyName])===n[e.deprecatedPropertyName],a={handleChange(a,o){if(o===e.newPropertyName){if(t=!0,!e.toDeprecated||r(a))return;a[e.deprecatedPropertyName]=e.toDeprecated(a[e.newPropertyName])}if(o===e.deprecatedPropertyName){if(n=!0,i(a))return;a[e.newPropertyName]=e.fromDeprecated(a[e.deprecatedPropertyName])}}},o=y.getNotifier(this);o.subscribe(a,e.newPropertyName),o.subscribe(a,e.deprecatedPropertyName)}constructor(...e){super(...e);for(let e of Qt(this.constructor))this.#e(e)}}return t},tn=class extends Xt(en(Ft)){static{this.VIVID_VERSION=`5.18.0`}connectedCallback(){super.connectedCallback();let e=this.constructor.componentName;this.setAttribute(`data-vvd-component`,e)}};Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,`M`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`N`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return Ht}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return le}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return _t}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return Ee}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return dt}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return $t}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return zt}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return Rt}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return tn}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return lt}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return se}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return S}});
+`),t,ke(this.firstChild,this.lastChild).cloneContents(),e)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=n.length;e<t;++e)n[e].bind(this)}this.isBound=!0,this._hydrationStage=I.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){P(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}evaluateUnbindables(){let e=this.unbindables;for(let t=0,n=e.length;t<n;++t)e[t].unbind(this);e.length=0}};Fe=w,d(Re);function ze(e){return e.create!==void 0}function Be(e,t,n,r){if(n??=``,ze(n)){e.textContent=``;let t=e.$fastView;if(t===void 0)if(T(r)&&T(n)&&r.bindingViewBoundaries[this.targetNodeId]!==void 0&&r.hydrationStage!==I.hydrated){let e=r.bindingViewBoundaries[this.targetNodeId];t=n.hydrate(e.first,e.last)}else t=n.create();else e.$fastTemplate!==n&&(t.isComposed&&(t.remove(),t.unbind()),t=n.create());t.isComposed?t.needsBindOnly&&(t.needsBindOnly=!1,t.bind(r.source,r.context)):(t.isComposed=!0,t.bind(r.source,r.context),t.insertBefore(e),e.$fastView=t,e.$fastTemplate=n)}else{let t=e.$fastView;t!==void 0&&t.isComposed&&(t.isComposed=!1,t.remove(),t.needsBindOnly?t.needsBindOnly=!1:t.unbind()),e.textContent=n}}function Ve(e,t,n){let r=`${this.id}-t`,i=e[r]??(e[r]={v:0,cv:Object.create(null)}),a=i.cv,o=i.v,s=e[t];if(n!=null&&n.length){let e=n.split(/\s+/);for(let t=0,n=e.length;t<n;++t){let n=e[t];n!==``&&(a[n]=o,s.add(n))}}if(i.v=o+1,o!==0){--o;for(let e in a)a[e]===o&&s.remove(e)}}var He={[f.attribute]:h.setAttribute,[f.booleanAttribute]:h.setBooleanAttribute,[f.property]:(e,t,n)=>e[t]=n,[f.content]:Be,[f.tokenList]:Ve,[f.event]:()=>void 0},L=class{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=f.content}createHTML(e){return Te.interpolation(e(this))}createBehavior(){if(this.updateTarget===null){let e=He[this.aspectType],t=this.dataBinding.policy??this.policy;if(!e)throw s.error(1205);this.data=`${this.id}-d`,this.updateTarget=t.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(e){let t=e.targets[this.targetNodeId],n=T(e)&&e.hydrationStage&&e.hydrationStage!==I.hydrated;switch(this.aspectType){case f.event:t[this.data]=e,t.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case f.content:e.onUnbind(this);default:let r=t[this.data]??(t[this.data]=this.dataBinding.createObserver(this,this));if(r.target=t,r.controller=e,n&&(this.aspectType===f.attribute||this.aspectType===f.booleanAttribute)){r.bind(e);break}this.updateTarget(t,this.targetAspect,r.bind(e),e);break}}unbind(e){let t=e.targets[this.targetNodeId].$fastView;t!==void 0&&t.isComposed&&(t.unbind(),t.needsBindOnly=!0)}handleEvent(e){let t=e.currentTarget[this.data];if(t.isBound){b.setEvent(e);let n=this.dataBinding.evaluate(t.source,t.context);b.setEvent(null),n!==!0&&e.preventDefault()}}handleChange(e,t){let n=t.target,r=t.controller;this.updateTarget(n,this.targetAspect,t.bind(r),r)}};j.define(L,{aspected:!0});var Ue=(e,t)=>`${e}.${t}`,We={},R={index:0,node:null};function Ge(e){e.startsWith(`fast-`)||s.warn(1204,{name:e})}var Ke=new Proxy(document.createElement(`div`),{get(e,t){Ge(t);let n=Reflect.get(e,t);return r(n)?n.bind(e):n},set(e,t,n){return Ge(t),Reflect.set(e,t,n)}}),qe=class{constructor(e,t,n){this.fragment=e,this.directives=t,this.policy=n,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,n,r,i){this.nodeIds.has(n)||(this.nodeIds.add(n),this.addTargetDescriptor(t,n,r)),e.id=e.id??O(),e.targetNodeId=n,e.targetTagName=i,e.policy=e.policy??this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,n){let r=this.descriptors;if(t===`r`||t===`h`||r[t])return;if(!r[e]){let t=e.lastIndexOf(`.`),n=e.substring(0,t),r=parseInt(e.substring(t+1));this.addTargetDescriptor(n,e,r)}let i=We[t];if(!i){let r=`_${t}`;We[t]=i={get(){return this[r]??(this[r]=this[e].childNodes[n])}}}r[t]=i}createView(e){let t=this.fragment.cloneNode(!0),n=Object.create(this.proto);n.r=t,n.h=e??Ke;for(let e of this.nodeIds)n[e];return new F(t,this.factories,n)}};function Je(e,t,n,r,i,a=!1){let o=n.attributes,s=e.directives;for(let c=0,l=o.length;c<l;++c){let u=o[c],d=u.value,f=k.parse(d,s),p=null;f===null?a&&(p=new L(le(()=>d,e.policy)),j.assignAspect(p,u.name)):p=z.aggregate(f,e.policy),p!==null&&(n.removeAttributeNode(u),c--,l--,e.addFactory(p,t,r,i,n.tagName))}}function Ye(e,t,n,r,a){let o=k.parse(t.textContent,e.directives);if(o===null)return R.node=t.nextSibling,R.index=a+1,R;let s,c=s=t;for(let t=0,l=o.length;t<l;++t){let l=o[t];t!==0&&(a++,r=Ue(n,a),s=c.parentNode.insertBefore(document.createTextNode(``),c.nextSibling)),i(l)?s.textContent=l:(s.textContent=` `,j.assignAspect(l),e.addFactory(l,n,r,a,null)),c=s}return R.index=a+1,R.node=c.nextSibling,R}function Xe(e,t,n){let r=0,i=t.firstChild;for(;i;){let t=Ze(e,n,i,r);i=t.node,r=t.index}}function Ze(e,t,n,r){let i=Ue(t,r);switch(n.nodeType){case 1:Je(e,t,n,i,r),Xe(e,n,i);break;case 3:return Ye(e,n,t,i,r);case 8:let a=k.parse(n.data,e.directives);a!==null&&e.addFactory(z.aggregate(a),t,i,r,null);break}return R.index=r+1,R.node=n.nextSibling,R}function Qe(e,t){return e&&e.nodeType==8&&k.parse(e.data,t)!==null}var $e=`TEMPLATE`,z={compile(e,t,n=h.policy){let r;if(i(e)){r=document.createElement($e),r.innerHTML=n.createHTML(e);let t=r.content.firstElementChild;t!==null&&t.tagName===$e&&(r=t)}else r=e;!r.content.firstChild&&!r.content.lastChild&&r.content.appendChild(document.createComment(``));let a=document.adoptNode(r.content),o=new qe(a,t,n);return Je(o,``,r,`h`,0,!0),(Qe(a.firstChild,t)||a.childNodes.length===1&&Object.keys(t).length>0)&&a.insertBefore(document.createComment(``),a.firstChild),Xe(o,a,`r`),R.node=null,o.freeze()},setDefaultStrategy(e){this.compile=e},aggregate(e,t=h.policy){if(e.length===1)return e[0];let n,r=!1,a,o=e.length,s=e.map(e=>i(e)?()=>e:(n=e.sourceAspect||n,r||=e.dataBinding.isVolatile,a||=e.dataBinding.policy,e.dataBinding.evaluate)),c=new L(se((e,t)=>{let n=``;for(let r=0;r<o;++r)n+=s[r](e,t);return n},a??t,r));return j.assignAspect(c,n),c}},et=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,tt=Object.create(null),B=class{constructor(e,t=tt){this.html=e,this.factories=t}createHTML(e){let t=this.factories;for(let n in t)e(t[n]);return this.html}};B.empty=new B(``),j.define(B);function nt(e,t,n,r=j.getForInstance(e)){if(r.aspected){let n=et.exec(t);n!==null&&j.assignAspect(e,n[2])}return e.createHTML(n)}var rt=class e{constructor(e,t={},n){this.policy=n,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=z.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new B(i(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw s.error(1208);if(this.policy)throw s.error(1207);return this.policy=e,this}render(e,t,n){let r=this.create(n);return r.bind(e),r.appendTo(t),r}static create(t,n,i){let a=``,o=Object.create(null),s=e=>{let t=e.id??=O();return o[t]=e,t};for(let e=0,i=t.length-1;e<i;++e){let i=t[e],o=n[e],c;if(a+=i,r(o))o=new L(se(o));else if(o instanceof x)o=new L(o);else if(!(c=j.getForInstance(o))){let e=o;o=new L(le(()=>e))}a+=nt(o,i,s,c)}return new e(a+t[t.length-1],o,i)}};d(rt);var V=((e,...t)=>{if(Array.isArray(e)&&Array.isArray(e.raw))return rt.create(e,t);throw s.error(1206)});V.partial=e=>new B(e);var it=`boolean`,at=`reflect`,ot=Object.freeze({locate:u()}),st={toView(e){return e?`true`:`false`},fromView(e){return!(e==null||e===`false`||e===!1||e===0)}};function ct(e){if(e==null)return null;let t=e*1;return isNaN(t)?null:t}var lt={toView(e){let t=ct(e);return t&&t.toString()},fromView:ct},ut=class e{constructor(e,t,n=t.toLowerCase(),r=at,i){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=n,this.mode=r,this.converter=i,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,r===it&&i===void 0&&(this.converter=st)}setValue(e,t){let n=e[this.fieldName],r=this.converter;r!==void 0&&(t=r.fromView(t)),n!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](n,t),e.$fastController.notify(this.name))}getValue(e){return y.track(e,this.name),e[this.fieldName]}onAttributeChangedCallback(e,t){this.guards.has(e)||(this.guards.add(e),this.setValue(e,t),this.guards.delete(e))}tryReflectToAttribute(e){let t=this.mode,n=this.guards;n.has(e)||t===`fromView`||g.enqueue(()=>{n.add(e);let r=e[this.fieldName];switch(t){case at:let t=this.converter;h.setAttribute(e,this.attribute,t===void 0?r:t.toView(r));break;case it:h.setBooleanAttribute(e,this.attribute,r);break}n.delete(e)})}static collect(t,...n){let r=[];n.push(ot.locate(t));for(let a=0,o=n.length;a<o;++a){let o=n[a];if(o!==void 0)for(let n=0,a=o.length;n<a;++n){let a=o[n];i(a)?r.push(new e(t,a)):r.push(new e(t,a.property,a.attribute,a.mode,a.converter))}}return r}};function dt(e,t){let n;function r(e,t){arguments.length>1&&(n.property=t),ot.locate(e.constructor).push(n)}if(arguments.length>1){n={},r(e,t);return}return n=e===void 0?{}:e,r}var ft=function(e,t,n,r){function i(e){return e instanceof n?e:new n(function(t){t(e)})}return new(n||=Promise)(function(n,a){function o(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){e.done?n(e.value):i(e.value).then(o,s)}c((r=r.apply(e,t||[])).next())})},pt={mode:`open`},mt={},H=new Set,U=s.getById(n.elementRegistry,()=>l()),ht={deferAndHydrate:`defer-and-hydrate`},W=class e{constructor(t,n=t.definition){this.platformDefined=!1,i(n)&&(n={name:n}),this.type=t,this.name=n.name,this.template=n.template,this.templateOptions=n.templateOptions,this.registry=n.registry??customElements;let r=t.prototype,a=ut.collect(t,n.attributes),o=Array(a.length),s={},c={};for(let e=0,t=a.length;e<t;++e){let t=a[e];o[e]=t.attribute,s[t.name]=t,c[t.attribute]=t,y.defineProperty(r,t)}Reflect.defineProperty(t,`observedAttributes`,{value:o,enumerable:!0}),this.attributes=a,this.propertyLookup=s,this.attributeLookup=c,this.shadowOptions=n.shadowOptions===void 0?pt:n.shadowOptions===null?void 0:Object.assign(Object.assign({},pt),n.shadowOptions),this.elementOptions=n.elementOptions===void 0?mt:Object.assign(Object.assign({},mt),n.elementOptions),this.styles=S.normalize(n.styles),U.register(this),y.defineProperty(e.isRegistered,this.name),e.isRegistered[this.name]=this.type}get isDefined(){return this.platformDefined}define(e=this.registry){var t,n;let r=this.type;return e.get(this.name)||(this.platformDefined=!0,e.define(this.name,r,this.elementOptions),(n=(t=this.lifecycleCallbacks)?.elementDidDefine)==null||n.call(t,this.name)),this}static compose(t,n){return H.has(t)||U.getByType(t)?new e(class extends t{},n):new e(t,n)}static registerBaseType(e){H.add(e)}static composeAsync(t,n){return new Promise(r=>{(H.has(t)||U.getByType(t))&&r(new e(class extends t{},n));let i=new e(t,n);y.getNotifier(i).subscribe({handleChange:()=>{var e,t;(t=(e=i.lifecycleCallbacks)?.templateDidUpdate)==null||t.call(e,i.name),r(i)}},`template`)})}};W.isRegistered={},W.getByType=U.getByType,W.getForInstance=U.getForInstance,W.registerAsync=e=>ft(void 0,void 0,void 0,function*(){return new Promise(t=>{W.isRegistered[e]&&t(W.isRegistered[e]),y.getNotifier(W.isRegistered).subscribe({handleChange:()=>t(W.isRegistered[e])},e)})}),y.defineProperty(W.prototype,`template`);var gt=class extends MutationObserver{constructor(e){function t(e){this.callback.call(null,e.filter(e=>this.observedNodes.has(e.target)))}super(t),this.callback=e,this.observedNodes=new Set}observe(e,t){this.observedNodes.add(e),super.observe(e,t)}unobserve(e){this.observedNodes.delete(e),this.observedNodes.size<1&&this.disconnect()}},_t=Object.freeze({create(e){let t=[],n={},r=null,i=!1;return{source:e,context:b.default,targets:n,get isBound(){return i},addBehaviorFactory(e,t){let n=e;n.id=n.id??O(),n.targetNodeId=n.targetNodeId??O(),n.targetTagName=t.tagName??null,n.policy=n.policy??h.policy,this.addTarget(n.targetNodeId,t),this.addBehavior(n.createBehavior())},addTarget(e,t){n[e]=t},addBehavior(e){t.push(e),i&&e.bind(this)},onUnbind(e){r===null&&(r=[]),r.push(e)},connectedCallback(e){i||(i=!0,t.forEach(e=>e.bind(this)))},disconnectedCallback(e){i&&(i=!1,r!==null&&r.forEach(e=>e.unbind(this)))}}}}),vt={bubbles:!0,composed:!0,cancelable:!0},G=`isConnected`,yt=new WeakMap;function K(e){return e.shadowRoot??yt.get(e)??null}var bt,q=class e extends ne{constructor(e,t){super(e),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=e,this.definition=t,this.shadowOptions=t.shadowOptions;let n=y.getAccessors(e);if(n.length>0){let t=this.boundObservables=Object.create(null);for(let r=0,i=n.length;r<i;++r){let i=n[r].name,a=e[i];a!==void 0&&(delete e[i],t[i]=a)}}}get isConnected(){return y.track(this,G),this.stage===1}get context(){return this.view?.context??b.default}get isBound(){return this.view?.isBound??!1}get sourceLifetime(){return this.view?.sourceLifetime}get template(){if(this._template===null){let e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=e.template??null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get shadowOptions(){return this._shadowRootOptions}set shadowOptions(e){if(this._shadowRootOptions===void 0&&e!==void 0){this._shadowRootOptions=e;let t=this.source.shadowRoot;t?this.hasExistingShadowRoot=!0:(t=this.source.attachShadow(e),e.mode===`closed`&&yt.set(this.source,t))}}get mainStyles(){if(this._mainStyles===null){let e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=e.styles??null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;(t=this.view)==null||t.onUnbind(e)}addBehavior(e){let t=this.behaviors??=new Map,n=t.get(e)??0;n===0?(t.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&e.connectedCallback(this)):t.set(e,n+1)}removeBehavior(e,t=!1){let n=this.behaviors;if(n===null)return;let r=n.get(e);r!==void 0&&(r===1||t?(n.delete(e),e.disconnectedCallback&&this.stage!==3&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):n.set(e,r-1))}addStyles(e){if(!e)return;let t=this.source;if(e instanceof HTMLElement)(K(t)??this.source).append(e);else if(!e.isAttachedTo(t)){let n=e.behaviors;if(e.addStylesTo(t),n!==null)for(let e=0,t=n.length;e<t;++e)this.addBehavior(n[e])}}removeStyles(e){if(!e)return;let t=this.source;if(e instanceof HTMLElement)(K(t)??t).removeChild(e);else if(e.isAttachedTo(t)){let n=e.behaviors;if(e.removeStylesFrom(t),n!==null)for(let e=0,t=n.length;e<t;++e)this.removeBehavior(n[e])}}connect(){this.stage===3&&(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,y.notify(this,G))}bindObservables(){if(this.boundObservables!==null){let e=this.source,t=this.boundObservables,n=Object.keys(t);for(let r=0,i=n.length;r<i;++r){let i=n[r];e[i]=t[i]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){let e=this.behaviors;if(e!==null){this.guardBehaviorConnection=!0;for(let t of e.keys())t.connectedCallback&&t.connectedCallback(this);this.guardBehaviorConnection=!1}this.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){let e=this.behaviors;if(e!==null)for(let t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===1&&(this.stage=2,y.notify(this,G),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(e,t,n){let r=this.definition.attributeLookup[e];r!==void 0&&r.onAttributeChangedCallback(this.source,n)}emit(e,t,n){return this.stage===1?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},vt),n))):!1}renderTemplate(e){let t=this.source,n=K(t)??t;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let e=n.firstChild;e!==null;e=n.firstChild)n.removeChild(e)}e&&(this.view=e.render(t,n,t),this.view.sourceLifetime=v.coupled)}static forCustomElement(t,n=!1){let r=t.$fastController;if(r!==void 0&&!n)return r;let i=W.getForInstance(t);if(i===void 0)throw s.error(1401);return y.getNotifier(i).subscribe({handleChange:()=>{e.forCustomElement(t,!0),t.$fastController.connect()}},`template`),y.getNotifier(i).subscribe({handleChange:()=>{e.forCustomElement(t,!0),t.$fastController.connect()}},`shadowOptions`),t.$fastController=new bt(t,i)}static setStrategy(e){bt=e}};d(q),q.setStrategy(q);function J(e){return`adoptedStyleSheets`in e?e:K(e)??e.getRootNode()}var xt=class e{constructor(t){let n=e.styleSheetCache;this.sheets=t.map(e=>{if(e instanceof CSSStyleSheet)return e;let t=n.get(e);return t===void 0&&(t=new CSSStyleSheet,t.replaceSync(e),n.set(e,t)),t})}addStylesTo(e){Et(J(e),this.sheets)}removeStylesFrom(e){Dt(J(e),this.sheets)}};xt.styleSheetCache=new Map;var St=0,Ct=()=>`fast-${++St}`;function wt(e){return e===document?document.body:e}var Tt=class{constructor(e){this.styles=e,this.styleClass=Ct()}addStylesTo(e){e=wt(J(e));let t=this.styles,n=this.styleClass;for(let r=0;r<t.length;r++){let i=document.createElement(`style`);i.innerHTML=t[r],i.className=n,e.append(i)}}removeStylesFrom(e){e=wt(J(e));let t=e.querySelectorAll(`.${this.styleClass}`);for(let n=0,r=t.length;n<r;++n)e.removeChild(t[n])}},Et=(e,t)=>{e.adoptedStyleSheets=[...e.adoptedStyleSheets,...t]},Dt=(e,t)=>{e.adoptedStyleSheets=e.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(S.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Et=(e,t)=>{e.adoptedStyleSheets.push(...t)},Dt=(e,t)=>{for(let n of t){let t=e.adoptedStyleSheets.indexOf(n);t!==-1&&e.adoptedStyleSheets.splice(t,1)}}}catch{}S.setDefaultStrategy(xt)}else S.setDefaultStrategy(Tt);var Ot=`defer-hydration`,kt=`needs-hydration`,Y=class e extends q{get shadowOptions(){return super.shadowOptions}set shadowOptions(e){super.shadowOptions=e,(this.hasExistingShadowRoot||e!==void 0&&!this.template)&&this.definition.templateOptions===ht.deferAndHydrate&&(this.source.toggleAttribute(Ot,!0),this.source.toggleAttribute(kt,!0))}addHydratingInstance(){if(!e.hydratingInstances)return;let t=this.definition.name,n=e.hydratingInstances.get(t);n||(n=new Set,e.hydratingInstances.set(t,n)),n.add(this.source)}static config(t){return e.lifecycleCallbacks=t,this}static hydrationObserverHandler(t){for(let n of t)n.target.hasAttribute(`defer-hydration`)||(e.hydrationObserver.unobserve(n.target),n.target.$fastController.connect())}static checkHydrationComplete(t){var n,r;if(t.didTimeout){e.idleCallbackId=requestIdleCallback(e.checkHydrationComplete,{timeout:50});return}e.hydratingInstances?.size===0&&((r=(n=e.lifecycleCallbacks)?.hydrationComplete)==null||r.call(n),q.setStrategy(q))}connect(){var t,n,r;if(this.needsHydration=this.needsHydration??this.source.hasAttribute(kt),this.needsHydration&&((n=(t=e.lifecycleCallbacks)?.elementWillHydrate)==null||n.call(t,this.definition.name)),this.source.hasAttribute(`defer-hydration`)){this.addHydratingInstance(),e.hydrationObserver.observe(this.source,{attributeFilter:[Ot]});return}if(!this.needsHydration){super.connect(),this.removeHydratingInstance();return}if(this.stage===3){if(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.template)if(T(this.template)){let e=this.source,t=K(e)??e,n=t.firstChild,i=t.lastChild;e.shadowRoot===null&&(C.isElementBoundaryStartMarker(n)&&(n.data=``,n=n.nextSibling),C.isElementBoundaryEndMarker(i)&&(i.data=``,i=i.previousSibling)),this.view=this.template.hydrate(n,i,e),(r=this.view)==null||r.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=1,this.source.removeAttribute(kt),this.needsInitialization=this.needsHydration=!1,this.removeHydratingInstance(),y.notify(this,G)}}removeHydratingInstance(){var t,n;if(!e.hydratingInstances)return;let r=this.definition.name,i=e.hydratingInstances.get(r);(n=(t=e.lifecycleCallbacks)?.elementDidHydrate)==null||n.call(t,this.definition.name),i&&(i.delete(this.source),i.size||e.hydratingInstances.delete(r),e.idleCallbackId&&cancelIdleCallback(e.idleCallbackId),e.idleCallbackId=requestIdleCallback(e.checkHydrationComplete,{timeout:50}))}disconnect(){super.disconnect(),e.hydrationObserver.unobserve(this.source)}static install(){q.setStrategy(e)}};Y.hydrationObserver=new gt(Y.hydrationObserverHandler),Y.idleCallbackId=null,Y.hydratingInstances=new Map;function At(e){let t=class extends e{constructor(){super(),q.forCustomElement(this)}$emit(e,t,n){return this.$fastController.emit(e,t,n)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,t,n){this.$fastController.onAttributeChangedCallback(e,t,n)}};return W.registerBaseType(t),t}function jt(e,t){return r(e)?W.compose(e,t):W.compose(this,e)}function Mt(e,t){return r(e)?new Promise(n=>{W.composeAsync(e,t).then(e=>{n(e)})}).then(e=>e.define().type):new Promise(t=>{W.composeAsync(this,e).then(e=>{t(e)})}).then(e=>e.define().type)}function Nt(e,t){return r(e)?W.compose(e,t).define().type:W.compose(this,e).define().type}function Pt(e){return At(e)}var Ft=Object.assign(At(HTMLElement),{from:Pt,define:Nt,compose:jt,defineAsync:Mt});function It(e,t){return e instanceof Function?e(t):e}var Lt=new Set,X=new Map,Rt=e=>(t=`vwc`)=>{let n=e=>`${t}-${e}`,r=e=>{let i=n(e.name),a=e.type;if(a.componentName=e.name,Lt.has(i))return;X.has(a)&&X.get(a)!==i&&(a=class extends a{}),Lt.add(i),X.set(a,i);for(let t of e.dependencies)r(t);let o=new Map([[e.type,i],...e.dependencies.map(e=>[e.type,n(e.name)])]),s={tagFor:(t,n)=>{if(!o.has(t))throw Error(`Could not get tag for ${t.name} as it is not a dependency of ${e.name}.`);let r=o.get(t);return n?r:V.partial(r)},tagForNonDependency(e){return n(e)}};W.compose(a,{...e.options,template:It(e.template,s),name:`${t}-${e.name}`}).define()};r(e)},zt=(e,t,n,r,i)=>({name:e,type:t,template:n,dependencies:r,options:i}),Bt=new WeakMap,Z=e=>{let t=Bt.get(e);return t||(t=[],Bt.set(e,t)),t},Vt=(e,t)=>{Z(e).push(t)},Ht=(e,t)=>{Z(e).splice(Z(e).indexOf(t),1)},Ut=(e,t)=>{Z(e).forEach(n=>n(e,t))},Wt=e=>e===`delegate`,Gt=e=>`vvd${e.charAt(0).toUpperCase()}${e.slice(1)}`,Kt=(e,t)=>{if(Wt(e._vividAriaBehaviour)){let n=e[t];e[`_${t}`]=null,e.removeAttribute($(t)),e[`_${t}`]=n,e[t]===null?delete e.dataset[Gt(t)]:e.dataset[Gt(t)]=e[t]}else h.setAttribute(e,$(t),e[t])},Q=new WeakMap,qt=(e,t)=>{let n=Q.get(e);n?n.add(t):Q.set(e,new Set([t]))},Jt=(e,t)=>{e.isConnected?Kt(e,t):qt(e,t)},Yt=e=>{let t=Q.get(e);if(t){for(let n of t)Kt(e,n);Q.delete(e)}},Xt=`role.ariaAtomic.ariaAutoComplete.ariaBusy.ariaChecked.ariaColCount.ariaColIndex.ariaColIndexText.ariaColSpan.ariaCurrent.ariaDescription.ariaDisabled.ariaExpanded.ariaHasPopup.ariaHidden.ariaInvalid.ariaKeyShortcuts.ariaLabel.ariaLevel.ariaLive.ariaModal.ariaMultiLine.ariaMultiSelectable.ariaOrientation.ariaPlaceholder.ariaPosInSet.ariaPressed.ariaReadOnly.ariaRequired.ariaRoleDescription.ariaRowCount.ariaRowIndex.ariaRowIndexText.ariaRowSpan.ariaSelected.ariaSetSize.ariaSort.ariaValueMax.ariaValueMin.ariaValueNow.ariaValueText.ariaRelevant`.split(`.`),$=e=>e.replace(`aria`,`aria-`).toLowerCase(),Zt=e=>{class t extends e{constructor(...e){super(...e),this._vividAriaBehaviour=`default`;for(let e of Xt)this[`_${e}`]=null}connectedCallback(){super.connectedCallback(),Yt(this)}}for(let e of Xt)dt({attribute:$(e),mode:`fromView`})(t.prototype,e),t.prototype[`${e}Changed`]=function(){Jt(this,e),this._vividAriaBehaviour!==`default`&&Ut(this,e)};return t};function Qt(){let e=new WeakMap;return t=>(e.has(t)||e.set(t,[]),e.get(t))}var $t=Qt(),en=e=>(t,n)=>{$t(t.constructor).push({newPropertyName:n,...e})},tn=e=>{class t extends e{#e(e){let t=!1,n=!1,r=t=>n&&e.fromDeprecated(t[e.deprecatedPropertyName])===t[e.newPropertyName],i=n=>t&&e.toDeprecated&&e.toDeprecated(n[e.newPropertyName])===n[e.deprecatedPropertyName],a={handleChange(a,o){if(o===e.newPropertyName){if(t=!0,!e.toDeprecated||r(a))return;a[e.deprecatedPropertyName]=e.toDeprecated(a[e.newPropertyName])}if(o===e.deprecatedPropertyName){if(n=!0,i(a))return;a[e.newPropertyName]=e.fromDeprecated(a[e.deprecatedPropertyName])}}},o=y.getNotifier(this);o.subscribe(a,e.newPropertyName),o.subscribe(a,e.deprecatedPropertyName)}constructor(...e){super(...e);for(let e of $t(this.constructor))this.#e(e)}}return t},nn=class extends Zt(tn(Ft)){static{this.VIVID_VERSION=`5.19.0`}connectedCallback(){super.connectedCallback();let e=this.constructor.componentName;this.setAttribute(`data-vvd-component`,e)}};Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return se}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`F`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`M`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`N`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,`P`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return le}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return Ee}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return Vt}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return Rt}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return lt}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return Xt}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return _t}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return en}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return Ht}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return zt}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return nn}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return dt}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return C}});