@vonage/vivid 5.17.0 → 5.19.0

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/utils.cjs

@@ -0,0 +1 @@
+var e=[{code:`AF`,label:`Afghanistan`,countryCode:`+93`,iconFlagName:`flag-afghanistan`},{code:`AL`,label:`Albania`,countryCode:`+355`,iconFlagName:`flag-albania`},{code:`DZ`,label:`Algeria`,countryCode:`+213`,iconFlagName:`flag-algeria`},{code:`AS`,label:`American Samoa`,countryCode:`+1`,iconFlagName:``},{code:`AD`,label:`Andorra`,countryCode:`+376`,iconFlagName:``},{code:`AO`,label:`Angola`,countryCode:`+244`,iconFlagName:``},{code:`AI`,label:`Anguilla`,countryCode:`+43`,iconFlagName:``},{code:`AG`,label:`Antigua and Barbuda`,countryCode:`+1`,iconFlagName:``},{code:`AR`,label:`Argentina`,countryCode:`+54`,iconFlagName:`flag-argentina`},{code:`AM`,label:`Armenia`,countryCode:`+374`,iconFlagName:`flag-armenia`},{code:`AW`,label:`Aruba`,countryCode:`+297`,iconFlagName:`flag-aruba`},{code:`AU`,label:`Australia`,countryCode:`+61`,iconFlagName:`flag-australia`},{code:`AT`,label:`Austria`,countryCode:`+43`,iconFlagName:`flag-austria`},{code:`AZ`,label:`Azerbaijan`,countryCode:`+994`,iconFlagName:``},{code:`BS`,label:`Bahamas`,countryCode:`+1`,iconFlagName:`flag-bahamas`},{code:`BH`,label:`Bahrain`,countryCode:`+973`,iconFlagName:`flag-bahrain`},{code:`BD`,label:`Bangladesh`,countryCode:`+880`,iconFlagName:`flag-bangladesh`},{code:`BB`,label:`Barbados`,countryCode:`+1`,iconFlagName:``},{code:`BY`,label:`Belarus`,countryCode:`+375`,iconFlagName:`flag-belarus`},{code:`BE`,label:`Belgium`,countryCode:`+32`,iconFlagName:`flag-belgium`},{code:`BZ`,label:`Belize`,countryCode:`+501`,iconFlagName:``},{code:`BJ`,label:`Benin`,countryCode:`+229`,iconFlagName:`flag-benin`},{code:`BM`,label:`Bermuda`,countryCode:`+1`,iconFlagName:``},{code:`BT`,label:`Bhutan`,countryCode:`+975`,iconFlagName:``},{code:`BO`,label:`Bolivia (Plurinational State of)`,countryCode:`+591`,iconFlagName:`flag-bolivia`},{code:`BA`,label:`Bosnia and Herzegovina`,countryCode:`+387`,iconFlagName:``},{code:`BW`,label:`Botswana`,countryCode:`+267`,iconFlagName:`flag-botswana`},{code:`BR`,label:`Brazil`,countryCode:`+55`,iconFlagName:`flag-brazil`},{code:`IO`,label:`British Indian Ocean Territory`,countryCode:`+246`,iconFlagName:``},{code:`VG`,label:`Virgin Islands (British)`,countryCode:`+1`,iconFlagName:``},{code:`VI`,label:`Virgin Islands (U.S.)`,countryCode:`+1`,iconFlagName:``},{code:`BN`,label:`Brunei Darussalam`,countryCode:`+673`,iconFlagName:``},{code:`BG`,label:`Bulgaria`,countryCode:`+359`,iconFlagName:`flag-bulgaria`},{code:`BF`,label:`Burkina Faso`,countryCode:`+226`,iconFlagName:`flag-burkina-faso`},{code:`BI`,label:`Burundi`,countryCode:`+257`,iconFlagName:``},{code:`KH`,label:`Cambodia`,countryCode:`+855`,iconFlagName:`flag-cambodia`},{code:`CM`,label:`Cameroon`,countryCode:`+237`,iconFlagName:``},{code:`CA`,label:`Canada`,countryCode:`+1`,iconFlagName:`flag-canada`},{code:`CV`,label:`Cabo Verde`,countryCode:`+238`,iconFlagName:``},{code:`KY`,label:`Cayman Islands`,countryCode:`+1`,iconFlagName:`flag-cayman-islands`},{code:`CF`,label:`Central African Republic`,countryCode:`+236`,iconFlagName:`flag-central-african-republic`},{code:`CF`,label:`Central African Republic`,countryCode:`+236`,iconFlagName:`flag-central-african-republic`},{code:`CL`,label:`Chile`,countryCode:`+56`,iconFlagName:`flag-chile`},{code:`CN`,label:`China`,countryCode:`+86`,iconFlagName:`flag-china`},{code:`CO`,label:`Colombia`,countryCode:`+57`,iconFlagName:`flag-colombia`},{code:`KM`,label:`Comoros`,countryCode:`+269`,iconFlagName:``},{code:`CG`,label:`Congo`,countryCode:`+242`,iconFlagName:``},{code:`CD`,label:`Congo (Democratic Republic of the)`,countryCode:`+243`,iconFlagName:``},{code:`CK`,label:`Cook Islands`,countryCode:`+682`,iconFlagName:``},{code:`CR`,label:`Costa Rica`,countryCode:`+506`,iconFlagName:`flag-costa-rica`},{code:`HR`,label:`Croatia`,countryCode:`+385`,iconFlagName:`flag-croatia`},{code:`CU`,label:`Cuba`,countryCode:`+53`,iconFlagName:``},{code:`CU`,label:`Cuba`,countryCode:`+53`,iconFlagName:``},{code:`CY`,label:`Cyprus`,countryCode:`+357`,iconFlagName:`flag-cyprus`},{code:`CZ`,label:`Czech Republic`,countryCode:`+420`,iconFlagName:`flag-czech-republic`},{code:`DK`,label:`Denmark`,countryCode:`+45`,iconFlagName:`flag-denmark`},{code:`DJ`,label:`Djibouti`,countryCode:`+253`,iconFlagName:``},{code:`DM`,label:`Dominica`,countryCode:`+1`,iconFlagName:``},{code:`DO`,label:`Dominican Republic`,countryCode:`+1`,iconFlagName:`flag-dominican-republic`},{code:`EC`,label:`Ecuador`,countryCode:`+593`,iconFlagName:``},{code:`EG`,label:`Egypt`,countryCode:`+20`,iconFlagName:`flag-egypt`},{code:`SV`,label:`El Salvador`,countryCode:`+503`,iconFlagName:`flag-el-salvador`},{code:`GQ`,label:`Equatorial Guinea`,countryCode:`+240`,iconFlagName:``},{code:`ER`,label:`Eritrea`,countryCode:`+291`,iconFlagName:``},{code:`EE`,label:`Estonia`,countryCode:`+372`,iconFlagName:`flag-estonia`},{code:`ET`,label:`Ethiopia`,countryCode:`+251`,iconFlagName:``},{code:`FK`,label:`Falkland Islands (Malvinas)`,countryCode:`+500`,iconFlagName:``},{code:`FO`,label:`Faroe Islands`,countryCode:`+298`,iconFlagName:``},{code:`FJ`,label:`Fiji`,countryCode:`+679`,iconFlagName:``},{code:`FI`,label:`Finland`,countryCode:`+358`,iconFlagName:`flag-finland`},{code:`FR`,label:`France`,countryCode:`+33`,iconFlagName:`flag-france`},{code:`GF`,label:`French Guiana`,countryCode:`+594`,iconFlagName:``},{code:`PF`,label:`French Polynesia`,countryCode:`+689`,iconFlagName:``},{code:`GA`,label:`Gabon`,countryCode:`+241`,iconFlagName:``},{code:`GM`,label:`Gambia`,countryCode:`+220`,iconFlagName:``},{code:`GE`,label:`Georgia`,countryCode:`+995`,iconFlagName:`flag-georgia`},{code:`DE`,label:`Germany`,countryCode:`+49`,iconFlagName:`flag-germany`},{code:`GH`,label:`Ghana`,countryCode:`+233`,iconFlagName:`flag-ghana`},{code:`GI`,label:`Gibraltar`,countryCode:`+350`,iconFlagName:``},{code:`GR`,label:`Greece`,countryCode:`+30`,iconFlagName:`flag-greece`},{code:`GL`,label:`Greenland`,countryCode:`+299`,iconFlagName:``},{code:`GD`,label:`Grenada`,countryCode:`+1`,iconFlagName:`flag-grenada`},{code:`GP`,label:`Guadeloupe`,countryCode:`+590`,iconFlagName:``},{code:`GU`,label:`Guam`,countryCode:`+1`,iconFlagName:``},{code:`GT`,label:`Guatemala`,countryCode:`+502`,iconFlagName:`flag-guatemala`},{code:`GN`,label:`Guinea`,countryCode:`+224`,iconFlagName:``},{code:`GW`,label:`Guinea-Bissau`,countryCode:`+245`,iconFlagName:``},{code:`GY`,label:`Guyana`,countryCode:`+592`,iconFlagName:``},{code:`HT`,label:`Haiti`,countryCode:`+509`,iconFlagName:``},{code:`VA`,label:`Holy See`,countryCode:`+39`,iconFlagName:``},{code:`HN`,label:`Honduras`,countryCode:`+504`,iconFlagName:`flag-honduras`},{code:`HK`,label:`Hong Kong`,countryCode:`+852`,iconFlagName:`flag-hong-kong`},{code:`HU`,label:`Hungary`,countryCode:`+36`,iconFlagName:`flag-hungary`},{code:`IS`,label:`Iceland`,countryCode:`+354`,iconFlagName:`flag-iceland`},{code:`IN`,label:`India`,countryCode:`+91`,iconFlagName:`flag-india`},{code:`ID`,label:`Indonesia`,countryCode:`+62`,iconFlagName:`flag-indonesia`},{code:`CI`,label:`Côte d'Ivoire`,countryCode:`+225`,iconFlagName:``},{code:`IR`,label:`Iran (Islamic Republic of)`,countryCode:`+98`,iconFlagName:``},{code:`IQ`,label:`Iraq`,countryCode:`+964`,iconFlagName:``},{code:`IE`,label:`Ireland`,countryCode:`+353`,iconFlagName:`flag-ireland`},{code:`IL`,label:`Israel`,countryCode:`+972`,iconFlagName:`flag-israel`},{code:`IT`,label:`Italy`,countryCode:`+39`,iconFlagName:`flag-italy`},{code:`JM`,label:`Jamaica`,countryCode:`+1`,iconFlagName:`flag-jamaica`},{code:`JP`,label:`Japan`,countryCode:`+81`,iconFlagName:`flag-japan`},{code:`JO`,label:`Jordan`,countryCode:`+962`,iconFlagName:``},{code:`KZ`,label:`Kazakhstan`,countryCode:`+7`,iconFlagName:``},{code:`KE`,label:`Kenya`,countryCode:`+254`,iconFlagName:``},{code:`KI`,label:`Kiribati`,countryCode:`+686`,iconFlagName:``},{code:`KW`,label:`Kuwait`,countryCode:`+965`,iconFlagName:``},{code:`KG`,label:`Kyrgyzstan`,countryCode:`+996`,iconFlagName:``},{code:`LA`,label:`Lao People's Democratic Republic`,countryCode:`+856`,iconFlagName:``},{code:`LV`,label:`Latvia`,countryCode:`+371`,iconFlagName:`flag-latvia`},{code:`LB`,label:`Lebanon`,countryCode:`+961`,iconFlagName:``},{code:`LS`,label:`Lesotho`,countryCode:`+266`,iconFlagName:``},{code:`LR`,label:`Liberia`,countryCode:`+231`,iconFlagName:``},{code:`LY`,label:`Libya`,countryCode:`+218`,iconFlagName:``},{code:`LI`,label:`Liechtenstein`,countryCode:`+423`,iconFlagName:`flag-liechtenstein`},{code:`LT`,label:`Lithuania`,countryCode:`+370`,iconFlagName:`flag-lithuania`},{code:`LU`,label:`Luxembourg`,countryCode:`+352`,iconFlagName:`flag-luxembourg`},{code:`MO`,label:`Macao`,countryCode:`+853`,iconFlagName:`flag-macao`},{code:`MK`,label:`Macedonia (the former Yugoslav Republic of)`,countryCode:`+389`,iconFlagName:``},{code:`MG`,label:`Madagascar`,countryCode:`+261`,iconFlagName:``},{code:`MW`,label:`Malawi`,countryCode:`+265`,iconFlagName:``},{code:`MY`,label:`Malaysia`,countryCode:`+60`,iconFlagName:`flag-malaysia`},{code:`MV`,label:`Maldives`,countryCode:`+960`,iconFlagName:``},{code:`ML`,label:`Mali`,countryCode:`+223`,iconFlagName:``},{code:`MT`,label:`Malta`,countryCode:`+356`,iconFlagName:`flag-malta`},{code:`MH`,label:`Marshall Islands`,countryCode:`+692`,iconFlagName:``},{code:`MQ`,label:`Martinique`,countryCode:`+596`,iconFlagName:``},{code:`MR`,label:`Mauritania`,countryCode:`+222`,iconFlagName:``},{code:`MU`,label:`Mauritius`,countryCode:`+230`,iconFlagName:`flag-mauritius`},{code:`YT`,label:`Mayotte`,countryCode:`+262`,iconFlagName:``},{code:`MX`,label:`Mexico`,countryCode:`+52`,iconFlagName:`flag-mexico`},{code:`FM`,label:`Micronesia (Federated States of)`,countryCode:`+691`,iconFlagName:``},{code:`MD`,label:`Moldova (Republic of)`,countryCode:`+373`,iconFlagName:`flag-moldova`},{code:`MC`,label:`Monaco`,countryCode:`+377`,iconFlagName:``},{code:`MN`,label:`Mongolia`,countryCode:`+976`,iconFlagName:``},{code:`ME`,label:`Montenegro`,countryCode:`+382`,iconFlagName:``},{code:`MS`,label:`Montserrat`,countryCode:`+1`,iconFlagName:``},{code:`MA`,label:`Morocco`,countryCode:`+212`,iconFlagName:``},{code:`MZ`,label:`Mozambique`,countryCode:`+258`,iconFlagName:``},{code:`MM`,label:`Myanmar`,countryCode:`+95`,iconFlagName:``},{code:`NA`,label:`Namibia`,countryCode:`+264`,iconFlagName:``},{code:`NR`,label:`Nauru`,countryCode:`+674`,iconFlagName:``},{code:`NP`,label:`Nepal`,countryCode:`+977`,iconFlagName:``},{code:`NL`,label:`Netherlands`,countryCode:`+31`,iconFlagName:`flag-netherlands`},{code:`NC`,label:`New Caledonia`,countryCode:`+687`,iconFlagName:``},{code:`NZ`,label:`New Zealand`,countryCode:`+64`,iconFlagName:`flag-new-zealand`},{code:`NI`,label:`Nicaragua`,countryCode:`+505`,iconFlagName:``},{code:`NE`,label:`Niger`,countryCode:`+227`,iconFlagName:``},{code:`NG`,label:`Nigeria`,countryCode:`+234`,iconFlagName:`flag-nigeria`},{code:`NU`,label:`Niue`,countryCode:`+683`,iconFlagName:``},{code:`NF`,label:`Norfolk Island`,countryCode:`+672`,iconFlagName:``},{code:`KP`,label:`Korea (Democratic People's Republic of)`,countryCode:`+850`,iconFlagName:``},{code:`MP`,label:`Northern Mariana Islands`,countryCode:`+1`,iconFlagName:``},{code:`NO`,label:`Norway`,countryCode:`+47`,iconFlagName:`flag-norway`},{code:`OM`,label:`Oman`,countryCode:`+968`,iconFlagName:``},{code:`PK`,label:`Pakistan`,countryCode:`+92`,iconFlagName:`flag-pakistan`},{code:`PW`,label:`Palau`,countryCode:`+680`,iconFlagName:``},{code:`PS`,label:`Palestine`,countryCode:`+970`,iconFlagName:``},{code:`PA`,label:`Panama`,countryCode:`+507`,iconFlagName:`flag-panama`},{code:`PG`,label:`Papua New Guinea`,countryCode:`+675`,iconFlagName:``},{code:`PY`,label:`Paraguay`,countryCode:`+595`,iconFlagName:``},{code:`PE`,label:`Peru`,countryCode:`+51`,iconFlagName:`flag-peru`},{code:`PH`,label:`Philippines`,countryCode:`+63`,iconFlagName:`flag-philippines`},{code:`PL`,label:`Poland`,countryCode:`+48`,iconFlagName:`flag-poland`},{code:`PT`,label:`Portugal`,countryCode:`+351`,iconFlagName:`flag-portugal`},{code:`PR`,label:`Puerto Rico`,countryCode:`+1`,iconFlagName:`flag-puertorico`},{code:`QA`,label:`Qatar`,countryCode:`+974`,iconFlagName:``},{code:`XK`,label:`Republic of Kosovo`,countryCode:`+381`,iconFlagName:``},{code:`RE`,label:`Réunion`,countryCode:`+262`,iconFlagName:``},{code:`RO`,label:`Romania`,countryCode:`+40`,iconFlagName:`flag-romania`},{code:`RU`,label:`Russian Federation`,countryCode:`+7`,iconFlagName:`flag-russia`},{code:`RW`,label:`Rwanda`,countryCode:`+250`,iconFlagName:`flag-rwanda`},{code:`BL`,label:`Saint Barthélemy`,countryCode:`+590`,iconFlagName:``},{code:`SH`,label:`Saint Helena, Ascension and Tristan da Cunha`,countryCode:`+290`,iconFlagName:``},{code:`KN`,label:`Saint Kitts and Nevis`,countryCode:`+1`,iconFlagName:``},{code:`LC`,label:`Saint Lucia`,countryCode:`+1`,iconFlagName:``},{code:`MF`,label:`Saint Martin (French part)`,countryCode:`+590`,iconFlagName:``},{code:`PM`,label:`Saint Pierre and Miquelon`,countryCode:`+508`,iconFlagName:``},{code:`VC`,label:`Saint Vincent and the Grenadines`,countryCode:`+1`,iconFlagName:``},{code:`WS`,label:`Samoa`,countryCode:`+685`,iconFlagName:``},{code:`SM`,label:`San Marino`,countryCode:`+378`,iconFlagName:``},{code:`ST`,label:`Sao Tome and Principe`,countryCode:`+239`,iconFlagName:``},{code:`SA`,label:`Saudi Arabia`,countryCode:`+966`,iconFlagName:`flag-saudi-arabia`},{code:`SN`,label:`Senegal`,countryCode:`+221`,iconFlagName:``},{code:`RS`,label:`Serbia`,countryCode:`+381`,iconFlagName:`flag-serbia`},{code:`SC`,label:`Seychelles`,countryCode:`+248`,iconFlagName:``},{code:`SL`,label:`Sierra Leone`,countryCode:`+232`,iconFlagName:``},{code:`SG`,label:`Singapore`,countryCode:`+65`,iconFlagName:`flag-singapore`},{code:`SG`,label:`Singapore`,countryCode:`+65`,iconFlagName:`flag-singapore`},{code:`SK`,label:`Slovakia`,countryCode:`+421`,iconFlagName:`flag-slovakia`},{code:`SI`,label:`Slovenia`,countryCode:`+386`,iconFlagName:`flag-slovenia`},{code:`SB`,label:`Solomon Islands`,countryCode:`+677`,iconFlagName:``},{code:`SO`,label:`Somalia`,countryCode:`+252`,iconFlagName:``},{code:`ZA`,label:`South Africa`,countryCode:`+27`,iconFlagName:`flag-south-africa`},{code:`KR`,label:`Korea (Republic of)`,countryCode:`+82`,iconFlagName:`flag-south-korea`},{code:`ES`,label:`Spain`,countryCode:`+34`,iconFlagName:`flag-spain`},{code:`LK`,label:`Sri Lanka`,countryCode:`+94`,iconFlagName:`flag-sri-lanka`},{code:`SD`,label:`Sudan`,countryCode:`+249`,iconFlagName:``},{code:`SR`,label:`Suriname`,countryCode:`+597`,iconFlagName:``},{code:`SZ`,label:`Swaziland`,countryCode:`+268`,iconFlagName:``},{code:`SE`,label:`Sweden`,countryCode:`+46`,iconFlagName:`flag-sweden`},{code:`CH`,label:`Switzerland`,countryCode:`+41`,iconFlagName:`flag-switzerland`},{code:`SY`,label:`Syrian Arab Republic`,countryCode:`+963`,iconFlagName:``},{code:`TW`,label:`Taiwan`,countryCode:`+886`,iconFlagName:`flag-taiwan`},{code:`TJ`,label:`Tajikistan`,countryCode:`+992`,iconFlagName:`flag-tajikistan`},{code:`TZ`,label:`Tanzania, United Republic of`,countryCode:`+255`,iconFlagName:`flag-tanzania`},{code:`TH`,label:`Thailand`,countryCode:`+66`,iconFlagName:`flag-thailand`},{code:`TL`,label:`Timor-Leste`,countryCode:`+670`,iconFlagName:``},{code:`TG`,label:`Togo`,countryCode:`+228`,iconFlagName:``},{code:`TK`,label:`Tokelau`,countryCode:`+690`,iconFlagName:``},{code:`TO`,label:`Tonga`,countryCode:`+676`,iconFlagName:``},{code:`TT`,label:`Trinidad and Tobago`,countryCode:`+1`,iconFlagName:`flag-trinidad-and-tobago`},{code:`TN`,label:`Tunisia`,countryCode:`+216`,iconFlagName:``},{code:`TR`,label:`Turkey`,countryCode:`+90`,iconFlagName:`flag-turkey`},{code:`TM`,label:`Turkmenistan`,countryCode:`+993`,iconFlagName:``},{code:`TC`,label:`Turks and Caicos Islands`,countryCode:`+1`,iconFlagName:``},{code:`TV`,label:`Tuvalu`,countryCode:`+688`,iconFlagName:``},{code:`UG`,label:`Uganda`,countryCode:`+256`,iconFlagName:``},{code:`UA`,label:`Ukraine`,countryCode:`+380`,iconFlagName:`flag-ukraine`},{code:`AE`,label:`United Arab Emirates`,countryCode:`+971`,iconFlagName:`flag-united-arab-emirates`},{code:`GB`,label:`United Kingdom of Great Britain and Northern Ireland`,countryCode:`+44`,iconFlagName:`flag-united-kingdom`},{code:`UK`,label:`United Kingdom`,countryCode:`+44`,iconFlagName:`flag-united-kingdom`},{code:`US`,label:`United States of America`,countryCode:`+1`,iconFlagName:`flag-united-states`},{code:`UY`,label:`Uruguay`,countryCode:`+598`,iconFlagName:`flag-uruguay`},{code:`UZ`,label:`Uzbekistan`,countryCode:`+998`,iconFlagName:`flag-uzbekistan`},{code:`VU`,label:`Vanuatu`,countryCode:`+678`,iconFlagName:``},{code:`VE`,label:`Venezuela (Bolivarian Republic of)`,countryCode:`+58`,iconFlagName:`flag-venezuela`},{code:`VN`,label:`Viet Nam`,countryCode:`+84`,iconFlagName:`flag-vietnam`},{code:`WF`,label:`Wallis and Futuna`,countryCode:`+681`,iconFlagName:``},{code:`WF`,label:`Wallis and Futuna`,countryCode:`+681`,iconFlagName:``},{code:`YE`,label:`Yemen`,countryCode:`+967`,iconFlagName:``},{code:`ZM`,label:`Zambia`,countryCode:`+260`,iconFlagName:`flag-zambia`},{code:`ZW`,label:`Zimbabwe`,countryCode:`+263`,iconFlagName:``}],t=new Map(e.map(e=>[e.code,e]));function n(e){if(!e||typeof e!=`string`)return;let n=t.get(e.trim().toUpperCase())?.iconFlagName;return n&&n.length>0?n:void 0}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});