{"version":3,"file":"js/vendors-6e1bdf87.min.js?t=1743075070513","mappings":"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","sources":["webpack://frontend/./node_modules/@vonage/vivid/shared/definition47.js","webpack://frontend/./node_modules/@vonage/vivid/shared/definition4.js","webpack://frontend/./node_modules/@vonage/vivid/shared/definition49.js","webpack://frontend/./node_modules/@vonage/vivid/shared/definition48.js"],"sourcesContent":["import { a as attr, F as FoundationElement, h as html, r as registerFactory } from './index.js';\nimport { a as iconRegistries } from './definition27.js';\nimport { A as AffixIcon, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';\nimport './index2.js';\nimport { L as Localized } from './localized.js';\nimport { a as applyMixins } from './apply-mixins.js';\nimport { r as ref } from './ref.js';\nimport { c as classNames } from './class-names.js';\n\nvar __defProp = Object.defineProperty;\nvar __decorateClass = (decorators, target, key, kind) => {\n  var result = void 0 ;\n  for (var i = decorators.length - 1, decorator; i >= 0; i--)\n    if (decorator = decorators[i])\n      result = (decorator(target, key, result) ) || result;\n  if (result)\n    __defProp(target, key, result);\n  return result;\n};\nclass SplitButton extends FoundationElement {\n  constructor() {\n    super(...arguments);\n    this.splitIndicator = \"chevron-down-line\";\n    this.disabled = false;\n    this.ariaLabel = null;\n    this.ariaExpanded = null;\n    this.indicatorAriaLabel = null;\n  }\n  get action() {\n    return this._action;\n  }\n  get indicator() {\n    return this._indicator;\n  }\n}\n__decorateClass([\n  attr\n], SplitButton.prototype, \"connotation\");\n__decorateClass([\n  attr\n], SplitButton.prototype, \"shape\");\n__decorateClass([\n  attr\n], SplitButton.prototype, \"appearance\");\n__decorateClass([\n  attr\n], SplitButton.prototype, \"size\");\n__decorateClass([\n  attr\n], SplitButton.prototype, \"label\");\n__decorateClass([\n  attr\n], SplitButton.prototype, \"icon\");\n__decorateClass([\n  attr({ attribute: \"split-indicator\", mode: \"fromView\" })\n], SplitButton.prototype, \"splitIndicator\");\n__decorateClass([\n  attr({ attribute: \"disabled\", mode: \"boolean\" })\n], SplitButton.prototype, \"disabled\");\n__decorateClass([\n  attr({ attribute: \"aria-label\" })\n], SplitButton.prototype, \"ariaLabel\");\n__decorateClass([\n  attr({ attribute: \"aria-expanded\" })\n], SplitButton.prototype, \"ariaExpanded\");\n__decorateClass([\n  attr({ attribute: \"indicator-aria-label\" })\n], SplitButton.prototype, \"indicatorAriaLabel\");\napplyMixins(SplitButton, AffixIcon, Localized);\n\nconst styles = \":host{--_vvd-split-button-accent-firm-wrapper: var( --vvd-split-button-accent-firm );--_vvd-split-button-cta-firm-wrapper: var( --vvd-split-button-cta-firm );--_vvd-split-button-success-firm-wrapper: var( --vvd-split-button-success-firm );--_vvd-split-button-alert-firm-wrapper: var( --vvd-split-button-alert-firm );--_vvd-split-button-announcement-firm-wrapper: var( --vvd-split-button-announcement-firm )}:where(.control,.indicator):not(.appearance-filled,.appearance-outlined){--vvd-split-button-accent-firm: var( --_vvd-split-button-accent-firm-wrapper, var(--vvd-split-button-accent-primary) );--vvd-split-button-cta-firm: var( --_vvd-split-button-cta-firm-wrapper, var(--vvd-split-button-cta-primary) );--vvd-split-button-success-firm: var( --_vvd-split-button-success-firm-wrapper, var(--vvd-split-button-success-primary) );--vvd-split-button-alert-firm: var( --_vvd-split-button-alert-firm-wrapper, var(--vvd-split-button-alert-primary) );--vvd-split-button-announcement-firm: var( --_vvd-split-button-announcement-firm-wrapper, var(--vvd-split-button-announcement-primary) )}:host{display:inline-block}.base{display:inline-flex;justify-content:flex-start;inline-size:inherit}.control,.indicator{display:inline-flex;box-sizing:border-box;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:1px solid var(--_appearance-color-outline);margin:0;background-color:var(--_appearance-color-fill);block-size:var(--_split-button-block-size);color:var(--_appearance-color-text);vertical-align:middle}.control.connotation-cta,.indicator.connotation-cta{--_connotation-color-primary: var(--vvd-split-button-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-split-button-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-split-button-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-contrast: var(--vvd-split-button-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-fierce: var(--vvd-split-button-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-firm: var(--vvd-split-button-cta-firm, var(--vvd-color-cta-600));--_connotation-color-soft: var(--vvd-split-button-cta-soft, var(--vvd-color-cta-100));--_connotation-color-faint: var(--vvd-split-button-cta-faint, var(--vvd-color-cta-50))}.control.connotation-success,.indicator.connotation-success{--_connotation-color-primary: var(--vvd-split-button-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-split-button-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-split-button-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-contrast: var(--vvd-split-button-success-contrast, var(--vvd-color-success-800));--_connotation-color-fierce: var(--vvd-split-button-success-fierce, var(--vvd-color-success-700));--_connotation-color-firm: var(--vvd-split-button-success-firm, var(--vvd-color-success-600));--_connotation-color-soft: var(--vvd-split-button-success-soft, var(--vvd-color-success-100));--_connotation-color-faint: var(--vvd-split-button-success-faint, var(--vvd-color-success-50))}.control.connotation-alert,.indicator.connotation-alert{--_connotation-color-primary: var(--vvd-split-button-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-split-button-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-split-button-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-contrast: var(--vvd-split-button-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-fierce: var(--vvd-split-button-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-firm: var(--vvd-split-button-alert-firm, var(--vvd-color-alert-600));--_connotation-color-soft: var(--vvd-split-button-alert-soft, var(--vvd-color-alert-100));--_connotation-color-faint: var(--vvd-split-button-alert-faint, var(--vvd-color-alert-50))}.control.connotation-announcement,.indicator.connotation-announcement{--_connotation-color-primary: var(--vvd-split-button-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-split-button-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-split-button-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-contrast: var(--vvd-split-button-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-fierce: var(--vvd-split-button-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-firm: var(--vvd-split-button-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-soft: var(--vvd-split-button-announcement-soft, var(--vvd-color-announcement-100));--_connotation-color-faint: var(--vvd-split-button-announcement-faint, var(--vvd-color-announcement-50))}.control:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-announcement),.indicator:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-announcement){--_connotation-color-primary: var(--vvd-split-button-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-split-button-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-split-button-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-contrast: var(--vvd-split-button-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-split-button-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-firm: var(--vvd-split-button-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-soft: var(--vvd-split-button-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-faint: var(--vvd-split-button-accent-faint, var(--vvd-color-neutral-50))}.control.appearance-filled,.indicator.appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control.appearance-outlined,.indicator.appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.control,.indicator{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-filled,.indicator:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-outlined,.indicator:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)),.indicator:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled).appearance-filled,.indicator:where(.disabled,:disabled).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.disabled,:disabled).appearance-outlined,.indicator:where(.disabled,:disabled).appearance-outlined{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-300)}.control:where(.disabled,:disabled),.indicator:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.control:where(:active,[aria-expanded=true]):where(:not(.disabled,:disabled)).appearance-filled,.indicator:where(:active,[aria-expanded=true]):where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.control:where(:active,[aria-expanded=true]):where(:not(.disabled,:disabled)).appearance-outlined,.indicator:where(:active,[aria-expanded=true]):where(:not(.disabled,:disabled)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-firm)}.control:where(:active,[aria-expanded=true]):where(:not(.disabled,:disabled)),.indicator:where(:active,[aria-expanded=true]):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}@supports (user-select: none){.control,.indicator{user-select:none}}.control{border-bottom-left-radius:var(--_border-radius);border-inline-end:0;border-top-left-radius:var(--_border-radius);gap:var(--_split-button-icon-gap)}.control:not(.appearance-filled){--focus-stroke-gap-color: transparent}.control.appearance-outlined{--focus-inset: -1px}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}.control:not(:disabled){cursor:pointer}.control:disabled{cursor:not-allowed}.control.icon-only{contain:size;place-content:center}@supports (aspect-ratio: 1){.control.icon-only{aspect-ratio:1}}@supports not (aspect-ratio: 1){.control.icon-only{inline-size:var(--_split-button-block-size)}}.control:not(.icon-only){flex-grow:1;inline-size:inherit}.control.size-super-condensed{--_split-button-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;font:var(--vvd-typography-base-condensed-bold)}.control.size-super-condensed:not(.icon-only){--_split-button-icon-gap: 4px;padding-inline:8px}.control.size-condensed{--_split-button-block-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;font:var(--vvd-typography-base-condensed-bold)}.control.size-condensed:not(.icon-only){--_split-button-icon-gap: 8px;padding-inline:12px}.control.size-expanded{--_split-button-block-size: calc(1px*(48 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;font:var(--vvd-typography-base-extended-bold)}.control.size-expanded:not(.icon-only){--_split-button-icon-gap: 10px;padding-inline:20px}.control:not(.size-condensed,.size-expanded,.size-super-condensed){--_split-button-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;font:var(--vvd-typography-base-bold)}.control:not(.size-condensed,.size-expanded,.size-super-condensed):not(.icon-only){--_split-button-icon-gap: 8px;padding-inline:16px}.control:not(.shape-pill){--_border-radius: 8px}.control:not(.shape-pill).size-super-condensed,.control:not(.shape-pill).super-condensed{--_border-radius: 4px}.control.shape-pill{--_border-radius: 24px}.control .text{overflow:hidden;max-inline-size:100%;text-overflow:ellipsis;white-space:nowrap}.indicator{position:relative;border-bottom-right-radius:var(--_border-radius);border-inline-start:0;border-top-right-radius:var(--_border-radius);inline-size:var(--_split-button-inline-size);isolation:isolate}.indicator:not(.appearance-filled){--focus-stroke-gap-color: transparent}.indicator.appearance-outlined{--focus-inset: 1px}.indicator:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}.indicator:not(:disabled){cursor:pointer}.indicator:disabled{cursor:not-allowed}.indicator:before{position:absolute;background-color:var(--_appearance-color-text);content:\\\"\\\";inline-size:1px;inset-inline-start:0;opacity:.35}.indicator:not(.appearance-filled,.appearance-outlined):before{block-size:50%}.indicator:is(.appearance-filled,.appearance-outlined):before{block-size:100%}.indicator.size-super-condensed{--_split-button-block-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_split-button-inline-size: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;font:var(--vvd-typography-base-condensed)}.indicator.size-condensed{--_split-button-block-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_split-button-inline-size: calc(1px*(28 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;font:var(--vvd-typography-base-condensed)}.indicator.size-expanded{--_split-button-block-size: calc(1px*(48 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_split-button-inline-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;font:var(--vvd-typography-base-extended)}.indicator:not(.size-condensed,.size-expanded,.size-super-condensed){--_split-button-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_split-button-inline-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;font:var(--vvd-typography-base-extended)}.indicator:not(.shape-pill){--_border-radius: 8px}.indicator:not(.shape-pill).size-super-condensed,.indicator:not(.shape-pill).super-condensed{--_border-radius: 4px}.indicator.shape-pill{--_border-radius: 24px}.icon{line-height:1}.icon-trailing .icon{order:1}.control>.icon{font-size:calc(var(--_split-button-block-size) / 2)}\";\n\nconst getClasses = ({\n  connotation,\n  appearance,\n  shape,\n  disabled,\n  size,\n  label,\n  icon,\n  iconSlottedContent\n}) => classNames(\n  [`connotation-${connotation}`, Boolean(connotation)],\n  [\"disabled\", disabled],\n  [`shape-${shape}`, Boolean(shape)],\n  [`appearance-${appearance}`, Boolean(appearance)],\n  [`size-${size}`, Boolean(size)],\n  [\"icon-only\", !label && !!(icon || iconSlottedContent?.length)]\n);\nfunction actionButton(context) {\n  const affixIconTemplate = affixIconTemplateFactory(context);\n  return html`\n\t\t<button\n\t\t\t${ref(\"_action\")}\n\t\t\tclass=\"control ${getClasses}\"\n\t\t\taria-label=\"${(x) => x.ariaLabel}\"\n\t\t\t?disabled=\"${(x) => x.disabled}\"\n\t\t\t@click=\"${(x) => x.$emit(\"action-click\", void 0, {\n    bubbles: false\n  })}\"\n\t\t>\n\t\t\t${(x) => affixIconTemplate(x.icon, IconWrapper.Slot)}\n\t\t\t<span class=\"text\">${(x) => x.label}</span>\n\t\t</button>\n\t`;\n}\nfunction indicatorButton(context) {\n  const affixIconTemplate = affixIconTemplateFactory(context);\n  return html`\n\t\t<button\n\t\t\t${ref(\"_indicator\")}\n\t\t\tclass=\"indicator ${getClasses}\"\n\t\t\t?disabled=\"${(x) => x.disabled}\"\n\t\t\taria-label=\"${(x) => x.indicatorAriaLabel || x.locale.splitButton.showMoreActionsLabel}\"\n\t\t\taria-expanded=\"${(x) => x.ariaExpanded}\"\n\t\t\t@click=\"${(x) => x.$emit(\"indicator-click\", void 0, {\n    bubbles: false\n  })}\"\n\t\t>\n\t\t\t${(x) => affixIconTemplate(x.splitIndicator)}\n\t\t</button>\n\t`;\n}\nconst SplitButtonTemplate = (context) => {\n  return html` <template role=\"presentation\">\n\t\t<div class=\"base\" role=\"group\">\n\t\t\t${actionButton(context)} ${indicatorButton(context)}\n\t\t\t<slot></slot>\n\t\t</div>\n\t</template>`;\n};\n\nconst splitButtonDefinition = SplitButton.compose({\n  baseName: \"split-button\",\n  template: SplitButtonTemplate,\n  styles,\n  shadowOptions: {\n    delegatesFocus: true\n  }\n});\nconst splitButtonRegistries = [\n  splitButtonDefinition(),\n  ...iconRegistries\n];\nconst registerSplitButton = registerFactory(splitButtonRegistries);\n\nexport { splitButtonRegistries as a, registerSplitButton as r, splitButtonDefinition as s };\n","import { a as attr, F as FoundationElement, n as nullableNumberConverter, h as html, r as registerFactory } from './index.js';\nimport { a as buttonRegistries } from './definition11.js';\nimport { E as Elevation, e as elevationRegistries } from './definition62.js';\nimport { a as iconRegistries } from './definition27.js';\nimport { C as Connotation } from './enums.js';\nimport { A as AffixIcon, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';\nimport './index2.js';\nimport { L as Localized } from './localized.js';\nimport { a as applyMixins } from './apply-mixins.js';\nimport { B as Button$1 } from './button.js';\nimport { w as when } from './when.js';\nimport { c as classNames } from './class-names.js';\n\nconst styles = \".control{position:fixed;z-index:10;border-radius:8px;inline-size:max-content;inset-block-end:0;inset-inline:0 0;margin-block:16px;margin-inline:auto;max-inline-size:var(--alert-max-inline-size, fit-content);min-inline-size:var(--alert-min-inline-size, 420px);transition:opacity .15s cubic-bezier(0,0,.2,1) 0ms,transform .15s cubic-bezier(0,0,.2,1) 0ms}.control.placement-top,.control.placement-top-start,.control.placement-top-end{inset-block:0 auto}.control.placement-top-start,.control.placement-bottom-start{right:auto;inset-inline-end:auto;margin-inline:16px}.control.placement-top-end,.control.placement-bottom-end{inset-inline-start:auto;margin-inline:16px}.control:where(.strategy-static){position:static;margin:0;inline-size:auto}.control:not(.open){opacity:0;transform:scale(.8)}.control.open{opacity:1;transform:scale(1)}@media (width <= 768px){.control{min-inline-size:var(--alert-min-inline-size, auto)}}.base{display:flex;align-items:center;padding:16px;border-radius:8px;background-color:var(--vvd-color-neutral-50);color:var(--vvd-color-canvas-text);column-gap:16px}.base.connotation-success{--_connotation-color-primary: var(--vvd-alert-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-alert-success-primary-text, var(--vvd-color-canvas))}.base.connotation-information{--_connotation-color-primary: var(--vvd-alert-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-alert-information-primary-text, var(--vvd-color-canvas))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-alert-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-alert-alert-primary-text, var(--vvd-color-canvas))}.base.connotation-warning{--_connotation-color-primary: var(--vvd-alert-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-alert-warning-primary-text, var(--vvd-color-canvas-text))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning){--_connotation-color-primary: var(--vvd-alert-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-alert-accent-primary-text, var(--vvd-color-canvas))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base .alert-text{margin-inline-end:auto}.base .alert-text .headline{font:var(--vvd-typography-base-bold);margin-block-end:4px}.base .alert-text .main-text{font:var(--vvd-typography-base)}.base slot[name=icon]{flex-shrink:0;color:var(--_appearance-color-fill);font-size:24px;line-height:1}.base .dismiss-button{border-left:1px solid var(--vvd-color-neutral-200);padding-inline-start:8px}\";\n\nvar __defProp = Object.defineProperty;\nvar __decorateClass = (decorators, target, key, kind) => {\n  var result = void 0 ;\n  for (var i = decorators.length - 1, decorator; i >= 0; i--)\n    if (decorator = decorators[i])\n      result = (decorator(target, key, result) ) || result;\n  if (result)\n    __defProp(target, key, result);\n  return result;\n};\nconst connotationIconMap = /* @__PURE__ */ new Map([\n  [Connotation.Accent, \"megaphone-line\"],\n  [Connotation.Information, \"info-line\"],\n  [Connotation.Success, \"check-circle-line\"],\n  [Connotation.Warning, \"warning-line\"],\n  [Connotation.Alert, \"error-line\"]\n]);\nclass Alert extends FoundationElement {\n  constructor() {\n    super(...arguments);\n    this.dismissButtonAriaLabel = null;\n    this.removable = false;\n    this.placement = \"bottom\";\n    this.timeoutms = 0;\n    this.open = false;\n    this.#closeOnEscape = (e) => {\n      if (this.removable && e.key === \"Escape\")\n        this.open = false;\n    };\n    this.#onTransitionEnd = () => {\n      if (!this.open) {\n        this.style.display = \"none\";\n      } else {\n        this.style.display = \"contents\";\n      }\n    };\n  }\n  // timeout to close the alert\n  #timeoutID;\n  openChanged(oldValue, newValue) {\n    if (oldValue === void 0)\n      return;\n    this.$emit(newValue ? \"open\" : \"close\");\n    this.#setupTimeout();\n    if (newValue) {\n      this.style.display = \"contents\";\n      const alertText = this.shadowRoot.querySelector(\n        \".alert-text\"\n      );\n      if (this.removable && alertText) {\n        alertText.setAttribute(\"tabindex\", \"0\");\n        alertText.focus();\n        alertText.removeAttribute(\"tabindex\");\n      }\n    } else {\n      this.style.display = \"none\";\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"keydown\", this.#closeOnEscape);\n    this.controlEl = this.shadowRoot.querySelector(\n      \".control\"\n    );\n    if (this.controlEl)\n      this.controlEl.addEventListener(\"transitionend\", this.#onTransitionEnd);\n    this.#setupTimeout();\n  }\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this.#timeoutID)\n      clearTimeout(this.#timeoutID);\n    this.removeEventListener(\"keydown\", this.#closeOnEscape);\n    if (this.controlEl)\n      this.controlEl.removeEventListener(\n        \"transitionend\",\n        this.#onTransitionEnd\n      );\n  }\n  get conditionedIcon() {\n    return this.icon || connotationIconMap.get(this.connotation);\n  }\n  #setupTimeout() {\n    if (this.#timeoutID)\n      clearTimeout(this.#timeoutID);\n    if (this.open && this.timeoutms > 0) {\n      this.#timeoutID = setTimeout(() => this.open = false, this.timeoutms);\n    }\n  }\n  #closeOnEscape;\n  #onTransitionEnd;\n}\n__decorateClass([\n  attr({ attribute: \"dismiss-button-aria-label\" })\n], Alert.prototype, \"dismissButtonAriaLabel\");\n__decorateClass([\n  attr({ mode: \"boolean\" })\n], Alert.prototype, \"removable\");\n__decorateClass([\n  attr({ mode: \"fromView\" })\n], Alert.prototype, \"placement\");\n__decorateClass([\n  attr\n], Alert.prototype, \"headline\");\n__decorateClass([\n  attr\n], Alert.prototype, \"text\");\n__decorateClass([\n  attr\n], Alert.prototype, \"icon\");\n__decorateClass([\n  attr({\n    mode: \"fromView\",\n    converter: nullableNumberConverter\n  })\n], Alert.prototype, \"timeoutms\");\n__decorateClass([\n  attr\n], Alert.prototype, \"connotation\");\n__decorateClass([\n  attr\n], Alert.prototype, \"strategy\");\n__decorateClass([\n  attr({ mode: \"boolean\" })\n], Alert.prototype, \"open\");\napplyMixins(Alert, AffixIcon);\napplyMixins(Alert, Localized);\n\nconst getClasses = ({ connotation }) => classNames(\"base\", [`connotation-${connotation}`, Boolean(connotation)]);\nconst getControlClasses = ({ open, placement, strategy }) => classNames(\n  \"control\",\n  [\"open\", open],\n  [`placement-${placement}`, Boolean(placement)],\n  [`strategy-${strategy}`, Boolean(strategy)]\n);\nfunction renderIcon(context) {\n  const affixIconTemplate = affixIconTemplateFactory(context);\n  return html`${(x) => affixIconTemplate(x.conditionedIcon, IconWrapper.Slot)}`;\n}\nfunction renderDismissButton(buttonTag) {\n  return html`\n\t\t<${buttonTag}\n\t\t\taria-label=\"${(x) => x.dismissButtonAriaLabel || x.locale.alert.dismissButtonLabel}\"\n\t\t\tsize=\"condensed\"\n\t\t\tclass=\"dismiss-button\"\n\t\t\ticon=\"close-line\"\n\t\t\t@click=\"${(x) => x.open = false}\">\n\t\t</${buttonTag}>`;\n}\nconst AlertTemplate = (context) => {\n  const elevationTag = context.tagFor(Elevation);\n  const buttonTag = context.tagFor(Button$1);\n  return html`\n\t<${elevationTag} class=\"elevation\" dp='8' exportparts=\"vvd-theme-alternate\">\n\t\t<div\n\t\t\tclass=\"${getControlClasses}\"\n\t\t\trole=\"${(x) => x.removable ? \"alertdialog\" : \"alert\"}\"\n\t\t\taria-live=\"assertive\"\n\t\t>\n\t\t\t<div part=\"vvd-theme-alternate\" class=\"${getClasses}\">\n\t\t\t\t${renderIcon(context)}\n\t\t\t\t<div class=\"alert-text\">\n\t\t\t\t\t${when(\n    (x) => x.headline,\n    html`<header class=\"headline\">${(x) => x.headline}</header>`\n  )}\n\t\t\t\t\t${when((x) => x.text, html`<div class=\"main-text\">${(x) => x.text}</div>`)}\n\t\t\t\t\t<slot name=\"main\">\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t\t<slot class=\"action-items\" name=\"action-items\"></slot>\n\t\t\t\t${when((x) => x.removable, renderDismissButton(buttonTag))}\n\t\t\t</div>\n\t\t</div>\n\t</${elevationTag}>\n\t`;\n};\n\nconst alertDefinition = Alert.compose({\n  baseName: \"alert\",\n  template: AlertTemplate,\n  styles\n});\nconst alertRegistries = [\n  alertDefinition(),\n  ...iconRegistries,\n  ...buttonRegistries,\n  ...elevationRegistries\n];\nconst registerAlert = registerFactory(alertRegistries);\n\nexport { alertDefinition as a, alertRegistries as b, registerAlert as r };\n","import { F as FoundationElement, h as html, r as registerFactory } from './index.js';\n\n/**\n * A TabPanel Component to be used with {@link @microsoft/fast-foundation#(Tabs:class)}\n *\n * @slot - The default slot for the tabpanel content\n *\n * @public\n */\nlet TabPanel$1 = class TabPanel extends FoundationElement {\n};\n\nclass TabPanel extends TabPanel$1 {\n}\n\nfunction TabPanelTemplate() {\n  return html`\n\t\t<template slot=\"tabpanel\" role=\"tabpanel\">\n\t\t\t<slot></slot>\n\t\t</template>\n\t`;\n}\n\nconst tabPanelDefinition = TabPanel.compose(\n  {\n    baseName: \"tab-panel\",\n    template: TabPanelTemplate\n  }\n);\nconst tabPanelRegistries = [tabPanelDefinition()];\nconst registerTabPanel = registerFactory(tabPanelRegistries);\n\nexport { tabPanelRegistries as a, registerTabPanel as r, tabPanelDefinition as t };\n","import { F as FoundationElement, _ as __decorate, a as attr, o as observable, h as html, r as registerFactory } from './index.js';\nimport { a as iconRegistries } from './definition27.js';\nimport { C as CheckableFormAssociated } from './form-associated.js';\nimport { a as keySpace, k as keyEnter } from './key-codes.js';\nimport { w as when } from './when.js';\nimport { c as classNames } from './class-names.js';\n\nclass _Switch extends FoundationElement {\n}\n/**\n * A form-associated base class for the {@link @microsoft/fast-foundation#(Switch:class)} component.\n *\n * @internal\n */\nclass FormAssociatedSwitch extends CheckableFormAssociated(_Switch) {\n    constructor() {\n        super(...arguments);\n        this.proxy = document.createElement(\"input\");\n    }\n}\n\n/**\n * A Switch Custom HTML Element.\n * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#switch | ARIA switch }.\n *\n * @slot - The deafult slot for the label\n * @slot checked-message - The message when in a checked state\n * @slot unchecked-message - The message when in an unchecked state\n * @csspart label - The label\n * @csspart switch - The element representing the switch, which wraps the indicator\n * @csspart status-message - The wrapper for the status messages\n * @csspart checked-message - The checked message\n * @csspart unchecked-message - The unchecked message\n * @fires change - Emits a custom change event when the checked state changes\n *\n * @public\n */\nlet Switch$1 = class Switch extends FormAssociatedSwitch {\n    constructor() {\n        super();\n        /**\n         * The element's value to be included in form submission when checked.\n         * Default to \"on\" to reach parity with input[type=\"checkbox\"]\n         *\n         * @internal\n         */\n        this.initialValue = \"on\";\n        /**\n         * @internal\n         */\n        this.keypressHandler = (e) => {\n            if (this.readOnly) {\n                return;\n            }\n            switch (e.key) {\n                case keyEnter:\n                case keySpace:\n                    this.checked = !this.checked;\n                    break;\n            }\n        };\n        /**\n         * @internal\n         */\n        this.clickHandler = (e) => {\n            if (!this.disabled && !this.readOnly) {\n                this.checked = !this.checked;\n            }\n        };\n        this.proxy.setAttribute(\"type\", \"checkbox\");\n    }\n    readOnlyChanged() {\n        if (this.proxy instanceof HTMLInputElement) {\n            this.proxy.readOnly = this.readOnly;\n        }\n        this.readOnly\n            ? this.classList.add(\"readonly\")\n            : this.classList.remove(\"readonly\");\n    }\n    /**\n     * @internal\n     */\n    checkedChanged(prev, next) {\n        super.checkedChanged(prev, next);\n        /**\n         * @deprecated - this behavior already exists in the template and should not exist in the class.\n         */\n        this.checked ? this.classList.add(\"checked\") : this.classList.remove(\"checked\");\n    }\n};\n__decorate([\n    attr({ attribute: \"readonly\", mode: \"boolean\" })\n], Switch$1.prototype, \"readOnly\", void 0);\n__decorate([\n    observable\n], Switch$1.prototype, \"defaultSlottedNodes\", void 0);\n\nconst styles = \":host(.disabled){cursor:not-allowed}.control{display:inline-flex;border-radius:16px;gap:8px;--focus-inset: -4px;--focus-stroke-gap-color: transparent}.control.connotation-cta{--_connotation-color-primary-text: var(--vvd-switch-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-increment: var(--vvd-switch-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-switch-cta-firm, var(--vvd-color-cta-600));--_connotation-color-intermediate: var(--vvd-switch-cta-intermediate, var(--vvd-color-cta-500));--_connotation-color-fierce: var(--vvd-switch-cta-fierce, var(--vvd-color-cta-700))}.control.connotation-alert{--_connotation-color-primary-text: var(--vvd-switch-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-increment: var(--vvd-switch-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-firm: var(--vvd-switch-alert-firm, var(--vvd-color-alert-600));--_connotation-color-intermediate: var(--vvd-switch-alert-intermediate, var(--vvd-color-alert-500));--_connotation-color-fierce: var(--vvd-switch-alert-fierce, var(--vvd-color-alert-700))}.control.connotation-success{--_connotation-color-primary-text: var(--vvd-switch-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-increment: var(--vvd-switch-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-firm: var(--vvd-switch-success-firm, var(--vvd-color-success-600));--_connotation-color-intermediate: var(--vvd-switch-success-intermediate, var(--vvd-color-success-500));--_connotation-color-fierce: var(--vvd-switch-success-fierce, var(--vvd-color-success-700))}.control:not(.connotation-cta,.connotation-alert,.connotation-success){--_connotation-color-primary-text: var(--vvd-switch-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary: var(--vvd-switch-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-increment: var(--vvd-switch-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-switch-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-intermediate: var(--vvd-switch-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-fierce: var(--vvd-switch-accent-fierce, var(--vvd-color-neutral-700))}.control{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.control.appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.control:where(.hover,: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(--_connotation-color-fierce)}.control:where(.hover,:hover):where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.control:where(.disabled,: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)}.control:where(.disabled,:disabled).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.control:where(.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)}.control:where(.readonly):where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--vvd-color-neutral-800);--_appearance-color-fill: var(--vvd-color-neutral-500);--_appearance-color-outline: transparent}.control:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:2px solid var(--focus-stroke-color, var(--vvd-color-canvas-text));outline-offset:calc(-2px - var(--focus-inset, 0px))}@supports (user-select: none){.control{user-select:none}}.control:not(.disabled){cursor:pointer}.control.disabled{pointer-events:none}.switch{--_switch-inline-size: calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*1.8) ;display:flex;box-sizing:border-box;align-items:center;border-radius:40px;background-color:var(--_appearance-color-fill);block-size:calc(1px*(20 + 4*clamp(-1,var(--vvd-size-density, 0),2)));box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);inline-size:var(--_switch-inline-size);transition:all .2s ease-in-out 0s}.checked-indicator{--_switch-checked-indicator-size: calc( calc(1px*(20 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) / 1.6667 );--_switch-gutter: calc(var(--_switch-checked-indicator-size) / 3);border-radius:inherit;block-size:var(--_switch-checked-indicator-size);inline-size:var(--_switch-checked-indicator-size);margin-inline-start:auto;transition:all .2s ease-in-out 0s}.control:not(.appearance-filled) .checked-indicator{background-color:var(--_appearance-color-outline)}.control:not(.appearance-filled):where(.readonly) .checked-indicator{background-color:var(--vvd-color-neutral-600)}.control.appearance-filled .checked-indicator{background-color:var(--vvd-color-neutral-100)}.control:not(.checked) .checked-indicator{transform:translate(calc(-1 * var(--_switch-inline-size) + var(--_switch-checked-indicator-size) + var(--_switch-gutter)))}.control.checked .checked-indicator{transform:translate(calc(-1 * var(--_switch-gutter)))}.control.appearance-filled.disabled .checked-indicator{background-color:var(--_appearance-color-text)}.control.appearance-filled.readonly .checked-indicator{background-color:var(--vvd-color-neutral-50)}.label{color:var(--vvd-color-canvas-text);cursor:pointer;font:var(--vvd-typography-base)}\";\n\nvar __defProp = Object.defineProperty;\nvar __decorateClass = (decorators, target, key, kind) => {\n  var result = void 0 ;\n  for (var i = decorators.length - 1, decorator; i >= 0; i--)\n    if (decorator = decorators[i])\n      result = (decorator(target, key, result) ) || result;\n  if (result)\n    __defProp(target, key, result);\n  return result;\n};\nclass Switch extends Switch$1 {\n}\n__decorateClass([\n  attr\n], Switch.prototype, \"label\");\n__decorateClass([\n  attr\n], Switch.prototype, \"connotation\");\n\nconst getClasses = (_) => classNames(\n  \"control\",\n  [\"appearance-filled\", _.checked],\n  [\"checked\", _.checked],\n  [\"disabled\", _.disabled],\n  [\"readonly\", _.readOnly],\n  [\n    `connotation-${_.connotation}`,\n    Boolean(_.checked) && Boolean(_.connotation)\n  ]\n);\nconst SwitchTemplate = () => {\n  return html`\n\t\t<div\n\t\t\tclass=\"${getClasses}\"\n\t\t\trole=\"switch\"\n\t\t\taria-checked=\"${(x) => x.checked}\"\n\t\t\taria-disabled=\"${(x) => x.disabled}\"\n\t\t\taria-readonly=\"${(x) => x.readOnly}\"\n\t\t\ttabindex=\"${(x) => x.disabled ? null : 0}\"\n\t\t\t@keypress=\"${(x, c) => x.keypressHandler(c.event)}\"\n\t\t\t@click=\"${(x, c) => x.clickHandler(c.event)}\"\n\t\t>\n\t\t\t<div class=\"switch\">\n\t\t\t\t<span class=\"checked-indicator\"></span>\n\t\t\t</div>\n\t\t\t${when(\n    (x) => x.label,\n    html`<div class=\"label\">${(x) => x.label}</div>`\n  )}\n\t\t</div>\n\t`;\n};\n\nconst switchDefinition = Switch.compose({\n  baseName: \"switch\",\n  template: SwitchTemplate,\n  styles,\n  shadowOptions: {\n    delegatesFocus: true\n  }\n});\nconst switchRegistries = [switchDefinition(), ...iconRegistries];\nconst registerSwitch = registerFactory(switchRegistries);\n\nexport { switchRegistries as a, registerSwitch as r, switchDefinition as s };\n"],"names":["__defProp","Object","defineProperty","__decorateClass","decorators","target","key","kind","decorator","result","i","length","SplitButton","F","constructor","super","arguments","this","splitIndicator","disabled","ariaLabel","ariaExpanded","indicatorAriaLabel","action","_action","indicator","_indicator","a","prototype","attribute","mode","A","L","getClasses","connotation","appearance","shape","size","label","icon","iconSlottedContent","c","Boolean","splitButtonRegistries","compose","baseName","template","context","h","affixIconTemplate","r","x","$emit","bubbles","I","Slot","actionButton","locale","splitButton","showMoreActionsLabel","indicatorButton","styles","shadowOptions","delegatesFocus","splitButtonDefinition","registerSplitButton","connotationIconMap","Map","C","Accent","Information","Success","Warning","Alert","dismissButtonAriaLabel","removable","placement","timeoutms","open","e","style","display","openChanged","oldValue","newValue","alertText","shadowRoot","querySelector","setAttribute","focus","removeAttribute","connectedCallback","addEventListener","controlEl","disconnectedCallback","clearTimeout","removeEventListener","conditionedIcon","get","setTimeout","converter","n","getControlClasses","strategy","alertRegistries","elevationTag","tagFor","E","buttonTag","B","renderIcon","w","headline","text","alert","dismissButtonLabel","renderDismissButton","alertDefinition","registerAlert","TabPanel$1","tabPanelRegistries","tabPanelDefinition","registerTabPanel","_Switch","FormAssociatedSwitch","proxy","document","createElement","Switch$1","initialValue","keypressHandler","readOnly","k","checked","clickHandler","readOnlyChanged","HTMLInputElement","classList","add","remove","checkedChanged","prev","next","_","o","Switch","switchRegistries","event","switchDefinition","registerSwitch"],"sourceRoot":""}