{"version":3,"file":"js/vendors-03d47eba.min.js?t=1743075070513","mappings":"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","sources":["webpack://frontend/./node_modules/@vonage/vivid/shared/definition52.js","webpack://frontend/./node_modules/@vonage/vivid/shared/definition50.js","webpack://frontend/./node_modules/@vonage/vivid/shared/definition51.js"],"sourcesContent":["import { a as attr, F as FoundationElement, h as html, r as registerFactory } from './index.js';\nimport { c as classNames } from './class-names.js';\n\nconst styles = \".base{display:flex;flex-wrap:wrap;gap: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};\nclass TagGroup extends FoundationElement {\n constructor() {\n super(...arguments);\n this.ariaLabel = null;\n }\n}\n__decorateClass([\n attr({ attribute: \"aria-label\" })\n], TagGroup.prototype, \"ariaLabel\");\n\nconst getClasses = (_) => classNames(\"base\");\nconst TagGroupTemplate = () => {\n return html`\n\t\t x.ariaLabel}\"\n\t\t>\n\t\t\t\n\t\t\n\t`;\n};\n\nconst tagGroupDefinition = TagGroup.compose(\n {\n baseName: \"tag-group\",\n template: TagGroupTemplate,\n styles\n }\n);\nconst tagGroupRegistries = [tagGroupDefinition()];\nconst registerTagGroup = registerFactory(tagGroupRegistries);\n\nexport { tagGroupRegistries as a, registerTagGroup as r, tagGroupDefinition as t };\n","import { F as FoundationElement, _ as __decorate, a as attr, h as html, r as registerFactory } from './index.js';\nimport { a as iconRegistries } from './definition27.js';\nimport { b as AffixIconWithTrailing, a as affixIconTemplateFactory, I as IconWrapper } from './affix.js';\nimport { a as applyMixins } from './apply-mixins.js';\nimport { c as classNames } from './class-names.js';\n\n/**\n * A Tab Component to be used with {@link @microsoft/fast-foundation#(Tabs:class)}\n *\n * @slot - The default slot for the tab content\n *\n * @public\n */\nlet Tab$1 = class Tab extends FoundationElement {\n};\n__decorate([\n attr({ mode: \"boolean\" })\n], Tab$1.prototype, \"disabled\", void 0);\n\nconst styles = \":host{--_vvd-tab-accent-firm-wrapper: var( --vvd-tab-accent-firm );--_vvd-tab-cta-firm-wrapper: var( --vvd-tab-cta-firm )}.base{--vvd-tab-accent-firm: var( --_vvd-tab-accent-firm-wrapper, var(--vvd-tab-accent-primary) );--vvd-tab-cta-firm: var( --_vvd-tab-cta-firm-wrapper, var(--vvd-tab-cta-primary) )}:host(.vertical){justify-content:end;grid-column:1/auto}:host([disabled]){cursor:not-allowed}:host(:focus-visible){outline:none}.base{position:relative;display:flex;box-sizing:border-box;align-items:center;padding:var(--_tabs-tablist-gutter);background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base-bold);gap:var(--_tabs-tablist-gutter);min-block-size:40px;vertical-align:middle;white-space:nowrap}.base{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base: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}.base:where(.disabled,:disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.active,:active):where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.connotation-cta{--_connotation-color-primary-text: var(--vvd-tab-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-firm: var(--vvd-tab-cta-firm, var(--vvd-color-cta-600));--_connotation-color-faint: var(--vvd-tab-cta-faint, var(--vvd-color-cta-50));--_connotation-color-fierce: var(--vvd-tab-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-pale: var(--vvd-tab-cta-pale, var(--vvd-color-cta-300));--_connotation-color-soft: var(--vvd-tab-cta-soft, var(--vvd-color-cta-100))}.base:not(.connotation-cta){--_connotation-color-primary-text: var(--vvd-tab-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-firm: var(--vvd-tab-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-tab-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-fierce: var(--vvd-tab-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-pale: var(--vvd-tab-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-soft: var(--vvd-tab-accent-soft, var(--vvd-color-neutral-100))}@supports (user-select: none){.base{user-select:none}}.base:not(.shape-sharp){border-radius:8px}.base:not(.disabled){cursor:pointer}.base.disabled{pointer-events:none}:host(:focus-visible) .base{--focus-stroke-gap-color: transparent;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))}:host(.vertical) .base{margin-inline-start:var(--_tabs-active-indicator-stroke-width)}slot[name=icon]{font-size:20px;line-height:1}.icon-trailing slot[name=icon]{display:inline-block;order:1;margin-inline-start:auto}:host(:not(.vertical)) .base:after{position:absolute;border-radius:2px;background:currentColor;block-size:2px;content:\\\"\\\";inline-size:100%;inset-block-end:0;inset-inline-start:0;pointer-events:none;transition-property:opacity}:host(:not(.vertical)):host([aria-selected=true]) .base:after{transition-delay:.2s}:host(:not(.vertical)):host(:not([aria-selected=true])) .base:after{opacity:0}\";\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 Tab extends Tab$1 {\n constructor() {\n super(...arguments);\n this.tabIndex = \"-1\";\n this.ariaSelected = null;\n }\n}\n__decorateClass([\n attr\n], Tab.prototype, \"connotation\");\n__decorateClass([\n attr\n], Tab.prototype, \"shape\");\n__decorateClass([\n attr\n], Tab.prototype, \"label\");\n__decorateClass([\n attr({ mode: \"fromView\" })\n], Tab.prototype, \"tabIndex\");\n__decorateClass([\n attr({ attribute: \"aria-selected\" })\n], Tab.prototype, \"ariaSelected\");\napplyMixins(Tab, AffixIconWithTrailing);\n\nconst getClasses = ({\n connotation,\n disabled,\n ariaSelected,\n iconTrailing,\n shape\n}) => classNames(\n \"base\",\n [\n `connotation-${connotation}`,\n Boolean(connotation) && ariaSelected === \"true\"\n ],\n [`shape-${shape}`, Boolean(shape)],\n [\"disabled\", Boolean(disabled)],\n [\"selected\", ariaSelected === \"true\"],\n [\"icon-trailing\", iconTrailing]\n);\nfunction TabTemplate(context) {\n const affixIconTemplate = affixIconTemplateFactory(context);\n return html` x.disabled}\"\n\t\taria-selected=\"${(x) => x.ariaSelected}\"\n\t>\n\t\t
\n\t\t\t${(x) => affixIconTemplate(x.icon, IconWrapper.Slot)} ${(x) => x.label}\n\t\t
\n\t`;\n}\n\nconst tabDefinition = Tab.compose({\n baseName: \"tab\",\n template: TabTemplate,\n styles\n});\nconst tabRegistries = [tabDefinition(), ...iconRegistries];\nconst registerTab = registerFactory(tabRegistries);\n\nexport { tabRegistries as a, registerTab as r, tabDefinition 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 tabRegistries } from './definition50.js';\nimport { a as tabPanelRegistries } from './definition49.js';\nimport { S as StartEnd } from './start-end.js';\nimport { a as applyMixins } from './apply-mixins.js';\nimport { h as keyArrowRight, i as keyArrowLeft, f as keyArrowDown, e as keyArrowUp, d as keyEnd, g as keyHome } from './key-codes.js';\nimport { u as uniqueId } from './strings.js';\nimport { l as limit } from './numbers.js';\nimport { r as ref } from './ref.js';\nimport { s as slotted } from './slotted.js';\nimport { w as when } from './when.js';\nimport { c as classNames } from './class-names.js';\n\n/**\n * The orientation of the {@link @microsoft/fast-foundation#(Tabs:class)} component\n * @public\n */\nconst TabsOrientation = {\n vertical: \"vertical\",\n horizontal: \"horizontal\",\n};\n/**\n * A Tabs Custom HTML Element.\n * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#tablist | ARIA tablist }.\n *\n * @slot start - Content which can be provided before the tablist element\n * @slot end - Content which can be provided after the tablist element\n * @slot tab - The slot for tabs\n * @slot tabpanel - The slot for tabpanels\n * @csspart tablist - The element wrapping for the tabs\n * @csspart tab - The tab slot\n * @csspart activeIndicator - The visual indicator\n * @csspart tabpanel - The tabpanel slot\n * @fires change - Fires a custom 'change' event when a tab is clicked or during keyboard navigation\n *\n * @public\n */\nlet Tabs$1 = class Tabs extends FoundationElement {\n constructor() {\n super(...arguments);\n /**\n * The orientation\n * @public\n * @remarks\n * HTML Attribute: orientation\n */\n this.orientation = TabsOrientation.horizontal;\n /**\n * Whether or not to show the active indicator\n * @public\n * @remarks\n * HTML Attribute: activeindicator\n */\n this.activeindicator = true;\n /**\n * @internal\n */\n this.showActiveIndicator = true;\n this.prevActiveTabIndex = 0;\n this.activeTabIndex = 0;\n this.ticking = false;\n this.change = () => {\n this.$emit(\"change\", this.activetab);\n };\n this.isDisabledElement = (el) => {\n return el.getAttribute(\"aria-disabled\") === \"true\";\n };\n this.isHiddenElement = (el) => {\n return el.hasAttribute(\"hidden\");\n };\n this.isFocusableElement = (el) => {\n return !this.isDisabledElement(el) && !this.isHiddenElement(el);\n };\n this.setTabs = () => {\n const gridHorizontalProperty = \"gridColumn\";\n const gridVerticalProperty = \"gridRow\";\n const gridProperty = this.isHorizontal()\n ? gridHorizontalProperty\n : gridVerticalProperty;\n this.activeTabIndex = this.getActiveIndex();\n this.showActiveIndicator = false;\n this.tabs.forEach((tab, index) => {\n if (tab.slot === \"tab\") {\n const isActiveTab = this.activeTabIndex === index && this.isFocusableElement(tab);\n if (this.activeindicator && this.isFocusableElement(tab)) {\n this.showActiveIndicator = true;\n }\n const tabId = this.tabIds[index];\n const tabpanelId = this.tabpanelIds[index];\n tab.setAttribute(\"id\", tabId);\n tab.setAttribute(\"aria-selected\", isActiveTab ? \"true\" : \"false\");\n tab.setAttribute(\"aria-controls\", tabpanelId);\n tab.addEventListener(\"click\", this.handleTabClick);\n tab.addEventListener(\"keydown\", this.handleTabKeyDown);\n tab.setAttribute(\"tabindex\", isActiveTab ? \"0\" : \"-1\");\n if (isActiveTab) {\n this.activetab = tab;\n this.activeid = tabId;\n }\n }\n // If the original property isn't emptied out,\n // the next set will morph into a grid-area style setting that is not what we want\n tab.style[gridHorizontalProperty] = \"\";\n tab.style[gridVerticalProperty] = \"\";\n tab.style[gridProperty] = `${index + 1}`;\n !this.isHorizontal()\n ? tab.classList.add(\"vertical\")\n : tab.classList.remove(\"vertical\");\n });\n };\n this.setTabPanels = () => {\n this.tabpanels.forEach((tabpanel, index) => {\n const tabId = this.tabIds[index];\n const tabpanelId = this.tabpanelIds[index];\n tabpanel.setAttribute(\"id\", tabpanelId);\n tabpanel.setAttribute(\"aria-labelledby\", tabId);\n this.activeTabIndex !== index\n ? tabpanel.setAttribute(\"hidden\", \"\")\n : tabpanel.removeAttribute(\"hidden\");\n });\n };\n this.handleTabClick = (event) => {\n const selectedTab = event.currentTarget;\n if (selectedTab.nodeType === 1 && this.isFocusableElement(selectedTab)) {\n this.prevActiveTabIndex = this.activeTabIndex;\n this.activeTabIndex = this.tabs.indexOf(selectedTab);\n this.setComponent();\n }\n };\n this.handleTabKeyDown = (event) => {\n if (this.isHorizontal()) {\n switch (event.key) {\n case keyArrowLeft:\n event.preventDefault();\n this.adjustBackward(event);\n break;\n case keyArrowRight:\n event.preventDefault();\n this.adjustForward(event);\n break;\n }\n }\n else {\n switch (event.key) {\n case keyArrowUp:\n event.preventDefault();\n this.adjustBackward(event);\n break;\n case keyArrowDown:\n event.preventDefault();\n this.adjustForward(event);\n break;\n }\n }\n switch (event.key) {\n case keyHome:\n event.preventDefault();\n this.adjust(-this.activeTabIndex);\n break;\n case keyEnd:\n event.preventDefault();\n this.adjust(this.tabs.length - this.activeTabIndex - 1);\n break;\n }\n };\n this.adjustForward = (e) => {\n const group = this.tabs;\n let index = 0;\n index = this.activetab ? group.indexOf(this.activetab) + 1 : 1;\n if (index === group.length) {\n index = 0;\n }\n while (index < group.length && group.length > 1) {\n if (this.isFocusableElement(group[index])) {\n this.moveToTabByIndex(group, index);\n break;\n }\n else if (this.activetab && index === group.indexOf(this.activetab)) {\n break;\n }\n else if (index + 1 >= group.length) {\n index = 0;\n }\n else {\n index += 1;\n }\n }\n };\n this.adjustBackward = (e) => {\n const group = this.tabs;\n let index = 0;\n index = this.activetab ? group.indexOf(this.activetab) - 1 : 0;\n index = index < 0 ? group.length - 1 : index;\n while (index >= 0 && group.length > 1) {\n if (this.isFocusableElement(group[index])) {\n this.moveToTabByIndex(group, index);\n break;\n }\n else if (index - 1 < 0) {\n index = group.length - 1;\n }\n else {\n index -= 1;\n }\n }\n };\n this.moveToTabByIndex = (group, index) => {\n const tab = group[index];\n this.activetab = tab;\n this.prevActiveTabIndex = this.activeTabIndex;\n this.activeTabIndex = index;\n tab.focus();\n this.setComponent();\n };\n }\n /**\n * @internal\n */\n orientationChanged() {\n if (this.$fastController.isConnected) {\n this.setTabs();\n this.setTabPanels();\n this.handleActiveIndicatorPosition();\n }\n }\n /**\n * @internal\n */\n activeidChanged(oldValue, newValue) {\n if (this.$fastController.isConnected &&\n this.tabs.length <= this.tabpanels.length) {\n this.prevActiveTabIndex = this.tabs.findIndex((item) => item.id === oldValue);\n this.setTabs();\n this.setTabPanels();\n this.handleActiveIndicatorPosition();\n }\n }\n /**\n * @internal\n */\n tabsChanged() {\n if (this.$fastController.isConnected &&\n this.tabs.length <= this.tabpanels.length) {\n this.tabIds = this.getTabIds();\n this.tabpanelIds = this.getTabPanelIds();\n this.setTabs();\n this.setTabPanels();\n this.handleActiveIndicatorPosition();\n }\n }\n /**\n * @internal\n */\n tabpanelsChanged() {\n if (this.$fastController.isConnected &&\n this.tabpanels.length <= this.tabs.length) {\n this.tabIds = this.getTabIds();\n this.tabpanelIds = this.getTabPanelIds();\n this.setTabs();\n this.setTabPanels();\n this.handleActiveIndicatorPosition();\n }\n }\n getActiveIndex() {\n const id = this.activeid;\n if (id !== undefined) {\n return this.tabIds.indexOf(this.activeid) === -1\n ? 0\n : this.tabIds.indexOf(this.activeid);\n }\n else {\n return 0;\n }\n }\n getTabIds() {\n return this.tabs.map((tab) => {\n var _a;\n return (_a = tab.getAttribute(\"id\")) !== null && _a !== void 0 ? _a : `tab-${uniqueId()}`;\n });\n }\n getTabPanelIds() {\n return this.tabpanels.map((tabPanel) => {\n var _a;\n return (_a = tabPanel.getAttribute(\"id\")) !== null && _a !== void 0 ? _a : `panel-${uniqueId()}`;\n });\n }\n setComponent() {\n if (this.activeTabIndex !== this.prevActiveTabIndex) {\n this.activeid = this.tabIds[this.activeTabIndex];\n this.focusTab();\n this.change();\n }\n }\n isHorizontal() {\n return this.orientation === TabsOrientation.horizontal;\n }\n handleActiveIndicatorPosition() {\n // Ignore if we click twice on the same tab\n if (this.showActiveIndicator &&\n this.activeindicator &&\n this.activeTabIndex !== this.prevActiveTabIndex) {\n if (this.ticking) {\n this.ticking = false;\n }\n else {\n this.ticking = true;\n this.animateActiveIndicator();\n }\n }\n }\n animateActiveIndicator() {\n this.ticking = true;\n const gridProperty = this.isHorizontal() ? \"gridColumn\" : \"gridRow\";\n const translateProperty = this.isHorizontal()\n ? \"translateX\"\n : \"translateY\";\n const offsetProperty = this.isHorizontal() ? \"offsetLeft\" : \"offsetTop\";\n const prev = this.activeIndicatorRef[offsetProperty];\n this.activeIndicatorRef.style[gridProperty] = `${this.activeTabIndex + 1}`;\n const next = this.activeIndicatorRef[offsetProperty];\n this.activeIndicatorRef.style[gridProperty] = `${this.prevActiveTabIndex + 1}`;\n const dif = next - prev;\n this.activeIndicatorRef.style.transform = `${translateProperty}(${dif}px)`;\n this.activeIndicatorRef.classList.add(\"activeIndicatorTransition\");\n this.activeIndicatorRef.addEventListener(\"transitionend\", () => {\n this.ticking = false;\n this.activeIndicatorRef.style[gridProperty] = `${this.activeTabIndex + 1}`;\n this.activeIndicatorRef.style.transform = `${translateProperty}(0px)`;\n this.activeIndicatorRef.classList.remove(\"activeIndicatorTransition\");\n });\n }\n /**\n * The adjust method for FASTTabs\n * @public\n * @remarks\n * This method allows the active index to be adjusted by numerical increments\n */\n adjust(adjustment) {\n const focusableTabs = this.tabs.filter(t => this.isFocusableElement(t));\n const currentActiveTabIndex = focusableTabs.indexOf(this.activetab);\n const nextTabIndex = limit(0, focusableTabs.length - 1, currentActiveTabIndex + adjustment);\n // the index of the next focusable tab within the context of all available tabs\n const nextIndex = this.tabs.indexOf(focusableTabs[nextTabIndex]);\n if (nextIndex > -1) {\n this.moveToTabByIndex(this.tabs, nextIndex);\n }\n }\n focusTab() {\n this.tabs[this.activeTabIndex].focus();\n }\n /**\n * @internal\n */\n connectedCallback() {\n super.connectedCallback();\n this.tabIds = this.getTabIds();\n this.tabpanelIds = this.getTabPanelIds();\n this.activeTabIndex = this.getActiveIndex();\n }\n};\n__decorate([\n attr\n], Tabs$1.prototype, \"orientation\", void 0);\n__decorate([\n attr\n], Tabs$1.prototype, \"activeid\", void 0);\n__decorate([\n observable\n], Tabs$1.prototype, \"tabs\", void 0);\n__decorate([\n observable\n], Tabs$1.prototype, \"tabpanels\", void 0);\n__decorate([\n attr({ mode: \"boolean\" })\n], Tabs$1.prototype, \"activeindicator\", void 0);\n__decorate([\n observable\n], Tabs$1.prototype, \"activeIndicatorRef\", void 0);\n__decorate([\n observable\n], Tabs$1.prototype, \"showActiveIndicator\", void 0);\napplyMixins(Tabs$1, StartEnd);\n\nconst styles = \":host{display:block}.base{display:grid;box-sizing:border-box}.base{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.connotation-cta{--_connotation-color-firm: var(--vvd-tabs-cta-firm, var(--vvd-color-cta-600))}.base:not(.connotation-cta){--_connotation-color-firm: var(--vvd-tabs-accent-firm, var(--vvd-color-canvas-text))}.base.orientation-vertical{overflow:hidden;block-size:inherit;grid-template-columns:auto 1fr;grid-template-rows:1fr}.base:not(.orientation-vertical){grid-template-columns:1fr;grid-template-rows:auto 1fr;max-block-size:100%}.tablist{--_tabs-tablist-gutter: 8px;--_tabs-active-indicator-stroke-width: 2px;position:relative;display:grid;box-sizing:border-box;color:var(--_appearance-color-text)}.base.orientation-vertical .tablist{padding:var(--_tabs-tablist-gutter);grid-row:1/2;grid-template-columns:auto 1fr;grid-template-rows:auto;inline-size:100%;place-self:flex-start end;row-gap:var(--_tabs-tablist-gutter)}.base:not(.orientation-vertical) .tablist{justify-content:flex-start;column-gap:var(--_tabs-tablist-gutter);grid-auto-flow:column;grid-template-columns:auto;grid-template-rows:auto auto;inline-size:100%;padding-inline:var(--_tabs-tablist-gutter)}.base:not(.orientation-vertical) .tablist-wrapper{overflow:auto hidden;align-self:end;border-bottom:1px solid var(--vvd-color-neutral-300);inline-size:100%}.base.orientation-vertical .tablist-wrapper{overflow:hidden auto;block-size:100%;box-shadow:1px 0 0 0 var(--vvd-color-neutral-300)}.tablist-wrapper::-webkit-scrollbar{display:none}.tabpanel{box-sizing:border-box;block-size:100%;min-block-size:0;min-inline-size:0}.base.scroll .tabpanel{overflow-y:auto}.base.gutters-small .tabpanel{padding:calc(1px*(40 + 4*clamp(-1,var(--vvd-size-density, 0),2)) - (1px*(24 + 4*clamp(-1,var(--vvd-size-density, 0),2))))}.active-indicator{background:currentColor;margin-inline-start:calc(var(--_tabs-tablist-gutter) * -1)}.base.orientation-vertical .active-indicator{align-self:center;border-radius:2px;block-size:80%;grid-area:1/1/auto/auto;inline-size:var(--_tabs-active-indicator-stroke-width)}.base:not(.orientation-vertical) .active-indicator{position:absolute;z-index:1;block-size:var(--_tabs-active-indicator-stroke-width);grid-column:1/auto;inline-size:calc(var(--_tabs-active-tab-inline-size) - 32px);inset-block-end:0;inset-inline-start:8px;justify-self:center;padding-inline:var(--_tabs-tablist-gutter)}.activeIndicatorTransition{transition:transform .2s ease-out 0s,inline-size .2s ease-out 0s}.base:not(.orientation-vertical) .active-indicator:not(.activeIndicatorTransition){opacity:0}\";\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 ACTIVE_TAB_WIDTH = \"--_tabs-active-tab-inline-size\";\nclass Tabs extends Tabs$1 {\n constructor() {\n super(...arguments);\n this.scrollablePanel = false;\n }\n connotationChanged() {\n this.#updateTabsConnotation();\n }\n orientationChanged() {\n super.orientationChanged();\n this.patchIndicatorStyleTransition();\n if (!this.activeIndicatorRef)\n return;\n if (this.orientation === TabsOrientation.vertical) {\n this.activeIndicatorRef.style.removeProperty(ACTIVE_TAB_WIDTH);\n }\n this.#patchActiveID();\n }\n activeidChanged(oldValue, newValue) {\n super.activeidChanged(oldValue, newValue);\n this.patchIndicatorStyleTransition();\n this.#patchActiveID();\n }\n tabsChanged() {\n super.tabsChanged();\n this.patchIndicatorStyleTransition();\n this.#patchActiveID();\n }\n tabpanelsChanged() {\n super.tabpanelsChanged();\n this.patchIndicatorStyleTransition();\n this.#patchActiveID();\n }\n patchIndicatorStyleTransition() {\n if (!this.activetab || !this.activeIndicatorRef)\n return;\n if (this.orientation === TabsOrientation.vertical || !this.showActiveIndicator)\n return;\n const width = this.activetab.getBoundingClientRect().width;\n this.activeIndicatorRef.style.setProperty(ACTIVE_TAB_WIDTH, `${width}px`);\n }\n #updateTabsConnotation() {\n if (this.tabs) {\n this.tabs.forEach((tab) => {\n if (tab.getAttribute(\"aria-selected\") === \"true\") {\n tab.setAttribute(\"connotation\", this.connotation);\n } else {\n tab.removeAttribute(\"connotation\");\n }\n });\n }\n }\n get #tabListWrapper() {\n return this.shadowRoot.querySelector(\".tablist-wrapper\");\n }\n #scrollToIndex(index) {\n const tab = this.tabs[index];\n if (!tab)\n return;\n let left = 0;\n let top = 0;\n if (this.orientation === TabsOrientation.vertical) {\n if (index === this.tabs.length - 1) {\n top = this.#tabListWrapper.scrollHeight;\n }\n if (index > 0 && index < this.tabs.length - 1) {\n top = tab.offsetTop - this.#tabListWrapper.offsetHeight / 2 + tab.offsetHeight / 2;\n }\n } else {\n if (index === this.tabs.length - 1) {\n left = this.#tabListWrapper.scrollWidth;\n }\n if (index > 0 && index < this.tabs.length - 1) {\n left = tab.offsetLeft - this.#tabListWrapper.offsetWidth / 2 + tab.offsetWidth / 2;\n }\n }\n this.#tabListWrapper.scrollTo({ top, left, behavior: \"smooth\" });\n }\n // adapted FAST fix https://github.com/microsoft/fast/pull/6606\n #patchActiveID() {\n if (!this.activetab)\n return;\n const idx = this.tabs.indexOf(this.activetab);\n this.activeid = this[\"tabIds\"][idx];\n this.#updateTabsConnotation();\n this.#scrollToIndex(idx);\n }\n}\n__decorateClass([\n observable\n], Tabs.prototype, \"tablist\");\n__decorateClass([\n attr\n], Tabs.prototype, \"connotation\");\n__decorateClass([\n attr\n], Tabs.prototype, \"gutters\");\n__decorateClass([\n attr({ mode: \"boolean\", attribute: \"scrollable-panel\" })\n], Tabs.prototype, \"scrollablePanel\");\n\nconst getClasses = ({\n connotation,\n orientation,\n gutters,\n scrollablePanel\n}) => classNames(\n \"base\",\n [`connotation-${connotation}`, Boolean(connotation)],\n [`orientation-${orientation}`, Boolean(orientation)],\n [`gutters-${gutters}`, Boolean(gutters)],\n [\"scroll\", Boolean(scrollablePanel)]\n);\nfunction TabsTemplate() {\n return html`\n\t\t\n\t`;\n}\n\nconst tabsDefinition = Tabs.compose({\n baseName: \"tabs\",\n template: TabsTemplate,\n styles\n});\nconst tabsRegistries = [\n tabsDefinition(),\n ...tabRegistries,\n ...tabPanelRegistries\n];\nconst registerTabs = registerFactory(tabsRegistries);\n\nexport { tabsRegistries as a, registerTabs as r, tabsDefinition as t };\n"],"names":["__defProp","Object","defineProperty","TagGroup","F","constructor","super","arguments","this","ariaLabel","decorators","target","key","decorator","result","i","length","__decorateClass","a","attribute","prototype","getClasses","_","c","tagGroupRegistries","compose","baseName","template","h","x","styles","tagGroupDefinition","registerTagGroup","r","Tab$1","mode","kind","Tab","tabIndex","ariaSelected","connotation","disabled","iconTrailing","shape","Boolean","tabRegistries","context","affixIconTemplate","icon","I","Slot","label","tabDefinition","registerTab","TabsOrientation","Tabs$1","orientation","activeindicator","showActiveIndicator","prevActiveTabIndex","activeTabIndex","ticking","change","$emit","activetab","isDisabledElement","el","getAttribute","isHiddenElement","hasAttribute","isFocusableElement","setTabs","gridHorizontalProperty","gridVerticalProperty","gridProperty","isHorizontal","getActiveIndex","tabs","forEach","tab","index","slot","isActiveTab","tabId","tabIds","tabpanelId","tabpanelIds","setAttribute","addEventListener","handleTabClick","handleTabKeyDown","activeid","style","classList","remove","add","setTabPanels","tabpanels","tabpanel","removeAttribute","event","selectedTab","currentTarget","nodeType","indexOf","setComponent","preventDefault","adjustBackward","adjustForward","adjust","e","group","moveToTabByIndex","focus","orientationChanged","$fastController","isConnected","handleActiveIndicatorPosition","activeidChanged","oldValue","newValue","findIndex","item","id","tabsChanged","getTabIds","getTabPanelIds","tabpanelsChanged","undefined","map","_a","u","tabPanel","focusTab","animateActiveIndicator","translateProperty","offsetProperty","prev","activeIndicatorRef","next","dif","transform","adjustment","focusableTabs","filter","t","currentActiveTabIndex","nextTabIndex","l","nextIndex","connectedCallback","o","S","ACTIVE_TAB_WIDTH","Tabs","scrollablePanel","connotationChanged","patchIndicatorStyleTransition","removeProperty","width","getBoundingClientRect","setProperty","shadowRoot","querySelector","left","top","scrollHeight","offsetTop","offsetHeight","scrollWidth","offsetLeft","offsetWidth","scrollTo","behavior","idx","gutters","tabsRegistries","s","w","tabsDefinition","registerTabs"],"sourceRoot":""}